::-webkit-scrollbar {width: 0; background: transparent;  }
::-webkit-scrollbar-thumb {width: 0;  background: transparent;}
.default_background{background: #FFFFFF !important;}
.hide_element{display: none !important;}
.show_element{display: block !important;}
.first_content{background: #F6FFFB !important;}
#header{background: #F6FFFB !important;z-index:999999999 !important;}
.register_header, .login_header{background:transparent !important;}
.main_search{
  display: flex;flex-direction: row;align-items: center;padding-left: 5px;background: #FFFFFF;
  box-shadow: 0px 2px 4px rgb(40 41 61 / 4%), 0px 8px 16px rgb(96 97 112 / 16%);border-radius: 8px;height: 50px;width: 100%;
}
.button_search{
  display: flex;flex-direction: row;justify-content: flex-end;align-items: center;padding: 10px 15px;position: relative;
  background: #F68F39;box-shadow: 0px 2px 4px rgb(40 41 61 / 4%), 0px 8px 16px rgb(96 97 112 / 16%);border-radius: 8px;
  right: -10px;float: right;color: #FFFFFF;
}
.icon_search{font-size: 15px !important;font-weight: bold !important;padding: 0px 10px !important;}
#counts{background: #F6FFFB !important;}
.counts .counters label{color:#00974A !important;text-align: left;font-weight: bold; margin: 0px; font-size: 25px; float: left;}
.counts .counters span{color:#5B7768 !important;font-size: 15px !important; font-weight: normal !important;text-align: left;float: left; padding:10px 10px;}
.content_testimoni, .content_product{background: #FFFFFF; padding: 20px;text-align: center;}
.price_discount{ text-align: right;letter-spacing: 0.5px;text-decoration-line: line-through; padding: 0px 5px;font-size: 13px;color: #AAAAAA;font-family: 'Circular Std';}
.disc_label {background: #EB5757;color: #fff;border-radius: 5px;font-size: 12px;display: inline-block;text-align: center;padding: 5px 10px;}
.type_label {
  background: #07A148;color: #fff;border-radius: 5px;font-size: 12px;display: inline-block;text-align: center;
  padding: 5px 10px;position: absolute;left: 10px;top: 10px;text-transform: capitalize;
}
.title_course{color: #333;font-size: 25px; font-family: 'Circular Std';}
.by_course{
	font-style: normal;color: #00974A;font-size: 13px;text-transform: capitalize;font-weight: bold; margin-bottom: 5px;font-family: 'Circular Std';
}
.open_course{color: #AAAAAA;font-size: 13px;font-family: 'Circular Std';}

.title_footer{
  color: #121527 !important;font-weight: bold !important;font-family: 'Circular Std' !important;letter-spacing: 0.5px !important;
  text-align: left !important;margin-bottom: 10px;font-size: 20px;
}
.ul_footer{text-align: left !important;list-style: none !important; padding: 0px !important;line-height: 30px !important;}
.ul_footer li{color: #5B7768 !important;font-size: 13px !important;}
.ul_footer li a{color: #121527 !important;}
.auth_area{background: #F6FFFB !important;width:100% !important;height:100% !important;display: inline !important;}

.left_auth{
width:25%;bottom: 0;float: none;height: 90%;left: 0;position: fixed;top: 0;left: 5%;top: 20px;
background: #00974A;border-radius: 56px 56px 0px 0px;box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)!important;
}

.label_input{
font-family:'Circular Std' !important;font-size: 9px !important;color: #aaa;padding: 0px 10px;width:100%;
}
.label_input i{color: #aaa !important;
}
.input_form{
 border: 1.5px solid #DEDEDE !important;box-sizing: border-box !important;height: 35px !important;font-size: 12px !important;
}
.input_form_with_label{
background: #FBFBFB !important;border: 1.5px solid #DEDEDE !important;box-sizing: border-box !important;border-radius: 300px !important;
height: 50px !important;font-size: 12px !important;font-family:'Circular Std' !important;
padding: 0px 15px !important;letter-spacing: 0.5px !important;
}
.submit_form{
color: #FFFFFF !important;background: #F68F39 !important;border: 1.5px solid #DEDEDE !important;box-sizing: border-box !important;
height: 40px !important;line-height: 40px !important;font-size: 13px !important;font-family:'Circular Std' !important;padding: 0px 15px !important;
box-shadow: 0px 2px 4px rgb(40 41 61 / 4%), 0px 8px 16px rgb(96 97 112 / 16%) !important;
border-radius: 1000px !important;width: 100% !important;
}
.forgot_password_link{
font-family: 'Circular Std';color: #00974A;font-size: 11px;font-weight: bold;float: right;padding: 10px;
}
.logo_form{text-align: center;padding: 20px;margin-bottom: 15px;}
.logo_form img{width:100px !important;}
.input_form:focus{
border: 1.5px solid #00974A !important;box-sizing: border-box !important;box-shadow: 0px 0px 0px 4px rgba(33, 150, 83, 0.25) !important;
background:#FFFFFF !important;color:#333 !important;
}
.input_form_with_label:focus{border: none !important;background:transparent !important;box-shadow: none !important;color:#333 !important;}
.content_progress .top{width:100% !important;display:inline-block !important;}
.content_progress .progress{
width:100% !important;display:inline-block !important;box-shadow: inset 0px 2px 2px -1px rgba(74, 74, 104, 0.1) !important;
background: #DEDEDE !important;border-radius: 8px !important;height: 5px !important;
}
.content_top_progress{float:left !important;text-align:center !important;}
.content_top_progress_icon{color: #5b776861 !important;font-size: 10px !important; margin-bottom: 5px !important;}
.content_top_progress_icon i{
background: #aaaaaa29 !important;border-radius: 50% !important;padding: 3px !important;width: 30px;
height: 30px;line-height: 25px;font-size: 15px;
}
.content_top_progress_icon.active i{
background: #00974A !important;color: #FFFFFF !important;border-radius: 50% !important;padding: 3px !important;
}
.line_progress{float:left !important;text-align:center !important;height: 100% !important;}.line_progress.active{background: #00974A !important;border-radius: 8px !important;}
.content_top_progress_text{
color: #5B7768 !important;font-size: 9px !important;margin: 0 !important;
}
.label_input_in{background: transparent !important; border: none !important;}
.label_input_in label{border-right: 1px solid #aaaaaa73;padding: 0px 5px;font-size: 13px;}
input.input_form, select.input_form, textarea.input_form{/*padding: 0px 10px !important;*/}
textarea.input_form{height: 100px!important;border-radius: 50px !important;}
.title_page .item{
  text-decoration: none !important;color:#AAA !important;letter-spacing: 0.5px;font-family: 'Circular Std';
  list-style: none !important;font-size: 13px !important;width: auto;float: left;
}
.title_page .last_item{
  text-decoration: none !important;color:#5B7768 !important;letter-spacing: 0.5px;font-family: 'Circular Std';
  list-style: none !important;font-size: 13px !important;width: auto;
  float: left;text-transform: capitalize !important;
}
.title_page .item:after{content: "\eab8";font-family: IcoFont;padding:0px 10px !important;}
.title_detail{font-family: 'Circular Std' !important;letter-spacing: -0.02em;}
.img_detail{width: 75% !important;}

.title_content_detail{
  color: #00974A !important;
font-family: 'Circular Std' !important;
}

.text_content_detail{
  color:#5B7768 !important;
  font-size:12px !important;
  font-family:'Circular Std' !important;
}

.text_content_detail span, .text_content_detail p{
  color:#5B7768 !important;
  font-size:12px !important;
  font-family:'Circular Std' !important;
}

.content_detail_right{
  margin-bottom:20px !important;
}

.content_bottom_left_detail{
  padding: 10px 20px !important;
margin-top: 20px !important;
text-align: left !important;
}

.content_bottom_left_detail p{
  margin-bottom: 10px !important;
  font-family:'Circular Std' !important;
  color:#5B7768 !important;
  letter-spacing: 0.5px !important;
  font-weight: bold !important;
}

.content_bottom_left_detail p i{
  padding:0px 10px !important;
  font-weight: normal !important;
}

.content_price_area{
  padding: 25px 0px !important;
}

.weight_list.active, .weight_list.active b{
  background: #00974A !important;
  color:#FFFFFF !important;
}

.count_cart{
  position: absolute;width: 16px;height: 16px;background: #3B72FE;font-family: 'Circular Std';color: #FFFFFF;border-radius: 50%;text-align: center;line-height: 15px;font-size: 10px;top: 5px;right: 10px;
}

.owl-carousel .owl-item img{
  height:300px !important;
}

.page-link{
  border-color: #00974A !important;
color: #00974A !important;
font-weight: bold !important;
font-size: 12px !important;
border-radius: 4px !important;
background: #ffffff;
margin: 0px 3px;
height: 30px;
line-height: 30px;
width: 30px;
padding: 0px;
text-align: center;
}

.img_verifikasi{
  opacity: 0.2 !important;
}

.img_verifikasi.active{
  opacity: 1 !important;
}

.pagination ul{
  display: inline-flex !important;
}

.pagination ul li a{
  font-size:15px !important;
  border: none !important;
  color: #132A1E !important;
  font-weight: normal !important;
}

.page-item.disabled .page-link{
  border: none !important;
color: #132a1eb8 !important;
font-weight: normal !important;
font-size: 15px !important;
}

.page-item.active .page-link{
border-color:#00974A !important;
background-color:#00974A !important;
color: #FFFFFF !important;
font-weight: bold !important;
font-size:12px !important;
border-radius: 4px !important;
}

.pay_list.active{
  border: 2px solid #00974A !important;
border-radius: 5px !important;
background: #f8fffc !important;
}


ul.pagination{
  float: right !important;
padding: 10px 0px !important;
}



/**=========================================================*/


.pull-right{
  float:right !important;
}

.pull-left{
  float:left !important;
}
input{
  letter-spacing: 0.5px;
}
input.search{
  width: 80% !important;
}

input:focus, input:active, input.search, input.search:active, input.search:active{
  border:none !important;
  outline:0;
-webkit-box-shadow:none;
box-shadow:none;
}

button:focus, button:active, button:hover{
  border:none !important;
  outline: none !important;
}

.bold{
  font-weight:bold !important;
}

.container_loading_bar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.container_loading_bar .loading-bar {
  display: flex;
  height: 5px;
  width: 100%;
  max-width: 320px;
  box-shadow: inset 0px 0px 0px 1px #C8C8CD;
  border-radius: 50px;
  overflow: hidden;
}
@-webkit-keyframes progress-animation {
  0% {
width: 0%;
  }
  20% {
width: 25%;
  }
  40% {
width: 50%;
  }
  50% {
width: 75%;
  }
  100% {
width: 100%;
  }
}
@keyframes progress-animation {
  0% {
width: 0%;
  }
  20% {
width: 25%;
  }
  40% {
width: 50%;
  }
  50% {
width: 75%;
  }
  100% {
width: 90%;
  }
}
.container_loading_bar .loading-bar .progress-bar {
  display: flex;
  height: 100%;
  width: 100%;
  background: linear-gradient(-180deg,#1eda5c,#24ed74) !important;
  -webkit-animation: progress-animation 3s ease-in-out;
  animation: progress-animation 3s ease-in-out;
}

#startup {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #FFFFFF;

  -moz-user-select: none;
  -webkit-user-select: none;

  display: flex;
  align-items: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  padding:0px;
  position: absolute;
left: 0;
right: 0;
}

.spinner-container {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
}

.spinner-container .path {
  stroke-dasharray: 1,150; /* 1%, 101% circumference */
  stroke-dashoffset: 0;
  stroke: rgba(27, 154, 89, 0.7);
  stroke-linecap: round;
  -webkit-animation: dash 1.5s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite;

}

@keyframes rotate {
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes rotate{
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes dash {
  0% {
stroke-dasharray: 1,150;  /* 1%, 101% circumference */
stroke-dashoffset: 0;
  }
  50% {
stroke-dasharray: 90,150; /* 70%, 101% circumference */
stroke-dashoffset: -35;   /* 25% circumference */
  }
  100% {
stroke-dasharray: 90,150; /* 70%, 101% circumference */
stroke-dashoffset: -124;  /* -99% circumference */
  }
}
@-webkit-keyframes dash {
  0% {
stroke-dasharray: 1,150;  /* 1%, 101% circumference */
stroke-dashoffset: 0;
  }
  50% {
stroke-dasharray: 90,150; /* 70%, 101% circumference */
stroke-dashoffset: -35;   /* 25% circumference */
  }
  100% {
stroke-dasharray: 90,150; /* 70%, 101% circumference */
stroke-dashoffset: -124;  /* -99% circumference */
  }
}


.invalid-feedback{
font-size: 10px !important;
color: #dc3545bd !important;
padding: 0px 15px !important;
}

.valid-feedback{
font-size: 10px !important;
color: #28a745 !important;
padding: 0px 15px !important;
}

.pointer{
cursor:pointer !important;
}

.no-margin{
margin:0px !important;
}
.no-padding{
padding: 0px !important;
}

.no-background{
background: transparent !important;
}

.no-border{
border:none !important;
}

#dropdownMenuAccountMobile:after{
  display: none !important;
}


/*==================================== STYLE PAZ ===========*/
section{
  padding: 15px 0;
}
.container{
  padding:0px !important;
}
.section-title, .section-subtitle{
  padding: 0px !important;
}
.section-subtitle{
  margin-bottom: 25px;
}
.inline_block{
  display: inline-block !important;
}
.full{
  width: 100% !important;
}
.left{
  float: left !important;
}
.right{
  float: right !important;
}
.text-white{
  color:#FFFFFF !important;
}

.text-black{
  color:#121527 !important;
}
.text-gray{
  color:#757682 !important;
}
.text-gray-medium{
  color: #757682ab !important;
}
.text-green{
  color:#07A148 !important;
}
.text-red{
  color:#EB5757 !important;
}
.text-orange{
  color:#FD7D24 !important;
}
.text-yellow{
  color: #f7b90d !important;
}
.bg-white{
  background:#FFFFFF !important;
}
.bg-black{
  background:#121527 !important;
}
.bg-gray{
  background:#757682 !important;
}
.bg-green{
  background:#07A148 !important;
}
.bg-orange{
  background:#FD7D24 !important;
}
.circle{
  border-radius:50% !important;
}
.bg-red{
  background:#EB5757 !important;
}

a{
  font-family:  'Circular Std';
}

.nav-menu a{
   font-family:  'Circular Std';
}

.btn_round{
  padding: 10px 15px !important;
font-size: 13px !important;
border-radius: 80px !important;
background:#ffffff !important;
color:#333333 !important;
border:1px solid #07A148 !important;
}

.round_list{
  background: #F5F5F5 !important;
border-radius: 8px !important;
color: #757682 !important;
border: none !important;
text-align: center;
font-weight: normal;
margin: 0px 2px;
margin-bottom: 3px;
display: inline-block;
}

.btn_green{
  background: #07A148 !important;
  border-radius: 8px !important;
  color:#ffffff !important;
  border:none;
  text-align: center;
}
.btn_gray{
  background: #757682 !important;
  border-radius: 8px !important;
  color:#ffffff !important;
  border:none;
  text-align: center;
}

.btn_outline_green{
  background: transparent !important;
  border-radius: 8px !important;
  color:#07A148 !important;
  border:1px solid #07A148;
  text-align: center;
}

.shadow_image{
  box-shadow: -14px -14px 0px -1px #f6fffb, -14px -14px 0px 0px #07a148;
  border-radius: 8px;
}



.btn_round.active{
background:#07A148 !important;
color:#FFFFFF !important;
border:1px solid #07A148 !important;
}
.content_item{
  padding: 0px 10px !important;
  margin-bottom: 10px;
}

.box_item{
  background: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 0px;
  margin: 0px;
}

.box_item .cover{
  height: 200px;
background-size: 100% 100% !important;
border-radius: 8px 8px 0px 0px;
}

.box_item_terapis .cover{
  height: 130px;
}

.box_item .info{
  padding: 10px;
  height: 235px;
}

.box_item_product .info{
  padding: 10px;
  height: 190px;
}

.box_item_blog{
  box-shadow: none;
}

.box_item_blog .info{
  height: 90px;
  padding:10px !important;
}

.box_item_terapis .info{
  padding: 10px;
  height: 120px;
}


.box_item .info h3{
  font-size:13px;
  margin-bottom: 5px;
  line-height: 20px;
  color: #5f687b !important;
}

.box_item .info p{
  margin-bottom: 10px;
  font-size: 11px;
}

.box_item_blog .info h3{
  font-size:11px;
  margin-bottom: 5px;
  line-height: 15px;
}

.capital{
  text-transform: capitalize !important;
}

.upper{
  text-transform: uppercase !important;
}

.lower{
  text-transform: lowercase !important;
}

.content ul {
list-style: none;
padding: 0;
}
.content ul li{
padding-bottom: 10px;
}

.btn_tab{
  background: transparent !important;
color: #AAACBA !important;
border: none !important;
border-radius: 0px !important;
padding: 10px 15px !important;
font-size: 13px !important;
}
.btn_tab.active{
color: #07A148 !important;
border-bottom: 1px solid #07A148 !important;
}

.box-shadow{
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04) !important;
  border-radius: 12px;
}

.btn_orange{
  border: 1px solid #F68F39 !important;
border-radius: 8px !important;
background: #F68F39 !important;
color: #FFFFFF !important;
font-size: 12px !important;
text-align: center !important;
margin: auto !important;
}
.btn_outline_orange{
  border: 1px solid #F68F39 !important;
border-radius: 8px !important;
background: #FFFFFF !important;
color: #F68F39 !important;
font-size: 12px !important;
text-align: center !important;
margin: auto !important;
}
.btn_outline_gray{
  border: 1px solid #E9E9E9 !important;
border-radius: 8px !important;
background: #FFFFFF !important;
color: #757682 !important;
font-size: 12px !important;
text-align: center !important;
margin: auto !important;
}
.mb-15{margin-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}
.btn_qty{
  box-shadow: 0px 2px 4px rgb(40 41 61 / 4%), 0px 8px 16px rgb(96 97 112 / 16%) !important;
border-radius: 1000px !important;
border: none !important;
color: #FFFFFF !important;
font-size: 12px !important;
width: 25px !important;
height: 25px !important;
  background: #07A148 !important;
  cursor: pointer !important;
  pointer-events: auto;
}
.btn_qty.disabled{background: #AAACBA !important;cursor: not-allowed;}
iframe{width: 100%;border: none;border-radius: 8px;}
.ytp-title-enable-channel-logo .html5-endscreen{display: none !important;}
.form-group{margin-bottom:5px !important;}
.foto_box{background-size: 100% 100% !important;}
.form-check{margin-bottom: 10px !important;}
.m-auto{margin:auto !important;}
input, select, textarea{font-size: 13px !important;}
.choices__list--dropdown{position: relative !important;}
.f_12{
  font-size: 12px !important;
}
.f_13{
  font-size: 13px !important;
}
.f_11{
  font-size: 11px !important;
}
.f_10{
  font-size: 10px !important;
}
.f_15{
  font-size: 15px !important;
}

.disabled{
  cursor: not-allowed !important;
  pointer-events: none !important;
  opacity: 0.5 !important;
}
.input-group .right-control{
   border-radius: 0.25rem 0px 0px 0.25rem !important;
   border-right:none !important;
}
.input-group .right-control-span{
   border-radius: 0px 0.25rem  0.25rem  0px !important;
   border-left:none !important;
}

.input-group .left-control{
   border-radius: 0px 0.25rem 0.25rem 0px !important;
   border-left:none !important;
}
.input-group .left-control-span{
   border-radius: 0.25rem 0px  0px  0.25rem !important;
   border-right:none !important;
}


/*============== LAZY LOAD ================*/
.container_lazy {
  background-color: white;
width: 100%;
}

.img-container_lazy {
  width: 100%;
padding: 0px;
}

.img_lazy {
  width: 100%;
height: 200px;
background-color: #c3c4c496;
border-radius: 8px 8px 0px 0px;
}

.content_lazy {
  padding: 3px !important;
height: 60px !important;
display: grid;
}

.stripe_lazy {
  border: 1px solid white;
height: 80%;
background-color: #c3c4c496;
}

.small-stripe_lazy {
  width: 40%;
}

.medium-stripe_lazy {
  width: 70%;
}

.long-stripe_lazy {
  width: 100%;
}

.container_lazy.loading .img_lazy, .container_lazy.loading .stripe_lazy {
  animation: hintloading 2s ease-in-out 0s infinite reverse;
  -webkit-animation: hintloading 2s ease-in-out 0s infinite reverse;
}

@keyframes hintloading
{
  0% {
opacity: 0.5;
  }
  50%  {
opacity: 1;
  }
  100% {
opacity: 0.5;
  }
}

@-webkit-keyframes hintloading
{
  0% {
opacity: 0.5;
  }
  50%  {
opacity: 1;
  }
  100% {
opacity: 0.5;
  }
}

.galleryImage::-webkit-scrollbar {
border-radius: 10px;
background: linear-gradient(13deg, #f9d4ff 14%, #c7ceff 64%);
box-shadow: inset 7px 10px 12px #f0f0f0;
height: 5px;
width: 3px !important;
}

.galleryImage::-webkit-scrollbar-thumb {
border-radius: 10px;
background: linear-gradient(13deg, #ff9800 14%, #ffc107 64%);
}

.toCartProduct{
  margin:auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-results__option{
  font-size: 12px !important;
}
.bootstrap-tagsinput{
  width: 100% !important;
}

.bootstrap-tagsinput .tag{
  background: black !important;
  font-size: 12px !important;
  letter-spacing: 0.5px !important;
  padding: 3px !important;
  border-radius: 4px !important;
}
.bootstrap-tagsinput .tag [data-role="remove"]{
  border-radius: 2px !important;
padding: 0px 3px !important;
background: #c10d0d !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
  font-size: 11px !important;
}

.singkat{
  text-overflow: ellipsis !important;
overflow: hidden !important;
white-space: nowrap !important;
}
.description_blog iframe{
  width: 50%;
  display: flex !important;
  margin: auto !important;
}

/* Article typography — desktop scale (body 17px, modular ~1.25) */
.description_blog .color-black{
	font-size: 17px !important;
	line-height: 1.75 !important;
	letter-spacing: 0.2px !important;
}
.description_blog p,
.description_blog li,
.description_blog blockquote{
	font-size: 17px !important;
	line-height: 1.75 !important;
}
.description_blog h1{ font-size: 32px !important; }
.description_blog h2{ font-size: 26px !important; }
.description_blog h3{ font-size: 22px !important; }
.description_blog h4{ font-size: 19px !important; }
.description_blog h5,
.description_blog h6{ font-size: 17px !important; }
.description_blog h1, .description_blog h2,
.description_blog h3, .description_blog h4,
.description_blog h5, .description_blog h6{
	line-height: 1.3 !important;
	font-weight: 700;
	margin: 1.4em 0 0.5em 0;
}
.description_blog p{ margin-bottom: 1.1em; }
.description_blog ul,
.description_blog ol{
	margin: 0 0 1.1em 0;
	padding-left: 1.4em;
}
.description_blog li{ margin-bottom: .35em; }
.description_blog hr{
	margin: 1.6em 0;
	border: 0;
	border-top: 1px solid #E5E7EB;
}
.description_blog span,
.description_blog div,
.description_blog b,
.description_blog strong,
.description_blog em,
.description_blog i,
.description_blog u{
	font-size: inherit !important;
	font-family: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit !important;
}
.description_blog a{
	color: #059669;
	font-weight: 600;
}
.description_blog blockquote{
	margin: 1.4em 0;
	padding-left: 1.2em;
	border-left: 3px solid #CCC;
	font-style: italic;
}
.title_blog .titleArticle{
	font-size: 34px !important;
	line-height: 1.25 !important;
}
.note-float-center{
  display: block !important;
  margin: 0 auto !important;
}
.box-image{ display: flex !important;justify-content: center !important; background: #ECF1FF !important;align-items:center;overflow:hidden !important; }
.box-image img{ width: auto !important; height: auto !important;max-width: 100% !important; max-height: 100% !important; }
.story-thumb{ position: relative; overflow: hidden; background: #f3f4f6 !important; }
.story-thumb .thumb-bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; filter: blur(14px); transform: scale(1.3); opacity: .7; }
.story-thumb .thumb-img{ position: relative; display: block; width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; }
.story-thumb img{ position: relative; }
.circle-image{margin: auto !important;border-radius: 80px !important;}
.circle-image.md{ width: 75px !important; height: 75px !important; }
.circle-image.sm{ width: 50px !important; height: 50px !important; }
.circle-image.lg{ width: 100px !important; height: 100px !important; }
.select2 {width: 100% !important;display: inline-block;}
.select2-container--default .select2-selection--single {
height: calc(2.125rem + 2px);
font-family: Roboto, sans-serif;
font-size: 13px;
font-weight: 400;
background-color: #fff;
border: 1px solid #dbdfea;
border-radius: 4px;
box-shadow: none;
transition: all 0.3s;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #526484;
line-height: 1.25rem;
padding: 0.4375rem calc(2.125rem + 2px) 0.4375rem 1rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: calc(2.125rem + 2px);
position: absolute;
top: 0;
right: 0;
width: calc(2.125rem + 2px);
display: flex;
align-items: center;
justify-content: center;
}
.select2-dropdown {
background-color: #fff;
border-radius: 4px;
box-shadow: none;
border: 1px solid #dbdfea;
font-family: Roboto, sans-serif;
font-size: 13px;
font-weight: 400;
display: block;
position: absolute;
left: -100000px;
z-index: 1051;
padding: 6px;
}
.select2-dropdown--above {
margin-top: 1px;
border-radius: 4px 4px 0 0;
}
.select2-dropdown--below {
margin-top: -1px;
border-radius: 0 0 4px 4px;
}
.select2-search--dropdown {
display: block;
padding: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #dbdfea !important;
}
.select2-search--dropdown .select2-search__field {
padding: 0.375rem 0.75rem;
width: 100%;
border-radius: 4px;
margin-bottom: 6px;
color: #526484;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 210px;
overflow-y: auto;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
border-radius: 4px 4px;
}
.select2-results__option:not(:last-child) {
margin-bottom: 0.125rem;
}
.select2-results__option {
padding: 0.375rem 0.75rem;
border-radius: 4px;
user-select: none;
-webkit-user-select: none;
}

.box-image-product{
  padding: 0.25rem !important;
  height: 250px !important;
}
.br-8{border-radius: 8px !important;}
.br-4{border-radius: 4px !important;}
#main-app-page-content .page-breadcrump, #main-app-page .page-breadcrump{
  margin-bottom: 1rem !important;
}
#main-app-page-content .page-breadcrump ul, #main-app-page .page-breadcrump ul{
  padding-left: 0.50rem !important;
  padding-right: 0.50rem !important;
}
.ribbon-badge{
    position: absolute;
    top: 0;
    width: 100%;
    height: 60px;
    display: inline-flex;
    z-index: 1;
    justify-content: end;
}
.ribbon-badge-right{
  right: 0;
}
.ribbon-badge-left{
  left: 0;
}
.ribbon-badge img{
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
.max-line-text-2{
  overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 2; 
         line-clamp: 2; 
 -webkit-box-orient: vertical;
}
.max-line-text-1{
  overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 1; 
         line-clamp: 1; 
 -webkit-box-orient: vertical;
}
.max-line-text-3{
  overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 3; 
         line-clamp: 3; 
 -webkit-box-orient: vertical;
}