/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 02 2024 | 10:59:41 */
.z-11 {
	z-index: 11;
}

.d-flex.btn-icon.btn-inline {
	display: flex;
}

.img-m-0.m-0 {
	margin: 0;
}

/* html {
	height: 100vh;
}
 */
.cursor-pointer {
	cursor: pointer;
}

.position-relative {
	position: relative;
}

.ast-builder-language-switcher-layout-horizontal .ast-builder-language-switcher-menu {
	align-items: center;
}

.ast-builder-language-switcher-menu-item-header:nth-child(2) { 
	padding-top: 2px;
}

a {
    text-decoration: none;
}

.homepage-banner .kt-row-valign-bottom.kt-inner-column-height-full>.wp-block-kadence-column:not(.kb-section-dir-horizontal)>.kt-inside-inner-col {
	justify-content: flex-start;
}

.home .content-area.primary {
	margin-top: 0 !important;
}

.homepage-shop .kt-row-valign-bottom.kt-inner-column-height-full>.wp-block-kadence-column:not(.kb-section-dir-horizontal)>.kt-inside-inner-col { 
	justify-content: flex-start; 
}

#ast-mobile-header .ast-woo-header-cart-info-wrap {
	display: none;
}

#ast-mobile-header .ast-cart-menu-wrap {
	font-size: 14px;
}

.wp-block-image.aligncenter, .wp-block-image .aligncenter, .wp-block-image.alignleft, .wp-block-image .alignleft, .wp-block-image.alignright, .wp-block-image .alignright {
	display: block;
}

.prodentis-table tbody tr:nth-child(odd) {
	 background-color: #a6e1d0 !important; 
}

.prodentis-table tbody tr:nth-child(even) {
	   background-color: #e1f5ef !important;  
}

.prodentis-table tbody tr td {
	padding: 1em !important;
}

.prodentis-table {
	margin-top: 25px;
}

.prodentis-promo-section h5 {
	display: inline-block;
	background-color: #FFCE00;
	padding: 15px 30px;
}

.prodentis-promo-section {
	text-align: center;
}

.list-m0 {
  padding: 0;
  margin: 0;
}

.hide {
	display: none;
}

.floating-close-button {
	width: 30px;
	position: fixed;
    top: 123px;
    right: 7px;
    z-index: 99;
}

#float-show-more {
  position: fixed; 
  top: 210px;
  right: -39px;
  z-index: 99; 
  transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg); 
  -webkit-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
}

.floating-button-1 {
  position: fixed; 
  top: 210px;
  right: -57px;
  z-index: 99; 
  transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg); 
  -webkit-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
}

.floating-button-2 {
  position: fixed; 
  top: 370px;
  right: -64px;
  z-index: 99; 
  transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg); 
  -webkit-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
}

.floating-button-3 {
  position: fixed; 
  top: 554px;
  right: -80px;
  z-index: 99; 
  transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg); 
  -webkit-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
}

.floating-button-4 {
  position: fixed; 
  top: 706px;
  right: -33px;
  z-index: 99; 
  transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg); 
  -webkit-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
}

#float-show-more a, .floating-button-1 a, .floating-button-2 a, .floating-button-3 a, .floating-button-4 a {
  padding: 10px !important; 
  background-color: #ff6b0070;
  display: block;
  border: 2px solid #ffffff8f;
}

#float-show-more a, .floating-button-1 a:hover, .floating-button-2 a:hover, .floating-button-3 a:hover, .floating-button-4 a:hover {
  text-decoration: none;
  color: black;
}

.floating-button-3 a {
  background-color: #00adee75;
}

.hp-video { max-width: 500px; margin-top: 15px; }

.ap-right, .ap-right2 {
  z-index: 1;
}

.ap-right .kt-inside-inner-col {
  background-color: #ffe49b;
  padding: 20px 25px 0px 35px;
  border-radius: 0 15px 15px 0;
  margin-left: -60px !important;
}

.ap-right2 .kt-inside-inner-col {
  background-color: #ffe49b;
  padding: 20px 25px 0px 125px;
  border-radius: 0 15px 15px 0;
  margin-left: -146px !important;
}

.kt-row-layout-row.kt-v-gutter-default>.wp-block-kadence-column {
    margin-bottom: 10px;
}
.kt-testimonial-meta-wrap .kt-testimonial-meta-name-wrap {
    text-align: center;
}
.wp-block-kadence-testimonials .kt-blocks-carousel {
    padding-bottom: 20px;
}
.mascot img{
    margin-top: 460px;
    margin-left: -610px;
    position: absolute;
}

.ast-account-action-link .ast-header-account-text{
  font-weight:bold;
}
.footer-widget-area #nav_menu-6 h2{
  margin-bottom: 4px;
}

.entry-header .entry-title {
  padding-top: 80px;
  text-align: center;
  font-weight: 900;
  font-size: 55px;
}


#ast-hf-menu-1 > li > a {
    border-right: 2px solid black;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
	font-size: 17px;
}#ast-hf-menu-1 > li:last-child > a {
    border-right: 0;
}


.wp-block-product-blocks-product-grid-2 .wopb-product-grid3-content .wopb-block-title, .wp-block-product-blocks-product-grid-2 .wopb-product-grid3-content .wopb-category-grid, .wp-block-product-blocks-product-grid-2 .wopb-product-grid3-content .wopb-product-price, .wp-block-product-blocks-product-grid-2 .wopb-product-grid3-content .wopb-short-description {
    -webkit-transition: .4s ease;
    transition: .4s ease;
}
.wopb-block-389c34 .wopb-block-title, .wopb-block-389c34 .wopb-block-title a {
    font-weight: 600;
    text-transform: capitalize;
    text-decoration: none;
}
.wopb-block-389c34 .wopb-block-title {
    padding: 0px 0px 2px 0px;
}
.wopb-block-389c34 .wopb-block-title, .wopb-block-389c34 .wopb-block-title a {
    font-size: 16px;
    line-height: 24px !important;
    letter-spacing: 0px;
}

.subscription button, subscription button:focus{
    z-index: 10 !important;
    margin-left: -65px;
  	background: rgba(255, 255, 255, 0) !important;
   	background-image:url(http://biogaia.com.my/wp-content/uploads/2021/08/right-arrow.png) !important; 
    background-repeat: no-repeat !important; 
    background-position: center !important;
  	background-size: 40px !important;
  	float: right !important;
 	position: absolute !important;
    bottom: 0px !important;
  	padding-bottom:15px !important;
}

.store-kid{
	margin-top: -450px !important;
    position: absolute;
    z-index: 10;
}
.bg-shop img{
    position: absolute;
  	margin-right: -450px !important;


}
.shop-bg {
    margin-left: 450px!important;
    margin-top: -420px!important;
    width: 50%!important;
}

.youtube-video-place {
  position: relative;
}

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ba1f24;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ff0000;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#fa183d, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}

.graphic, .graphic figure{
   margin: .5em 0 0 1em !important;
}
.mission img{
  margin-left: -120px !important;
}

.shop-bg {
  position:absolute;margin-left: 450px;margin-top: -320px;
}

.shop-bg2{
  position:absolute;margin-left: -500px;margin-top: 680px;
}

.kt-svg-icon-list-single-fe_mail svg{
 /* margin-right: 0px;*/
  margin-bottom:5px;
}

.astra-shop-summary-wrap{
  text-align:center;
}
.single-product .ast-woocommerce-container {
  padding-top:50px;
}
.woocommerce ul.products li.product .price del , .woocommerce-ordering, .woocommerce-result-count,.woocommerce-breadcrumb{
    display: none;
}
.astra-shop-summary-wrap div.product p.price del, .astra-shop-summary-wrap div.product span.price del ,.wopb-compare-btn{
    display: none;
}

.woocommerce ul.products li.product .onsale {
    top: 0;
    right: auto;
    left: 0;
  margin: 0.3em -.5em 0 .5em;
}

.woocommerce span.onsale, .wc-block-grid__product .wc-block-grid__product-onsale {
  background-color: #ffffff;
}

.kt-accordion-inner-wrap :last-child .kt-accordion-panel .kt-accordion-panel-inner {
  border-width: 3px 3px 3px 3px;
}
.kt-accordion-inner-wrap :last-child .kt-accordion-header-wrap .kt-blocks-accordion-header  {
  border-width: 3px 3px 3px 3px;
}

.info-home p, .list-home li, .kt-btn-inner-text strong, .faq-text strong{
  font-weight:800;
}

.related {
  padding-top: 20px;
}
.uagb-post__image img{
  padding: 10px 10px;
}
 
.ast-article-single .entry-meta{
  display:none;
}
.colic-how-img{ margin-top:-150px; }
.colic-how-img-cn{ margin-top:-60px; }

.single .post-navigation{
  display:none;
}
a:hover, li a div span:hover {
  color:#FF6B00;
}

.list{
    margin: 0 0 1.5em 1em;
}

div.advgb-image-block {
    background-color: transparent !important;
}

.sub-menu{
  min-width: 300px;
}

.sub-menu .menu-link{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.list-home {
  margin: 0px;
}

.list-home li {
    margin-left: 23px !important;
}

.home-banner-button-mobile {
  margin-left: 10px !important;
  margin-right: 10px !important;
  margin-bottom: 40px !important;
}

.home-banner-button-mobile span {
  line-height: 22px;
}

.banner-baby-section {
  margin-right: 0px !important;
}

/* About Probiotics - Yellow Circle */
.yellow-circle {
  background-color: #FFC62D !important;
  border-radius: 90% !important;
  z-index: 9;
}

.yellow-circle-text {
  color: white !important;
}

/* About Probiotics - 2nd section images */
.about-probiotics-image {
  border-radius: 30px 30px 0 0;
}

/* Infant & Paediatric Page - Light Yellow box */
.light-yellow-box {
/*   box-shadow: -29rem 0 0 0 #FFC62D; */
  box-shadow: -29rem 0 0 0 rgba(255,198,45,0.48);
}

/* Infant & Paediatric Page - Circle Image */
.infant-circle-image {
  margin: 0px !important;
}

.oral-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: #a4e1d1 !important;
}

.oral-table.is-style-stripes tbody tr:nth-child(even) {
	background-color: #e1f5f0;
}

.oral-floating-image {
	position: absolute;
    right: 150px;
    bottom: 200px;
}


@media (max-width: 544px){
  .wp-block-cover-image img.wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background, 
  .wp-block-cover img.wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background {
    height:70%;
  }
  
  .info-home .kt-blocks-info-box-media-container .kadence-info-box-image-inner-intrisic-container{
    max-width: 100px !important;
  }
  
  .ast-footer-copyright p{
    text-align:center !important;
  }
  .footer-list ul li{
    -webkit-justify-content: center;
    justify-content: center;
  }
  
  .site-footer-primary-section-2 h2{
    margin: 20px 0 5px 0 !important;
  }
  
  .store-kid{
    margin-top: -1035px !important;
    width:300px;
  }
  
  .entry-header .entry-title {
  font-size: 30px;
  padding-top: 30px;
  }
  
  .wp-block-image .size-thumbnail{
    width: 100px;
  }
  
  .shop-bg, .shop-bg2, .story-bg, .story-bg2{
  display:none !important;
  }
  
  .list-home li{
    font-size:20px;
  }
  
  .footer-logo {
    text-align: center;
  }
  .img-post-drops{
    height:180px !important;
  }
  .colic-how-img{
  	margin-top:-85px;float: right;
    width:180px !important;
  }
  .colic-how-img-cn{
  	margin-top:-73px; margin-right:-20px;float: right;
    width:180px !important;
  }
  .single .post-navigation{
   display:none;
  }
  .circle-1{
    position: absolute;
    padding-left: 30px;
    margin-top: -870px;
  }
  .circle-2 img{
    margin-top: -230px;
    margin-left: -100px;
    position: absolute;
  }
  /* Infant & Paediatric Page - Circle Image */
  .infant-circle-image {
    margin: 2rem 0 !important;
  }
  
  /*  Our Story - Image  */
  .our-story-baby-image-1 {
    text-align: center !important;
  }
  
  .ap-right .kt-inside-inner-col {
    margin-left: 0 !important;
    border-radius: 15px;
  }
  
  .ap-right2 .kt-inside-inner-col {
    margin-left: 0 !important;
    border-radius: 15px;
    padding: 25px;
  }
}

 @media only screen and (max-device-width: 1300px) {
   .proven-uses .kt-inside-inner-col {
     border-left-width: 0px !important;
   }
   .usage-and-ingredients .kt-inside-inner-col {
     padding-left: 100px !important;
     padding-right: 40px !important;
   }
   
   .about-probiotics-card-title {
     font-size: 25px !important;
   }
}

@media only screen and (max-width: 768px) {
.float-btn-1 {
    background-color: #ff6c01;
    margin-top: -40px !important;
  }
  .oral-floating-image {
	  display: none;
  }
	
	.floating-button-1 {
		top: 130px;
	}
	
  .floating-button-2 {
	  top: 278px;
  }
	
  .floating-button-3 {
	  top: 448px;
	}
	
	.floating-button-4 {
		top: 590px;
    	right: -37px;
	}
	
	.floating-close-button {
		top: 83px;
        right: 45px;
	}
	
	.prodentis-circle-container .kt-row-layout-inner {
		width: 300px;
		height: 300px;
		margin: 0 auto;
	}
	
	.prodentis-circle-container .kt-row-layout-inner .kt-row-column-wrap {
		padding-top: 120px !important;
	}
}

.why-prodentis {
    text-align: center;
    font-size: 70px !important;
}

.text1 {
    margin-top: -50px;
	text-align: left;
	line-height: 2rem;
}

.text2 {
	font-size: 25px;
	margin-bottom: -25px !important;
}

.text3 {
	font-size: 35px;
	text-align: right;
	margin-top: -50px;
}

.text4 {
	text-align: center;
    font-size: 80px;
    font-weight: 900;
}

.text5 {
	text-align: center;
    font-size: 80px;
    font-weight: 800;
	margin-bottom: 18px !important;
    line-height: 3.5rem;
}

.text6 {
	text-align: center;
    font-size: 80px;
    font-weight: 800;
	margin-bottom: -5px !important;
    line-height: 3.5rem;
}

.text7 {
	text-align: center;
    font-size: 80px;
    font-weight: 800;
	margin-bottom: -12px !important;
    line-height: 3.5rem;
}

.text8 {
	font-weight:800; 
	font-size:70px; 
	text-align: left; 
	color:#ffffff;
	line-height: 3rem !important;
}

.text9 {
	font-weight:700; 
	font-size:60px; 
	color:#ffffff; 
	padding-left: 170px;
}

.text10 {
    line-height: 2.5rem;
}

.text11 {
    line-height: 3rem;
}

.text13 {
    line-height: 2.5rem;
}

.text14 {
    line-height: 2.5rem;
}



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

.text3 {
    margin-top: 0px;
}
	
.text2 {
	margin-top: -50px;
    margin-bottom: 30px !important;
}
	
.text8 {
	font-weight:800; 
	font-size:50px; 
	text-align: center; 
	color:#ffffff;
}
	
.text1 {
	text-align: center;
}
	
.text9 { 
	padding-left: 48px;
}
	
.text4 {
    font-size: 50px;
	line-height: 3.5rem;
}
	
.text7 {
	text-align: center;
    font-size: 50px;
    font-weight: 800;
	margin-top: -100px;
}
	
#kt-layout-id_f06d9f-21 {
    margin-top: -100px;
}

.desc {
	margin-top: -140px;
}
	
.text5 {
		margin-top: -100px;
	    font-size: 50px;
}
	
.text6 {
		margin-top: -100px;
	    font-size: 50px;
}
	
.desc2 {
	margin-top: -115px;
}
	
.desc3 {
	margin-top: -135px;
}
	
.desc4 {
	margin-top: -220px;
}
	
.desc5 {
	margin-top: -120px;
}
	
.desc6 {
	margin-top: -110px;
}
	
.text10 {
	font-size: 30px !important;
	font-weight: 700 !important;
}
	
.text11 {
		font-size: 30px !important;
}
	
.text12 {
		font-size: 50px !important;
}
	
.text13 {
		font-size: 30px !important;
}
	
.text14 {
		font-size: 30px !important;
}
	
}

.kt-btn-wrap.kt-btn-wrap-0 {
    z-index: 999;
    position: relative;
}
}

.lt-container {
       position: relative;
    background-color: #ffffff !important;
    justify-items: center;
    text-align: center;
    padding: 70px 20px 10px 20px;

}

.lt-1::after {
    content: "";
    display: block;
    width: 100px; 
    height: 100px;
    background-image: url('https://biogaia.com.my/wp-content/uploads/2024/11/Recurrent-infections.png');
    background-size: cover; 
    background-position: center; 
    position: absolute;
    top: -50px;
    left: 50%; 
    transform: translateX(-50%); 
}

.ul-diarrhea{
	margin:0 0 1.5em 1em;
}

.ul-protectis {
    display: flex;
    flex-direction: column; 
    align-items: center;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    list-style-position: inside; 
}

.ul-protectis li {
    text-align: center;
    margin-left: 0; 
    list-style-type: disc; 
}

.diarrhea-bold{
	font-weight: 1000;
}

@font-face {
    font-family: 'Okta Neue';
    src: url('/wp-content/uploads/2024/12/OktaNeue-Bold.eot');
    src: url('/wp-content/uploads/2024/12/OktaNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/2024/12/OktaNeue-Bold.woff2') format('woff2'),
        url('/wp-content/uploads/2024/12/OktaNeue-Bold.woff') format('woff'),
        url('/wp-content/uploads/2024/12/OktaNeue-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Okta Neue';
    src: url('/wp-content/uploads/2024/12/OktaNeue-Medium.eot');
    src: url('/wp-content/uploads/2024/12/OktaNeue-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/2024/12/OktaNeue-Medium.woff2') format('woff2'),
        url('/wp-content/uploads/2024/12/OktaNeue-Medium.woff') format('woff'),
        url('/wp-content/uploads/2024/12/OktaNeue-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Okta Neue';
    src: url('/wp-content/uploads/2024/12/OktaNeue-Regular.eot');
    src: url('/wp-content/uploads/2024/12/OktaNeue-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/2024/12/OktaNeue-Regular.woff2') format('woff2'),
        url('/wp-content/uploads/2024/12/OktaNeue-Regular.woff') format('woff'),
        url('/wp-content/uploads/2024/12/OktaNeue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Okta Neue';
    src: url('/wp-content/uploads/2024/12/OktaNeue-SemiBold.eot');
    src: url('/wp-content/uploads/2024/12/OktaNeue-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/2024/12/OktaNeue-SemiBold.woff2') format('woff2'),
        url('/wp-content/uploads/2024/12/OktaNeue-SemiBold.woff') format('woff'),
        url('/wp-content/uploads/2024/12/OktaNeue-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.okta-neue-font{
	 font-family: 'Okta Neue';
}