/* ///// NEW CSS ///// */
body {
	font-family: 'Montserrat' !important;
	margin-top: 20em;
}

small, .small {
    font-size: 60%;
    font-weight: 400;
}

.wysiwyg-content p{
	font-size: 16px;
}

.form-group label {
    font-weight: 500;
    font-size: 14px;
}

/* home? */
.home-main-banner {
	position: relative;
	height: 80vh;
	background: url('../images/2023/home/bg-home-banner.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	margin-top: -10px;
}

.new-container {
	max-width: 90%;
	margin: 0 auto;
}

.home-main-banner .new-container .hero-banner-home p {
	font-size: 16px;
	padding-top: 30px;
}

.hero-banner-home img {
	width: 100%;
	padding: 30px;
}

.text-btn {
	position: relative;
}

.text-btn a {
	position: absolute;
	bottom: 145px;
	color: #9A7A2C;
	font-size: 22px;
	text-decoration: none;
	font-weight: 600;
}

.text-btn a i {
	margin-left: 10px;
}


.r-ornaments{
	background: url('assets/img/r-ornaments.png');
	background-repeat: no-repeat;
    background-size: cover;
    width: 100px;
    height: 900px;
    float: right;
}

.l-ornaments {
	background: url('assets/img/l-ornaments.png');
	background-size: cover;
    margin-top: 400px;
    width: 100px;
    height: 280px;
    float: left;
}





.section-whoweare {
	margin: 30px;
}

.section-whoweare .new-container img{
	padding: 50px;
}

.section-whoweare .new-container .title {
	padding: 50px;
}

.section-whoweare .new-container .title .bg-title{
	background-color: #F1EB21;
    height: 30px;
    width: 185px;
    border-radius: 50px;
    position: absolute;
    top: 120px;
	left: 30px;
}

.section-whoweare .new-container .title h1{
	position: absolute;
	font-family: 'Montserrat' !important;
	font-weight: 700;
	color: #151F48;
	font-size: 38px;
}

.section-whoweare .new-container .title p{
	color: #666666;
	font-size: 16px;
	padding-top: 160px;
	line-height: 1.5;
	padding-bottom: 20px;
}

.section-whoweare .new-container .title a{
	color: white;
    background-color: #476DAF;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 14px;
    margin-top: 50px;
}


.section-brands {
	margin: 30px;
}

.section-brands .new-container img{
	padding: 0px;
	display: block;
	margin: 0 auto;
	height: 100%;
}

.section-brands .new-container .card-slider .container .slider-brand .items {
	height: 320px;
}

.section-brands .new-container .home-brand  .slider .slick-prev::before, 
.section-brands .new-container .home-brand  .slider .slick-next::before {
	color: #9A7A2C !important;
}

.section-ourfamily .new-container .home-brand  .slider .slick-prev::before, 
.section-ourfamily .new-container .home-brand  .slider .slick-next::before {
	color: #9A7A2C !important;
	margin-left: -10px;
    margin-right: -10px;
}

.section-brands .new-container .title {
	padding: 50px;
}

.section-brands .new-container .title .bg-title{
    background-color: #F1EB21;
    height: 30px;
    width: 180px;
    border-radius: 50px;
    position: absolute;
    top: 120px;
    left: 30px;
}

.section-brands .new-container .title h1{
	position: absolute;
	font-family: 'Montserrat' !important;
	font-weight: 700;
	color: #151F48;
	font-size: 38px;
}

.section-brands .new-container .title p{
	color: #666666;
	font-size: 16px;
	padding-top: 160px;
	line-height: 1.5;
}

.section-brands .new-container .title a{
	color: white;
    background-color: #476DAF;
    padding: 15px 50px;
    border-radius: 100px;
	text-decoration: none;
	font-size: 20px;
	margin-top: 50px;
}

.section-brands .new-container .carousel-indicators {
	bottom: -55px;
}

.section-brands .new-container .carousel-indicators li {
	background-color: #d9d9d9;
}

.section-brands .new-container .carousel-indicators .active  {
	background-color: #151F48;
}

.section-ourfamily .bg-ourfamily {
	margin-top: 100px !important;
	position: relative;
	background: url('assets/img/bapart-bg.png') ;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	background-attachment: fixed;
	height: 100% !important;
	margin: 0 auto;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 80px;
}

.be-a-part-of-us .bg-be-a-part-of-us {
	padding: 30px;
    background: url(../images/2023/bg-be-a-part-of-us.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    /* background-attachment: fixed; */
	color: white;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 80px;
	height: 450px;
	margin-bottom: 150px;
}

.section-ourfamily .new-container {
	padding: 50px 0px 50px 0px;
}

.section-ourfamily .new-container img{
	padding: 50px;
}

.section-ourfamily .title h1{
	font-family: 'Montserrat' !important;
	font-weight: 700;
	color: white;
	font-size: 48px;
	margin-left: 50px;
}

.section-ourfamily .new-container .title p{
	color: #666666;
	font-size: 20px;
	padding-top: 180px;
	line-height: 1.5;
}

.section-ourfamily .new-container .ourfamily-card {
	background-color: white;
	width: 100%;
	margin: 0 auto;
	min-height: 450px;
	border-radius: 30px;
	margin-top: 30px;
	padding: 10px;
}

.section-ourfamily .new-container .ourfamily-card h5 {
	font-size: 16px;
}


.section-ourfamily .new-container .ourfamily-card h1 {
	margin-top: 50px;
	font-size: 30px;
}

.section-ourfamily .new-container .ourfamily-card h2 {
	font-size: 22px;
	margin-bottom: 50px;
}

.section-ourfamily .new-container .ourfamily-card p {
    font-size: 14px;
    margin-bottom: 30px;
}

.section-ourfamily .new-container .ourfamily-card .btn a{
	color: #151F48;
    background-color: #F3B742;
    border-radius: 100px;
    text-decoration: none;
    font-size: 14px;
	padding: 8px 25px;
	position: absolute;
    bottom: 45px;
	font-weight: normal;
    margin-right: 25%;
}

.section-ourfamily .new-container .title a{
	color: white;
    background-color: #476DAF;
    padding: 15px 50px;
    border-radius: 100px;
	text-decoration: none;
	font-size: 20px;
	margin-top: 50px;
}

.section-news {
	background: url('../images/2023/home/bg-news.png');
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 50px;
}

.section-news .new-container img{
	padding: 50px;
}

.section-news .new-container .title {
	padding: 50px;
}

.section-news .new-container .title .bg-title{
	background-color: #F1EB21;
    height: 30px;
    width: 210px;
    border-radius: 50px;
    position: absolute;
	left: 50%;
    transform: translate(-50%, 0);
	margin-top: 70px;
}

.section-news .new-container .title h1{
	position: absolute;
	font-family: 'Montserrat' !important;
	font-weight: 700;
	color: #151F48;
	font-size: 38px;
	left: 50%;
    transform: translate(-50%, 0);
}

.section-news .card-img-shadow .card-image-container {
    position: relative;
    height: 350px;
    margin: 10px;
}



.new-card-date{
	background-color: #FFE6C5;
	width: fit-content;
    padding: 5px 8px;
    border-radius: 50px;
	margin-bottom: 30px;
}

.new-card-date span{
	font-size: 12px;
}

.short-desk {
	font-size: 16px;
}

.section-news .card-img-shadow .card-image-container .img{
   background-size: cover;
}

.btn-view-more {
   text-align: center;
   margin: 0 auto;
   padding-bottom: 150px;
   padding-top: 30px;
}

.btn-view-more a {
    color: white;
    background-color: #476DAF;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 14px;
    margin-top: 50px;
}

.carousel-item .active {
	position: absolute;
	width: 50%;
}

.carousel-control-prev i {
	font-size: 60px; color: #F3B742;
}

.carousel-control-next i {
	font-size: 60px; color: #F3B742;
}

/* navbar? */

.navbar {
	justify-content: flex-end !important;
}

.navbar-std-green {
	background-color: #E8FAEC !important;
	height: 85px;
}

.navbar-std-blue {
	background-color: #DFF9FF !important;
	height: 85px;
}

.navbar-std-pink {
	background-color: #FFEBF5 !important; 
	height: 85px;
}

.navbar-std-yellow {
	background-color: #F5EFDA !important;
	height: 85px;
}

.navbar-std-purple {
	background-color: #EAEAFA !important;
	height: 85px;
}

.navbar-std-light-blue {
	background-color: #E0F2FF !important;
	height: 85px;
}

.navbar-std-light-purple {
	background-color: #E2E5F1 !important;
	height: 85px;
}

.navbar-std-light-grey {
	background-color: #EDF5FD !important;
	height: 85px;
}

.navbar-std-grey {
	background-color: #E2E5F1 !important;
	height: 85px;
}

.navbar-std {
	background-color: #FFF8EC;
	height: 85px;
}

.navbar-std.navbar-scrolled {
	background-color: #FFFFFF !important;
}

.nav-link.active{
	font-weight: bold;
}

.nav-item.active{
	font-weight: bold;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
	color: #151F48;
	font-weight: 700;
}

.navbar-std .navbar-nav .nav-link {
	color: #151F48;
	font-size: 12px;
}

.navbar-std .navbar-nav .nav-link:hover {
	color: #151F48 !important;
}


.navbar-std .navbar-nav .nav-link:focus {
	color: #151F48 !important;
}

.navbar-std .navbar-brand .logo-lg {
	position: fixed;
    top: 85px;
	width: 210px;;
    /* width: 235px; */
	height: auto;
    left: 65px;
}

.navbar .nav-download{
	text-align: center;
    color: white;
    position: absolute;
    top: 24px;
    background-color: #151F48;
    padding: 10px;
    border-radius: 100px;
	left: 0; 
	right: 0; 
	margin-left: 15%; 
	margin-right: 15%; 
}
.navbar .nav-download p { 
	margin-bottom: 0px; 
	font-size: 14px;
}

.navbar .nav-download p a{ 
	text-decoration: none;
	background-color: #D0A32E;
	color: white;
	padding: 5px 10px;
    margin-left: 10px;
    border-radius: 100px;
	font-weight: 600;
}

.navbar-std .navbar-brand .logo-sm {
	height: 60px;
}

.navbar-std.navbar-animated {
	transform: none;
}

.navbar-std.navbar-animated .navbar-brand .logo-sm {
	height:60px;
}

.card-body-menu {
    margin-top: 85px;
    height: 300px;
	position: absolute;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
	position: fixed;
    top: 80px;
    width: 100%;
    border: none;
    height: 250px;
    background-color: #FFF8EC;
    border-bottom-left-radius: 110px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	box-shadow: 0px 28px 35px -15px rgba(0,0,0,0.21);
	-webkit-box-shadow: 0px 28px 35px -15px rgba(0,0,0,0.21);
	-moz-box-shadow: 0px 28px 35px -15px rgba(0,0,0,0.21);
	padding: 0px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu::after {
	position: fixed;
    top: 80px;
    width: 100%;
    border: none;
    height: 250px;
    border-bottom-left-radius: 110px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding: 0px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .logo-mega-menu {
	width: 70%;
    margin: 0 auto;
    padding: 0px 40px 40px 40px;
    position: relative;
}

.navbar-std .navbar-nav .nav-item {
    font-size: 14px;
}

.dropdown-toggle-custom::after { 
	content: none; 
} 

.megamenu-li {
	position: static;
}

.megamenu {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
}

.dropdown-toggle::after {
	display: none;
}

.bg-menu-1 {
	background: url(../images/2023/bg-menu-1.png);
    background-size: cover;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-position: top right;
    padding: 30px 30px 30px 30px;
    width: 100%;
    height: 250px;
	text-decoration: none;
	color: white;
	border-top-left-radius: 50px;
}

.bg-menu-1 a {
	text-decoration: none;
}

.bg-menu-1 a p {
	color: white;
    padding: 0px 0px 2px 40px;
    font-size: 13px;
    margin-bottom: 8px;
    font-weight: 600;
}

.bg-menu-1 a p:hover{
	color: #151F48;
	font-weight: 800;
}

.bg-menu-2 {
	background: url(../images/2023/bg-menu-2.png);
    background-size: cover;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-position: top right;
    padding: 30px 30px 30px 00px;
    width: 100%;
    height: 250px;
	right: -40px;
	text-align: center;
	border-top-left-radius: 50px;
}

.bg-menu-2 h3 {
	font-weight: 700;
	font-size: 20px;
	width: 80%;
}

/* footer? */

.footer-std .sitemap {
	background: url('../images/2023/bg-footer.png');
	background-size: cover;
	background-color: transparent !important;
	background-repeat: no-repeat;
	background-position: top right;
	padding: 60px 30px 30px 30px;
	width: 100%;
	height: 330px;
}

.footer-std .sitemap .menu-footer a {
	text-decoration: none;
}

.footer-std .sitemap .menu-footer a h1{
	font-size: 14px;
	font-weight: 700;
	color: #151F48;
	padding-bottom: 10px;
}


.footer-std .sitemap .logo-brand img{
	width: 150px;
	padding-top: 30px;
    height: auto;
    margin: auto;    
    display: block;
}

.new-copyright {
	background-color: #476DAF;
	color: white;
	text-align: center;
	padding: 25px 0px 25px 0px;
	font-size: 12px;
}

.link-light, .footer-std .copyright a, .sitemap .menu-list a {
	color: #151F48;
	font-weight: 600;
}

.footer-std .sitemap  .new-small {
	color:#151F48; 
	font-weight: 600; 
	font-size:18px; 
	letter-spacing: 0px;
}

.footer-std .sitemap  .text-phone strong {
	font-size: 30px !important;
}

.footer-std .sitemap  .text-secondary h6 {
	letter-spacing: 0px;
	font-size: 15px;
}

/* corporate? */



.company-structure .container .nav-company-structure {
	border: none;
	margin: 30px 0px;
}

.company-structure .container ul {
	padding-left: 0px !important;
}


.main-banner-corporate {
	position: relative;
	background: url('../images/2023/corporate/bg-banner-corp.png');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	background-position: bottom center;
	margin-top: -10px;
}

.main-banner-corporate .new-container img {
	width: 100%;
	height: 100%;
	padding-top: 40px;
}

.corporate-ornaments .r-ornament img{
	position: absolute;
	right: 0;
	top: 600px;
	width: 150px;
	z-index: -1;
}

.corporate-ornaments .r-ornament-2 img{
	position: absolute;
	right: 0;
	top: 1100px;
	z-index: -1;
}

.corporate-ornaments .l-ornament img{
	position: absolute;
	left: 0;
	top: 510px;
	width: 70px;
	z-index: -1;
}

.corporate-ornaments .l-ornament-2 img{
	position: absolute;
	left: 0;
	top: 1650px;
	width: 100%;
	z-index: -1;
}

.corporate-profile-2 p {
	/* width: 85%; */
    margin: 0 auto;
}

.corporate-profile-3 .honesty {
	background-color: #8CB6DC;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 80px;
	border-top-left-radius: 60px;
	padding: 30px;
	border: 5px solid white;
}

.corporate-profile-3 .honesty .right-core {
	display: flex;
	width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
	align-items: center;
}

.corporate-profile-3 h3 {
	font-size: 30px;
}

.corporate-profile-3 img {
	height: 80px;
	margin: 0px;
}

.corporate-profile-3 p {
	text-align: right;
	color: white;
}

.corporate-profile-3 .equality {
	background-color: #81D7D7;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 80px;
	padding: 30px;
	border: 5px solid white;
}

.corporate-profile-3 .equality p {
	text-align: center;
	font-size: 14px;
}

.corporate-profile-3 .equality .center-core {
	display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.corporate-profile-3 .perseverance {
	background-color: #AA6E65;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 80px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 80px;
	padding: 30px;
	border: 5px solid white;
}

.corporate-profile-3 .perseverance p {
	text-align: left;
}

.corporate-profile-3 .perseverance .left-core {
	display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.corporate-profile-3 .responsibility {
	background-color: #DA899C;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 80px;
	border-bottom-left-radius: 60px;
	border-top-left-radius: 80px;
	padding: 30px;
	border: 5px solid white;
}

.corporate-profile-3 .responsibility .right-core {
	display: flex;
	width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
	align-items: center;
}

.corporate-profile-3 .usefulness {
	background-color: #DE9B75;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 60px;
	border-bottom-left-radius: 80px;
	border-top-left-radius: 0px;
	padding: 30px;
	border: 5px solid white;
}

.corporate-profile-3 .usefulness p {
	text-align: left;
}

.corporate-profile-3 .usefulness .left-core {
	display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.corporate-profile-4 .title h1 {
    position: absolute;
    font-family: 'Montserrat' !important;
    font-weight: 700;
    color: #151F48;
    font-size: 38px;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
	width: 500px;
	top: 50px;
}

.corporate-profile-4 .title .bg-title {
    background-color: #F1EB21;
    height: 30px;
    width: 260px;
    border-radius: 50px;
    position: absolute;
    top: 120px;
    /* left: 15px; */
    left: 50%;
    transform: translate(-50%, 0);
}

.corporate-profile-4 .slide {
   margin-top: 200px;
}

/* bocbod? */

.bocbod-title {
	margin-top: 40px;
}

.bocbod-1 {
	margin-bottom: 50px;
}

.bocbod-1 img {
 width: 100%;
}

.bocbod-1 h3 {
	color: #151F48;
	margin-bottom: 10px;
	font-size: 20px;
}

.bocbod-1 a {
	color: #151F48;
	background-color: #F3B742;
	padding: 8px 25px;
	border-radius: 100px;
	text-decoration: none;
	font-size: 12px;
}

.bocbod-1 h5 {
	font-size: 18px;
	color: #151F48;
	font-weight: 400;
	margin-bottom: 20px;
}

.breadcrumb {
    background-color: white !important;
    font-size: 12px;
	overflow-x: auto;
    overflow-y: hidden;
	height: 25px;
}

.breadcrumb .breadcrumb-item {
    text-transform: none;
}

.breadcrumb-container {
	background-color: white !important;
}

.text-detail p {
	margin-top: 50px;
	font-size: 14px;
}

/* brands? */

.brands-card .card-body{
	min-height: 250px;
}

.main-banner-green {
	position: relative;
	background: url('../images/2023/bg-banner-green.png');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	background-position: bottom center;
	margin-top: -10px;
}

.main-banner-green .new-container img {
	width: 100%;
	height: 100%;
	padding-top: 20px;
}

.brands-green h1 {
	color: #277639 !important;
	margin-top: 50px;
	width: 100%;
	margin: 0 auto;
}

.brands-green .brands-card-detail {
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
	border: 1px solid #85C092;
}

.brands-green .brands-card-detail img {
    width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.brands-green .brands-card-detail .card-footer a {
	background-color: #85C092;
    color: white;
	border-radius: 100px;
}

.brands-green .card-slider .brands-card {
	background-color: #85C092;
	border: 1px solid #85C092;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
}

.brands-green .card-slider .brands-card img{
	width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	background: #fff;
}

.brands-green .card-slider .brands-card .card-body h4 {
	font-size: 20px;
	color: white;
	padding-bottom: 0px;
    text-transform: uppercase;
}

.brands-green .card-slider .brands-card .card-body p {
    color: white;
    font-size: 14px;
}

.brands-green .healthcare {
	background-color: #E8FAEC;
	padding-bottom: 50px;
	padding-top: 50px;
}

.brands-green .healthcare .brands-card {
	background-color: #85C092;
	min-height: 450px;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
	border: 1px solid #85C092;
}

.brands-green .healthcare .brands-card img {
	width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.brands-green .healthcare .brands-card .card-body h4 {
	font-size: 20px;
	color: white;
    text-transform: uppercase;
}

.brands-green .healthcare .brands-card .card-body a {
	color: white;
    background-color: #2B2B2BB2;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 12px;
    border: none;
    display: inline;
    margin: 0 auto;
}

.brands-green .healthcare .carousel-indicators li {
	background-color: #38513d47;
}

.brands-green .healthcare .carousel-indicators .active {
	background-color: #29366D;
}

.brands-green .healthcare  .carousel-control-prev {
	width: 30px;
}

.brands-green .healthcare  .carousel-control-next {
	width: 30px;
}


.main-banner-blue {
	position: relative;
	background: url('../images/2023/bg-banner-blue.png');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	background-position: bottom center;
	margin-top: -10px;
}

.main-banner-blue .new-container img {
	width: 100%;
	height: 100%;
	padding-top: 20px;
}

.brands-blue h1 {
	color: #7EC2D1 !important;
	margin-top: 50px;
	width: 100%;
	margin: 0 auto;
}

.brands-blue .brands-card-detail {
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
	border: 1px solid #7EC2D1;
}

.brands-blue .brands-card-detail img {
    width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.brands-blue .brands-card-detail .card-footer a {
	background-color: #7EC2D1;
    color: white;
	border-radius: 100px;
}

.brands-blue .card-slider .brands-card {
	background-color: #7EC2D1;
	border: 1px solid #7EC2D1;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
}

.brands-blue .card-slider .brands-card img{
	width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	background: #fff;
}

.brands-blue .card-slider .brands-card .card-body h4 {
	font-size: 20px;
	color: white;
	padding-bottom: 0px;
    text-transform: uppercase;
}

.brands-blue .card-slider .brands-card .card-body p {
    color: white;
    font-size: 14px;
}

.brands-blue .healthcare {
	background-color: #DFF9FF;
	padding-bottom: 50px;
	padding-top: 50px;
}

.brands-blue .healthcare .brands-card {
	background-color: #7EC2D1;
	min-height: 450px;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
	border: 1px solid #7EC2D1;
	color: white;
}

.brands-blue .healthcare .brands-card img {
	width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.brands-blue .healthcare .brands-card .card-body img {
	padding: 40px 0px 20px 0px;
}


.brands-blue .healthcare .brands-card .card-body h4 {
	font-size: 20px;
	color: white;
    text-transform: uppercase;
}

.brands-blue .healthcare .brands-card .card-body a {
    color: white;
    background-color: #2B2B2BB2;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 12px;
    border: none;
    display: inline;
    margin: 0 auto;
}

.main-banner-pink {
	position: relative;
	background: url('../images/2023/bg-banner-pink.png');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	background-position: bottom center;
	margin-top: -10px;
}

.main-banner-pink .new-container img {
	width: 100%;
	height: 100%;
	padding-top: 20px;
}

.brands-pink h1 {
	color: #DA689F !important;
	margin-top: 50px;
	width: 100%;
	margin: 0 auto;
}

.brands-pink .brands-card-detail {
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
	border: 1px solid #DA689F;
}

.brands-pink .brands-card-detail img {
    width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.brands-pink .brands-card-detail .card-footer a {
	background-color: #DA689F;
    color: white;
	border-radius: 100px;
}

.brands-pink .card-slider .brands-card {
	background-color: #DA689F;
	border: 1px solid #DA689F;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
}

.brands-pink .card-slider .brands-card img{
	width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	background: #fff;
}

.brands-pink .card-slider .brands-card .card-body h4 {
	font-size: 20px;
	color: white;
	padding-bottom: 0px;
    text-transform: uppercase;
}

.brands-pink .card-slider .brands-card .card-body p {
    color: white;
    font-size: 14px;
}

.brands-pink .cosmetic {
	background-color: #FFE3F1;
	padding-bottom: 50px;
	padding-top: 50px;
	margin-top: 50px;
}

.brands-pink .cosmetic-2 {
	background-color: #FFE3F1;
	padding-bottom: 100px;
	padding-top: 50px;
	margin-top: 50px !important;
}

.brands-pink .cosmetic p {
	padding-bottom: 30px;
}

.brands-pink .cosmetic .brands-card {
	background-color: #DA689F;
	min-height: 500px;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
	color: white;
}

.brands-pink .cosmetic .brands-card img{
	width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.brands-pink .cosmetic .brands-card .card-body img {
	padding: 40px 0px 20px 0px;
}


.brands-pink .cosmetic .brands-card .card-body h4 {
	font-size: 20px;
	color: white;
	padding-bottom: 0px;
    text-transform: uppercase;
}

.brands-pink .cosmetic .brands-card .card-body a {
	color: white;
    background-color: #2B2B2BB2;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 12px;
    border: none;
    display: inline;
    margin: 0 auto;
}

.main-banner-purple {
	position: relative;
	background: url('../images/2023/bg-banner-purple.png');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	background-position: bottom center;
	margin-top: -10px;
}

.main-banner-purple .new-container img {
	width: 100%;
	height: 100%;
	padding-top: 20px;
}

.brands-purple h1 {
	color: #6A68CF !important;
	margin-top: 50px;
	width: 100%;
	margin: 0 auto;
}

.brands-purple .brands-card-detail {
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
	border: 1px solid #6A68CF;
}

.brands-purple .brands-card-detail img {
    width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.brands-purple .brands-card-detail .card-footer a {
	background-color: #6B68CF;
    color: white;
	border-radius: 100px;
}

.brands-purple .card-slider .brands-card {
	background-color: #6A68CF;
	border: 1px solid #6A68CF;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
}

.brands-purple .card-slider .brands-card img{
	width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	background: #fff;
}

.brands-purple .card-slider .brands-card .card-body h4 {
	font-size: 20px;
	color: white;
	padding-bottom: 0px;
    text-transform: uppercase;
}

.brands-purple .card-slider .brands-card .card-body p {
    color: white;
    font-size: 14px;
}

.brands-purple .prescription {
	background-color: #C6C4F5;
	padding-bottom: 100px;
	padding-top: 50px;
	margin-top: 50px;
}

.brands-purple .prescription-2 {
	background-color: #C6C4F5 !important;
	padding-bottom: 100px;
	padding-top: 50px;
	margin-top: 50px !important;
}



.brands-purple .prescription .brands-card {
	background-color: #6A68CF;
	min-height: 710px;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
}

.brands-purple .prescription .brands-card-2 {
	background-color: #6A68CF;
	min-height: 400px !important;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
}

.brands-purple .prescription .brands-card img{
	width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.brands-purple .prescription .brands-card .card-body img {
	padding: 40px 0px 20px 0px;
	width: 110px;
}


.brands-purple .prescription .brands-card .card-body h4 {
	font-size: 20px;
	color: white;
	padding-bottom: 0px;
    text-transform: uppercase;
}

.brands-purple .prescription .brands-card .card-body a {
    color: white;
    background-color: #2B2B2BB2;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 12px;
    margin-top: 50px;
	border: none;
    position: absolute;
    bottom: 45px;
    margin-right: 25%;
}

.brands-purple .prescription .brands-card .card-body p{
    color: white;
	font-size: 16px;
}


.brands-purple .prescription .carousel-indicators li {
	background-color: #38513d47;
}

.brands-purple .prescription .carousel-indicators .active {
	background-color: #29366D;
}

.brands-purple .prescription .carousel-control-prev {
	width: 30px;
}

.brands-purple .prescription .carousel-control-next {
	width: 30px;
}

/* other-brands */
.other-brands .new-container h1 {
	color: #151F48;
	padding-bottom: 60px;
}
 
.other-brands .new-container .other-brands-card-1 {
	background-color: #7EC2D1;
    width: 100%;
    min-height: 350px;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
    padding: 10px;
	color: white;
}

.other-brands .new-container .other-brands-card-1 h4 {
	font-size: 24px;
	padding-bottom: 10px;
    text-transform: uppercase;
}

.other-brands .new-container .other-brands-card-1 a {
	color: white;
    background-color: #2B2B2BB2;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 12px;
    border: none;
    position: absolute;
    bottom: 45px;
    margin-right: 25%;
}

.other-brands .new-container .other-brands-card-2 {
	background-color: #DA689F;
    width: 100%;
    min-height: 350px;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
    padding: 10px;
	color: white;
}

.other-brands .new-container .other-brands-card-2 h4 {
	font-size: 24px;
	padding-bottom: 10px;
    text-transform: uppercase;
}

.other-brands .new-container .other-brands-card-2 a {
	color: white;
    background-color: #2B2B2BB2;
	padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 12px;
    border: none;
    position: absolute;
    bottom: 45px;
    margin-right: 25%;
}

.other-brands .new-container .other-brands-card-3 {
	background-color: #6B68CF;
    width: 100%;
    min-height: 350px;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
    padding: 10px;
	color: white;
}

.other-brands .new-container .other-brands-card-3 h4 {
	font-size: 24px;
	padding-bottom: 10px;
    text-transform: uppercase;
}

.other-brands .new-container .other-brands-card-3 a {
	color: white;
    background-color: #2B2B2BB2;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 12px;
    border: none;
    position: absolute;
    bottom: 45px;
    margin-right: 25%;
}

.other-brands .new-container .other-brands-card-4 {
	background-color: #DFCB83;
    width: 100%;
    min-height: 350px;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
    padding: 10px;
	color: white;
}

.other-brands .new-container .other-brands-card-4 h4 {
	font-size: 24px;
	padding-bottom: 10px;
    text-transform: uppercase;
}

.other-brands .new-container .other-brands-card-4 a {
	color: white;
    background-color: #2B2B2BB2;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 12px;
    border: none;
    position: absolute;
    bottom: 45px;
    margin-right: 25%;
}

.other-brands .new-container .other-brands-card-5 {
	background-color: #83B8DF;
    width: 100%;
    min-height: 350px;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
    padding: 10px;
	color: white;
}

.other-brands .new-container .other-brands-card-5 h4 {
	font-size: 24px;
	padding-bottom: 10px;
    text-transform: uppercase;
}

.other-brands .new-container .other-brands-card-5 a {
	color: white;
    background-color: #2B2B2BB2;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 12px;
    border: none;
    position: absolute;
    bottom: 45px;
    margin-right: 25%;
}

.other-brands .new-container .other-brands-card-6 {
	background-color: #5F6992;
    width: 100%;
    min-height: 350px;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
    padding: 10px;
	color: white;
}

.other-brands .new-container .other-brands-card-6 h4 {
	font-size: 24px;
	padding-bottom: 10px;
    text-transform: uppercase;
}

.other-brands .new-container .other-brands-card-6 a {
	color: white;
    background-color: #2B2B2BB2;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 12px;
    border: none;
    position: absolute;
    bottom: 45px;
    margin-right: 25%;
}

.other-brands .new-container .other-brands-card-7 {
	background-color: #85C092;
    width: 100%;
    min-height: 350px;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
    padding: 10px;
	color: white;
}

.other-brands .new-container .other-brands-card-7 h4 {
	font-size: 24px;
	padding-bottom: 10px;
    text-transform: uppercase;
}

.other-brands .new-container .other-brands-card-7 a {
	color: white;
    background-color: #2B2B2BB2;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 12px;
    border: none;
    position: absolute;
    bottom: 45px;
    margin-right: 25%;
}
/* be-a-part-of-us? */

.be-a-part-of-us .bg-be-a-part-of-us {
	padding: 30px;
    background: url(../images/2023/bg-be-a-part-of-us.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
    background-attachment: fixed;
	color: white;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 80px;
	height: 450px;
	margin-bottom: 150px;
}

.be-a-part-of-us .bg-be-a-part-of-us h1 {
	color: white;
}

.be-a-part-of-us .bg-be-a-part-of-us p {
	width: 50%;
	padding-bottom: 30px;
}

.be-a-part-of-us .bg-be-a-part-of-us a {
	color: #17214B;
    background-color: #F3B742;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 12px;
    margin-top: 50px;
    border: none;
}

/* distribution-serevices*/
.main-banner-yellow {
	position: relative;
	background: url('../images/2023/bg-banner-yellow.png');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	background-position: bottom center;
	margin-top: -10px;
}

.main-banner-yellow .new-container img {
	width: 100%;
	height: 100%;
	padding-top: 20px;
}

.brands-yellow h1 {
	color: #BAA350 !important;
	margin-top: 50px;
	width: 100%;
	margin: 0 auto;
}

.brands-yellow .brands-card-detail {
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
	border: 1px solid #BAA350;
}

.brands-yellow .brands-card-detail img {
    width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.brands-yellow .brands-card-detail .card-footer a {
	background-color: #BAA350;
    color: white;
	border-radius: 100px;
}

.brands-yellow .card-slider .brands-card {
	background-color: #F3B742;
	border: 1px solid #F3B742;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
}

.brands-yellow .card-slider .brands-card img{
	width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	background: #fff;
}

.brands-yellow .card-slider .brands-card .card-body h4 {
	font-size: 20px;
	color: white;
	padding-bottom: 0px;
    text-transform: uppercase;
}

.brands-yellow .card-slider .brands-card .card-body p {
    color: white;
    font-size: 14px;
}

.brands-yellow .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #F3B742 !important;
	border: none;
	margin: 5px;
	border-radius: 30px;
}

.brands-yellow .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #121F4B !important;
	border: none;
	margin: 5px;
	border-radius: 30px;
}

.wysiwyg-content ol li, .wysiwyg-content ul li{
	font-size: 16px;
}

/* manufacture-services */
.main-banner-light-blue {
	position: relative;
	background: url('../images/2023/bg-banner-light-blue.png');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	background-position: bottom center;
	margin-top: -10px;
}

.main-banner-light-blue .new-container img {
	width: 100%;
	height: 100%;
	padding-top: 20px;
}

.brands-light-blue h1 {
	color: #83B8DF !important;
	margin-top: 50px;
	width: 100%;
	margin: 0 auto;
}

.brands-light-blue .brands-card-detail {
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
	border: 1px solid #83B8DF;
}

.brands-light-blue .brands-card-detail img {
    width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.brands-light-blue .brands-card-detail .card-footer a {
	background-color: #83B8DF;
    color: white;
	border-radius: 100px;
}

.brands-light-blue .card-slider .brands-card {
	background-color: #83B8DF;
	border: 1px solid #83B8DF;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
}

.brands-light-blue .card-slider .brands-card img{
	width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	background: #fff;
}

.brands-light-blue .card-slider .brands-card .card-body h4 {
	font-size: 20px;
	color: white;
	padding-bottom: 0px;
    text-transform: uppercase;
}

.brands-light-blue .card-slider .brands-card .card-body p {
    color: white;
    font-size: 14px;
}

.brands-light-blue .brands-card-detail {
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
	border: 1px solid #83B8DF;
}

.brands-light-blue .brands-card-detail img {
    width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.brands-light-blue .brands-card-detail .card-footer a {
	background-color: #83B8DF;
    color: white;
	border-radius: 100px;
}

.brands-light-blue .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #F3B742 !important;
	border: none;
	margin: 5px;
	border-radius: 30px;
}

.brands-light-blue .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #121F4B !important;
	border: none;
	margin: 5px;
	border-radius: 30px;
}

.wysiwyg-content ol li, .wysiwyg-content ul li{
	font-size: 16px;
}

/* ibg */
.main-banner-light-purple {
	position: relative;
	background: url('../images/2023/bg-banner-light-purple.png');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	background-position: bottom center;
	margin-top: -10px;
}

.main-banner-light-purple .new-container img {
	width: 100%;
	height: 100%;
	padding-top: 20px;
}

.brands-light-purple h1 {
	color: #5F6992 !important;
	margin-top: 50px;
	width: 100%;
	margin: 0 auto;
}

.brands-light-purple .brands-card-detail {
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
	border: 1px solid #5F6992;
}

.brands-light-purple .brands-card-detail img {
    width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.brands-light-purple .brands-card-detail .card-footer a {
	background-color: #5F6992;
    color: white;
	border-radius: 100px;
}

.brands-light-purple .card-slider .brands-card {
	background-color: #5F6992;
	border: 1px solid #5F6992;
    margin: 0 auto;
    border-radius: 50px;
    margin: 10px;
}

.brands-light-purple .card-slider .brands-card img{
	width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	background: #fff;
}

.brands-light-purple .card-slider .brands-card .card-body h4 {
	font-size: 20px;
	color: white;
	padding-bottom: 0px;
    text-transform: uppercase;
}

.brands-light-purple .card-slider .brands-card .card-body p {
    color: white;
    font-size: 14px;
}

.brands-light-purple .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #F3B742 !important;
	border: none;
	margin: 5px;
	border-radius: 30px;
}

.brands-light-purple .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #121F4B !important;
	border: none;
	margin: 5px;
	border-radius: 30px;
}

.wysiwyg-content ol li, .wysiwyg-content ul li{
	font-size: 16px;
}

/* career? */

.career-main-banner {
	position: relative;
    /* height: 100vh; */
    background: url(../images/2023/home/bg-home-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom bottom;
    margin-top: -10px;
}

.career-banner-home img{
	width: 100%;
    padding: 30px;
}

.career-banner-home p{
	font-size: 16px;
	padding-top: 50px;
}

.section-panel .career .r-ornament {
	background: url(../images/2023/career/career-ornament-r.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 100%;
    position: absolute;
    right: 0;
}

.section-panel .career .l-ornament {
	background: url(../images/2023/career/career-ornament-l.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 165px;
    height: 100%;
    position: absolute;
    left: 0;
}

.career-detail .share-container #st-1 .st-btn[data-network='whatsapp'] {
	background-color: #25d366 !important;
    height: 50px !important;
}

.career-detail .share-container #st-1 .st-btn[data-network='twitter'] {
	background-color: #000000 !important;
    height: 50px !important;
}

.career-detail .share-container #st-1 .st-btn[data-network='facebook'] {
	background-color: #4267B2 !important;
    height: 50px !important;
}

.search-career a {
	color: white !important;
	background-color: #5F6992 !important;
	border-radius: 100px !important;
	margin-top: 30px !important;
	border: none;
	font-weight: 700 !important;
}

.section-panel .panel-search .select {
	color: #9A7A2C;
	border-radius: 100px;
	border: none;
}

.btn-std-secondary, .card-std-product .btn-std .btn-search-career {
	background-color: #9A7A2C !important;
	border-radius: 100px !important;
	border: none;
}

.section-panel .panel-search {
	background-color: #29366D;
	padding: 50px 0px;
	margin-top: 10px;
}


.career h1 {
	color: #151F48;
	margin-top: 50px;
}

.career .career-card {
	background-color: #7EC2D1;
    width: 100%;
	min-height: 590px;
    margin: 0 auto;
    border-radius: 50px;
	text-align: center;
	background: url(../images/2023/career/1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.career .card-2{
	background-color: #7EC2D1;
    width: 100%;
	min-height: 590px;
    margin: 0 auto;
    border-radius: 50px;
	text-align: center;
	background: url(../images/2023/career/2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.career .card-3{
	background-color: #7EC2D1;
    width: 100%;
	min-height: 590px;
    margin: 0 auto;
    border-radius: 50px;
    padding: 10px;
	text-align: center;
	background: url(../images/2023/career/3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.career .career-card .card-body img {
	padding: 40px 0px 20px 0px;
	width: 140px;
}


.career .career-card .card-body h4 {
	font-size: 24px;
	color: #29366D;
	padding-bottom: 10px;
    text-transform: uppercase;
}

.career .career-card .card-body p {
	font-size: 15px;
	color: #4C7283;
}

.career .testimonial-card {
	background-color: #5F6992;
    width: 100%;
    margin: 0 auto;
	margin-top: 50px;
    border-radius: 50px;
    padding: 10px;
	text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
	text-align: left;
	color: white;
	position: relative;
}

.career .testimonial-card .card-body .content p {
	margin-top: 0px
}

.career .testimonial-card .card-body .content h6 {
	margin-top: 50px
}

.career .testimonial-card .content{
	padding: 20px;
	margin: 0px !important;
}

.career .testimonial-card .content a{
	padding: 8px 25px;
	background-color: #151F48;
	border-radius: 100px;
	font-size: 16px;
	color: white;
	text-decoration: none;
	margin-bottom: 30px;
}

.career .testimonial-card .photo img{
	position: absolute;
	bottom: 50px;
	right: 10%;
}

.bg-testimonial {
	padding: 100px 30px;
    background: url(../images/2023/career/bg-testimonial.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    /* background-attachment: fixed; */
    color: white;
	/* margin-top: 100px !important; */
}

.slider-testimoni .items .row {
	background-color: #D26565;
	/* padding: 50px 30px; */
	border-radius: 50px;
	position: relative;
	min-height: 230px;
}

.slider-testimoni .items .row .entry-i {
	/* background: url(../images/2023/career/eko-setiadi.png); */
	background-color: #FFA768;
	border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
	padding: 0px;
	position: relative;
}

.slider-testimoni .items .row .entry-i img {
	border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
	position: absolute;
	bottom: 0;
    width: 100%;
}

/* ////////////////////// */

/* slider */
.testimonial .item {
	background-color: #D26565;
	/* padding: 50px 30px; */
	border-radius: 50px;
	position: relative;
	min-height: 230px;
}

.testimonial .carousel-inner .carousel-item .item  {
	margin-right: 0px !important;
    margin-left: 0px !important;
}

.testimonial .item .entry-i {
	/* background: url(../images/2023/career/eko-setiadi.png); */
	background-color: #FFA768;
	border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
	padding: 0px;
	position: relative;
}

.testimonial .item .entry-i img {
	border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
	position: absolute;
	bottom: 0;
    width: 100%;
}

.testimonial .item .entry-c {
	padding: 30px;
}

.testimonial .slick-list {
	overflow: visible !important;
	overflow-x: clip !important;
}

/* ////////////////////// */

.slider-testimoni .items .row .entry-c {
	padding: 30px;
}

.slider-testimoni .slick-list {
	overflow: visible !important;
	overflow-x: clip !important;
}


.career .card-std {
	border: 2px solid #C3E0FA !important;
    background: white !important;
	border-radius: 50px !important;
}

.career .card-std .card-title {
	font-size: 20px;
}

.career .card-tag{
	font-size: 14px;
}

.career .card-std .card-footer {
	padding: 10px !important;
}

.career .card-std .card-footer a {
	margin-bottom: 15px !important;
}

.career .card-std .card-footer .btn-std-alternate {
	border-radius: 100px;
	background-color: #151F48 !important;
	border: none;
	font-size: 12px;
	display: block;
	margin: 0 auto;
	width: fit-content;
}

.career .card-std .card-footer .btn-std-alternate:hover {
	border-radius: 100px;
	background-color: #2d3b75 !important;
	border: none;
}

.career .card-std .card-footer .btn-apply-now {
	border-radius: 100px;
	background-color: #DDDDDD !important;
	border: none;
	color: #D0A32E !important;
}

.career .card-std .card-footer .btn-apply-now:hover {
	border-radius: 100px;
	background-color: #C40001 !important;
	border: none;
	color: #D0A32E !important;
}


/* contact */
.maps .boxes {
    background-color: #F3B742;
    display: inline-block;
    position: absolute;
    bottom: 180px;
	right: 20px;
    left: 60%;
    color: white;
    border-radius: 50px;
	font-size: 16px;
}

.maps .boxes a {
    color: white;
	font-size: 14px;
}

.contact-form .form-group {
	margin-bottom: 0px;
}

.contact-form .form-group p {
	margin-top: 0px;
}

.form-group .form-control {
	border: none;
	background-color: #EFF3F4;
	border-radius: 10px;
}

.maps .boxes .table-responsive {
	overflow-x: hidden;
}

/* investor? */


.table-investor{
    background: #fff;
    font-size: 16px;
}

.table-investor .table-responsive {
	border-top-left-radius: 50px !important;
	border-top-right-radius: 50px !important;
}

.table-investor .tr-title {
	background-color: #98A9CA !important;
}

.table-investor .table-responsive table > tbody > tr > td {
	border: 1px solid #BDCFF2;
}

.table-investor .piechart{
	background-color: #98A9CA !important;
}

.section-news{
	margin-top: 150px;
}

.investor-news .card-investor-news {
	margin: 10px;
	background: linear-gradient(180deg, rgba(171,188,223,1) 0%, rgba(136,157,200,1) 100%);
	padding: 15px;
	border-radius: 50px;
	min-height: 350px;
}

.investor-news .card-investor-news span {
	color: white;
	font-size: 12px;
	padding-bottom: 20px;
}

.investor-news .card-investor-news p {
	color: #151F48;
    background-color: #F3B742;
    border-radius: 100px;
    text-decoration: none;
    font-size: 16px;
    padding: 8px 25px;
    position: absolute;
    bottom: 45px;
    font-weight: normal;
	left: 0;
	right: 0;
	text-align: center;
	margin: 30px;
	font-size: 14px;
}

.section-investor .bg-title {
    background-color: #F1EB21;
    height: 30px;
    width: 300px;
    border-radius: 50px;
    position: absolute;
    top: 45px;
    left: 66px;
    transform: translate(-50%, 0);
    z-index: -1;
}

.section-investor .bg-title-investor {
	background-color: #F1EB21;
    height: 30px;
    width: 300px;
    border-radius: 50px;
    position: absolute;
    top: 45px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: -1;
}

.section-investor .bg-investor-news{
	/* background: #F6F8FC; */
    padding: 40px 20px;
	border-radius: 50px;
}


/* global-class?*/ 

.go-top img {
	max-width: 90px !important;
}

.go-top {
	font-size: 12px;
	right: 0 !important;
}

.go-top.bottom {
	bottom: 75px;
}

.slider .slider-testimoni .slick-prev {
	left: -3rem !important;
	z-index: 1;
}

.slider .slider-testimoni .slick-next {
	right: -3rem !important;
}

.bo .slider .slick-prev {
	left: -1rem !important;
	z-index: 1;
}

.bo .slider .slick-next {
	right: -1rem !important;
}

.btn {
	font-family: 'Montserrat' !important;
}

.breadcrumb-container .container {
	overflow-x: hidden !important;
}

.hamburger-box {
	margin-right: 25px;
}

.navbar-std .hamburger .hamburger-inner {
	background-color: #151F48;
}

.navbar-std .hamburger .hamburger-inner::before, .navbar-std .hamburger .hamburger-inner::after {
	background-color: #151F48;
}


/* .investor-news .slick-initialized .slick-slide {
	width: 300px !important;
} */

.section-title{
	line-height: 1.2em;
}

.wysiwyg-content ol li, .wysiwyg-content ul li {
    font-size: 14px;
}

.carousel-item img {
	width: 300px;
}

.carousel-control-prev-icon {
	/* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231A275E' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important; */
	background-image: url("../images/2023/home/left-arrow.png")!important;
    width: 12px;
}
   
.carousel-control-next-icon {
	/* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231A275E' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important; */
	background-image: url("../images/2023/home/right-arrow.png")!important;
    width: 12px;
}

.btn-detail {
	color: white !important;
    background-color: #2B2B2BB2;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none !important;
    font-size: 12px;
    border: none;
    display: inline;
    margin: 0 auto;
	text-decoration: none;
}

.btn-detail-new {
	color: white !important;
    background-color: #476DAF;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none !important;
    font-size: 12px;
    border: none;
    display: inline;
    margin: 0 auto;
	text-decoration: none;
}

.btn-tab {
	color: #476DAF !important;
    background-color: white;
    padding: 8px 25px;
	border: 1px solid #476DAF !important;
    border-radius: 100px;
    text-decoration: none !important;
    font-size: 12px;
    border: none;
    display: inline;
    margin: 0 auto;
	text-decoration: none;
}

.btn-tab.active, .btn-tab:hover,.btn-tab:focus {
	color: white !important;
    background-color: #476DAF;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none !important;
    font-size: 12px;
    border: none;
    display: inline;
    margin: 0 auto;
	text-decoration: none;
}

.slider .slick-next {
	right: -2rem !important;
}

.slider .slick-prev {
	left: -2rem !important;
	z-index: 1;
}



.brands-card p {
	font-size: 14px !important;
}

.slider-list .items {
	padding-left: 0px;
	padding-right: 0px;
}

.navbar-std.navbar-animated .navbar-brand img {
    height: 60px;
}

.card-std .card-title  {
	text-transform: none !important;
}

.footer-std .sitemap .new-small {
	font-size: 16px !important;
}

.section-panel{
	padding-top: 2em;
    padding-bottom: 2em;
    position: relative;
	display: block;
    margin: 0 auto;
	width: 100%;
	padding-left: 10px;
    padding-right: 10px;
}

.section-panel h1{
    font-weight: 700;
    color: #151F48;
    font-size: 30px;
}

.section-panel p{
	margin-top: 30px;
    font-size: 14px;
	line-height: 1.5;
}

.bocbod-1 h1{
    font-weight: 700;
    color: #151F48;
    font-size: 38px;
}

.bocbod-1 h2{
    color: #151F48;
}

.bocbod-1 h6{
	padding-top: 10px;
    color: #151F48;
}

.bocbod-1 p{
	margin-top: 30px;
    font-size: 16px;
}

.middle-col {
	display: flex;
    align-items: center;
}

/* business-opportunity? */

.bo h2 {
	position: absolute;
    font-family: 'Montserrat' !important;
    font-weight: 700;
    color: #151F48;
    font-size: 38px;
    left: 50%;
    transform: translate(-50%, 0);
}

.bo .desc {
	padding-top: 100px;
}

.bo .bg-title {
	background-color: #F1EB21;
    height: 30px;
    width: 315px;
    border-radius: 50px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 20px;
}

.bo .section-title {
	margin-bottom: 45px;
}

.bo .card-bo {
	background-color: #7EC2D1 !important;
    min-height: 500px;
	max-height: 500px !important;
    margin: 0 auto;
    border-radius: 50px;
    text-align: center;
    background: url(../images/2023/bo/bg-card-potrait.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
	text-align: left;
	border: none;
	margin: 15px;
}

.bo .card-bo span {
	font-size: 18px;
    color: #29366D;
    text-transform: uppercase;
	font-weight: 600;
}

.bo .card-bo p {
	font-size: 14px;
}

.bo .card-bo .card-footer a {
	margin-bottom: 20px;
}

.btn-view-detail { 
	color: white !important;
    background-color: #2B2B2BB2;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 12px;
    border: none;
    margin: 0 auto;
	width: fit-content;
	text-align: center;
	margin-bottom: 20px;	
}

.bo .card-bo .btn-view-detail {
	color: white !important;
    background-color: #2B2B2BB2;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 12px;
    border: none;
    margin: 0 auto;
	width: fit-content;
	text-align: center;
	margin-bottom: 20px;
}

.btn-join-detail {
	color: white !important;
    background-color: #2B2B2BB2;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 12px;
    border: none;
    margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
}

.bo .card-bo .btn-join-now {
	color: white !important;
    background-color: #6094A0;
    padding: 8px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 12px;
    border: none;
    margin: 0 auto;
	width: fit-content;
	text-align: center;
}

.bg-bo-detail {
	background-color: #1E75BB !important;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	padding: 20px;
	background: url(https://www.temposcangroup.com/themes/front_site/images/2023/bo/bg-card-landscape.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center left;
	color: #151F48;
}

.bg-bo-detail2 {
	background-color: #1a1a1a !important;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	padding: 20px;
	background: url(https://www.temposcangroup.com/themes/front_site/images/2023/bo/bg-card-landscape.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center left;
	color: #151F48;
}


.bg-bo-enter {
	background-color: #1E75BB !important;
	border-radius: 50px;
	padding: 40px;
	margin: 40px;
	background: url(https://www.temposcangroup.com/themes/front_site/images/2023/bo/bg-card-landscape.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	color: #151F48;
}

.bg-bo-enter h2 {
	font-size: 28px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.bg-bo-enter h5 {
	color: #151F48;
	font-weight: 700;
	font-size: 18px;
}

.bg-bo-enter span {
	font-size: 14px;
	color: #151F48;
}

#bo-form .form-group .form-control {
	border: none;
    background-color: #EFF3F4;
    border-radius: 10px;
}

#st-1 .st-btn > img {
    height: 30px !important;
    width: 30px !important;
    top: 10px !important;
}

#st-1 .st-btn[data-network='facebook'] {
	background-color: #7EC2D1 !important;
}

#st-1 .st-btn[data-network='twitter'] {
	background-color: #7EC2D1 !important;
}

#st-1 .st-btn[data-network='whatsapp'] {
	background-color: #7EC2D1 !important;
}

/*?*/

/* ///// END NEW CSS ///// */


h2.card-title{
	font-size: 1.8rem;
}

.login-to-view{
	width: 100%;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
}
.login-to-view small{
	font-weight:bold;
	text-decoration:underline;
	font-size: 12px;
}

.icon-management-trainee{
	margin-top: -20px;
}

.icon-management-trainee::before{
	background: url('../images/icon/icon_MT.png');
	width: 122px;
	height: 100px;
	background-size: cover;
	color: transparent;
}

.icon-supply-chain-management::before{
	content: '\f110';
}

.icon-digital::before{
	content: '\f10f';
}

.logo-neorheumacyl {
    width: 168px;
    height: 50px;
}

.logo-oskadon {
    height: 45px;
}

.logo-ultima {
    width: 106px;
    height: 58px;
}

.card-img-shadow .card-image-container::before{
	background-color: rgba(0, 0, 0, 0) !important;
}

.menu-nav-inside-alt .nav-link{
	font-size: 15px;
}

.btn-disabled, .btn-disabled:hover{
	background-color: #ccc !important;
	cursor: normal !important;
	color: #fff !important;
}



/* DISTRIBUTION MAP */

.dist-map{
	width: 100%; 
	height: 500px;
}

.map-table td{
	vertical-align: top;
	font-size: 16px;
}


/* FIXED BUTTON TSDV */

.btn-tsdv {
    position: fixed;
    right: .5rem;
    bottom: 1.5rem;
    z-index: 9;
}
.btn-tsdv img{
	display: block;
}
.btn-tsdv.bottom {
    position: absolute;
    bottom: 400px;
}


/* kembalikan-senyum */

.kembalikan-senyum {
	position: relative;
	background-image: url(../images/kembalikansenyum/ks-bg.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: cover;
	height: 90vh;
	align-content: center;
	color: white;
}

.kembalikan-senyum .flag {
	display: block;
    margin: 0 auto;
	padding: 20px 0px;
}

.kembalikan-senyum p{
	font-size: 19px;
}

.kembalikan-senyum a .btn-play {
	text-decoration: none;
	background-color: #FFF8EC;
	padding: 20px 30px;
	border-radius: 99px;
	color: black;
	width: fit-content;
	border: 2px solid #A07A2C;
	margin-top: 30px;
}

.kembalikan-senyum a {
	text-decoration: none;
	font-weight: 700;
}

.kembalikan-senyum a i {
	color: #A07A2C;
	padding-right: 5px;
}

.kembalikan-senyum .hero-img{
	width: 86%; 
}

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

.bg-story {
	margin: 50px 0px;
	padding: 20px;
	text-align: center;
}

.bg-story h2 {
	font-weight: 700;
	margin-bottom : 20px;
}

.bg-story i {
	margin: 10px 0px;
}

.bg-story p {
	width: 60%;
	display: block;
	margin: 0 auto;
}

.share-result0 {
	box-shadow: 0px 4px 16px rgba(18, 48, 84, 0.2);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: auto;
	height: 50px;
	font-size: 16px;
	border-radius: 50px;
	background-color: white;
	margin: 8px;
	padding: 0 15px;
}

.ks-article {
	margin: 30px 0px;
	padding: 10px;
	text-align: center;
}

.ks-article h2 {
	font-weight: 700;
	margin-bottom : 0px;
}

.ks-article span {
	color: gray;
	font-size: 14px;
	font-weight: 600;
}

.ks-article p {
	padding-top: 20px;
	font-size: 16px;
	text-align: left;
}

.program {
	color: white;
}

.program .content {
	background-color: #FFF8EC;
	color: #011828;
	border-radius: 0px 120px 120px 0px;
	padding: 50px 0px;
	/* height: 800px; */
}

.program .content h2 {
	font-weight: 700;
	margin-bottom: 40px;
}

.video-program {
	/* margin-top: -180px; */
    z-index: 11 !important;
    position: relative;
}

.video-program .img {
	width: 70%;
	display: block;
	margin: 0 auto;
}

.btn-d-template {
	margin-top: 50px;
}

.btn-d-template a {
	text-decoration: none;
	background-color: #A07A2C;
	padding: 20px 30px;
	border-radius: 99px;
}

.btn-d-template span {
	font-weight: 700;
	color: white;
}

.brands {
	margin: 50px auto;
	text-align: center;
}

.brands h2 {
	font-weight: 700;
}

.brands p {
	margin-bottom: 30px;
}

.brands .row .d-flex {
	justify-content: center;
	align-items: center;
}

.brands .logo {
	background-position: center;
	width: 33%;
	align-content: center;
}

.brand-amb .slider .container {
	padding-top: 100px;
}

.brand-amb .slider .container .slider-list .items {
	margin: 0px 10px;
}

.brand-amb .slider .container .slider-list .items .quote {
	min-height: 90px;
}

.brand-amb .slider .container .slider-list .items img {
	width: 90%;
    margin: 0 auto;
}

.brand-amb .slider .container .slider-list .slick-next {
	margin-right: -20px !important;
	border-radius: 100px !important;
	padding: 8px !important;
	border: 1px solid #A07A2C;
	background: rgba(255, 255, 255, 0.40) !important;
}

.brand-amb .slider .container .slider-list .slick-prev {
	margin-left: -20px !important;
	border-radius: 100px !important;
	padding: 8px !important;
	border: 1px solid #A07A2C;
	background: rgba(255, 255, 255, 0.40) !important;
}

.mission {
	color: black;
}

.mission .content {
	background-color: #011828;
	border-radius: 0px 120px 0px 120px;
	padding: 50px 0px;
	height: 100vh;
	color: white;
}

.mission-2 .content {
	background-color: white;
	/* height: 25vh; */
}

.mission .content h2 {
	font-weight: 700;
	margin-bottom: 40px;
	margin-top: 100px;
}


.mission .content .img img {
	border-radius: 30px;
}
.camp-article {
	margin-top: 180px;
	margin-bottom: 80px;
}

.camp-article h2 {
	font-weight: 700;
}

.camp-article h4 {
	padding-bottom: 10px;
}

.camp-article .slider .container {
	padding-top: 30px;
}

.camp-article .slider .container .slider-list .items {
	margin: 0px 10px;
}

.camp-article .slider .container .slider-list .items .card-image {
	width: 100%;
	background-color: #A07A2C;
	border-radius: 30px 30px 0px 0px;
	height: 300px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
}

.camp-article .slider .container .slider-list .items .brands-card {
	background: #F1F1F1;
	border-radius: 30px;
}

.camp-article .slider .container .slider-list .slick-next {
	margin-right: -20px !important;
	border-radius: 100px !important;
	padding: 4px !important;
	border: 1px solid #A07A2C;
	background: rgba(255, 255, 255, 0.40) !important;
}

.camp-article .slider .container .slider-list .slick-prev {
	margin-left: -20px !important;
	border-radius: 100px !important;
	padding: 4px !important;
	border: 1px solid #A07A2C;
	background: rgba(255, 255, 255, 0.40) !important;
}

.slider .slick-prev::before, .slider .slick-next::before {
    font-family: 'Flaticon';
    font-size: 2rem;
    opacity: 1;
    color: #A07A2C;
}

.overlay-container{
	display: none; 
	width: 100%; 
	height: 100%; 
	position: fixed; 
	top: 0; 
	z-index: 10000; 
	overflow: auto; 
	background: rgba(255, 255, 255, 0.7);
}

#ksFloatBanner{
	position: fixed; 
	bottom: 20px; 
	left: 0; 
	right: 0; 
	margin: 0 auto; 
	width: 98%; 
	padding-left: 10px;
}










@media (min-width: 992px) {
	.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
		flex-wrap: wrap;
	}
}

/* new-responsive tablet? */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

	.navbar-std .navbar-collapse .navbar-nav {
		background: linear-gradient(90deg, rgba(224,211,188,1) 0%, rgba(255,248,236,1) 100%);
		position: fixed;
		width: 100%;
		/* height: 100%;
		margin-top: 85px; */
		margin-top: -10px;
		height: 100vh;
		padding-top: 10px;
		border-top-right-radius: 50px;
	}

	.bg-menu-1 {
		border-top-left-radius: 0px;
		border-top-right-radius: 50px;
		background-position: top center;
		height: auto !important;
		max-width: 100% !important;
		flex: 100%;
		background-size: inherit;
	}

	.navbar-expand-lg .navbar-nav .dropdown-menu {
		height: auto !important;
	}

	.bg-menu-1 a p {
		padding: 0px 0px 2px 20px;
		margin-bottom: 10px;
		font-size: 16px;
	}

	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: relative;
		background-color: transparent !important;
		top: 0px;
		border-bottom-left-radius: 0px;
	}

	.bg-menu-2 {
		display: none !important;
	}

	.navbar-expand-lg .navbar-nav .dropdown-menu .logo-mega-menu {
		display: none;
	}

	.navbar-std .navbar-brand .logo-lg {
		width: 150px;
	}

	.navbar-std .navbar-nav .nav-link {
		font-size: 16px;
	}
	

	.home-main-banner {
		height: auto;
	}



	.section-whoweare .new-container .title, .section-whoweare .new-container img, .section-brands .new-container .title {
		padding: 0px;
	}

	.section-whoweare .new-container .title p {
		padding-top: 110px;
	}

	.section-whoweare .new-container .title .bg-title, .section-brands .new-container .title .bg-title {
		top: 70px;
		left: -20px;
	}

	.section-brands .new-container .title p {
		padding-top: 115px;
	}

	.section-ourfamily .title h1 {
		font-size: 38px;
	}
	.ourfamily-card .card-body h4 {
		font-size: 18px;
	}
	
	.ourfamily-card .card-body h5 {
		font-size: 14px;
	}

	.multisteps-form__progress {
		display: none;
	}

	.section-ourfamily .col-md-11 {
		max-width: 100% !important;
		flex: 100%;
	}

	.corporate-profile-3 img {
		height: 30px;
	}

	.corporate-profile-3 h3 {
		font-size: 18px;
	}

	.card-investor-news .card-body h5 {
		font-size: 18px;
	}

	.section-investor .bg-investor-news {
		padding: 0px;
	}

	.other-brands .new-container .other-brands-card-1 h4, .other-brands .new-container .other-brands-card-3 h4, .other-brands .new-container .other-brands-card-2 h4, .other-brands .new-container .other-brands-card-4 h4, .other-brands .new-container .other-brands-card-5 h4, .other-brands .new-container .other-brands-card-6 h4, .other-brands .new-container .other-brands-card-7 h4 {
		font-size: 18px;
		padding-bottom: 0px;
	}

	.be-a-part-of-us .bg-be-a-part-of-us {
		background-attachment: scroll;
		background-size : cover
	}

	.bg-bo-enter {
		margin: 0px;
	}

	.career .career-card .card-body img {
		padding: 0px;
	}

	.career .career-card, .career .career-card-2, .career .career-card-3 {
		min-height: auto;
	}

	.career .testimonial-card .photo img {
		bottom: 2px;
	}

	.footer-std .sitemap .text-phone strong {
		font-size: 20px !important;
	}

	.form-group {
		margin-bottom: 0;
	}
	
	iframe{
		height: 300px;
		max-width: 100%;
	}

	.section-title-big {
		font-size: 2.3rem;
		line-height: 1.2em;
	}
	.main-banner-sm .caption-sub-title {
		font-size: 1.2rem;
	}
	
	.TES-flow-step{
		min-width:120px; 
		min-height:120px; 
		vertical-align:middle; 
		display:inline-flex;
		cursor: auto !important;
	}
	.TES-flow-arrow{
		margin: 0 10px; 
		display:inline-block;
	}
	.TES-flow-arrow i {
		border: solid black;
		border-width: 0 3px 3px 0;
		display: inline-block;
		padding: 3px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	/* 767 */
	
	.my-video-dimensions{
		width: 100% !important;
		height: 250px !important;
	}
	
	.section-title-big {
		font-size: 1.75rem;
		line-height: 1.2em;
	}
	
	.dist-map{
		height: 300px;
	}
	
	.TES-flow-step{
		min-width:120px; 
		min-height:120px; 
		vertical-align:middle; 
		display:inline-flex;
		cursor: auto !important;		
	}
	.TES-flow-arrow{
		margin: 10px 0; 
		display:block;
	}
	.TES-flow-arrow i {
		border: solid black;
		border-width: 0 3px 3px 0;
		display: inline-block;
		padding: 3px;
		 transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	
	.btn-tsdv img{
		height: 70px;
	}
}

/* new-responsive mobile? */

@media (max-width: 575.98px) {


	/* kembalikansenyum */

	.kembalikan-senyum {
		background-image: url(../images/kembalikansenyum/ks-bg-m.png);
		padding: 30px;
		height: auto;
	}

	.kembalikan-senyum h2 {
		padding-top: 30%;
	}

	.kembalikan-senyum img {
		padding-top: 30px;
	}

	.kembalikan-senyum a .btn-play {
		margin-top: 30px !important;
		display: block;
		margin: 0 auto;
	}
	
	.kembalikan-senyum .hero-img{
		width: 100%; 
	}

	.camp-article .slider .container .slider-list .slick-next {
		margin-right: 40% !important;
        margin-top: 315px;
        border-radius: 100px !important;
        padding: 8px !important;
        border: 1px solid #A07A2C;
        background: rgba(255, 255, 255, 0.40) !important;
	}
	
	.camp-article .slider .container .slider-list .slick-prev {
		margin-left: 40% !important;
		margin-top: 315px;
        border-radius: 100px !important;
        padding: 8px !important;
        border: 1px solid #A07A2C;
		background: rgba(255, 255, 255, 0.40) !important;
	}	

	.brand-amb .slider .container .slider-list .slick-next {
		margin-right: 40% !important;
		margin-top: 295px;
        border-radius: 100px !important;
        padding: 8px !important;
        border: 1px solid #A07A2C;
        background: rgba(255, 255, 255, 0.40) !important;
	}
	
	.brand-amb .slider .container .slider-list .slick-prev {
		margin-left: 40% !important;
		margin-top: 295px;
        border-radius: 100px !important;
        padding: 8px !important;
        border: 1px solid #A07A2C;
		background: rgba(255, 255, 255, 0.40) !important;
	}

	.brand-amb .slider .container {
		padding: 50px 0px;
	}
	
	.video-program .img {
		width: 100%;
	}

	.bg-story {
		margin: 0px 0px 20px 0px;
	}

	.bg-story p, .program p {
		width: 100%;
		font-size: 16px;
	}

	.video-program {
		margin-top: 0;
	}

	.program {
		padding: 15px;
	}
	.program .content {
		border-radius: 0px 50px 50px 0px;
		/* height: 935px; */
	}

	.video-program img {
		width: 100%;
	}

	.mission .content {
		padding: 15px;
  		flex-direction: column-reverse;
	}

	.mission .content .img {
		order: 2;
	} 

	.mission .content .img .template {
		width: 95%;
		height: 570px;
		background-color: #A07A2C;
		border-radius: 15px;
		display: block;
		margin: 0 auto;
	} 

	.mission .content {
		height: 685px;
	}

	.mission .content p {
		font-size: 16px;
	}

	.mission .content h2 {
		margin-top: 30px;
		font-size: 24px;
	}

	.mission .content .text {
		order: 1;
	}

	.mission-2 .content {
		/* height: 20vh; */
	}

	.brands .halal {
		width: 70px;
	}

	.btn-d-template {
		margin-top: 30px;
	}

	.btn-d-template a {
		text-align: center;
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	.brands {
		margin-top: 150px;
	}
	
	.logo-store{
		height: 25px !important;
	}
	
	.logo-store.logo-tempomart{
		height: 20px !important;
	}
	
	.buynow{
		cursor: pointer;
		width: 160px !important;
		font-size: 14px;
		padding: 10px 20px !important;
	}
	
	.share-result0{
		height: 35px;
	}


	/* end kembalikansenyum */
	
	
	
	
	.btn-detail-new, .btn-detail-border {
		padding: 8px 10px;
	}
	


	
	.detail-product .slider .slick-next{
		right: -25px !important;
	}
	
	.detail-product .slider .slick-prev{
		left: -25px !important;
	}

	.brands-green h1 {
		width: 100%;
	}

	.wysiwyg-content p {
		margin: 15px 5px;
	}

	.wysiwyg-content li {
		margin-left: 10px;
	}

	.section-ourfamily .new-container .ourfamily-card .card-body h4 {
		font-size: 20px;
	}

	.bg-bo-detail .btn-join-detail{
		margin: 0 auto;
		display: block;
		width: fit-content;
	}
	
	.career-detail .btn-view-detail{
		margin: 0 auto;
		display: block;
		width: fit-content;
	}

	.career-banner-home img {
		padding: 0px;
		padding-top: 30px;
	}

	.corporate-profile-4 .title h1 {
		font-size: 32px;
		width: 90%;
	}

	.corporate-profile-4 .title .bg-title {
		top: 105px;
	}	

	.js-btn-prev{
		position: absolute;
		left: 5px;
		top: -25px;
	}

	.js-btn-next{
		position: absolute;
		right: 5px;
		top: -25px;
	}

	.or-underline, .share-container {
		display: block;
		margin: 0 auto;
	}

	.bg-testimonial {
		padding: 30px 0px 0px 0px;
	}

	.slider-testimoni .items .row .entry-i img {
		position: relative;
	}

	.career h1 {
		margin-top: 0px;
	}

	.career .career-card .card-body img {
		padding: 5px 0px 20px 0px;
	}
	
	.contact-form{
		margin-top: 180px;	
	}
	
	.maps .boxes{
		top: 330px;
		right: 0;
		left: 0;
		height: 200px;
		width: 90%;
		border-radius: 20px;
		margin: 0 auto;
		padding: 15px;
		font-size: 14px;	
	}

	.bg-bo-enter {
		padding: 30px;
		margin: 40px 0;
	}

	.career .testimonial-card .photo img {
		position: relative;
		right: 0%;
	}

	.career .testimonial-card {
		height: 857px;
		text-align: center;
		margin-top: 0px;
	}

	.career .testimonial-card .fa-quote-right:before {
		display: none;
	}

	.corporate-profile-3 h3 {
		font-size: 26px;
	}

	.corporate-profile-3 .honesty, .equality, .perseverance, .responsibility, .usefulness {
		border-radius: 50px !important;
	}

	.corporate-profile-3 .honesty p, .equality p, .perseverance p, .responsibility p, .usefulness p {
		text-align: center !important;
	}


	.bo .card-bo {
		margin: 0px;
		min-height: 365px !important;
	}

	.bo .card-bo p, .bo .card-bo span {
		white-space: initial;
		margin-top: 2rem;
	}

	.navbar-std .navbar-collapse .navbar-nav {
		background: linear-gradient(90deg, rgba(224,211,188,1) 0%, rgba(255,248,236,1) 100%);
		position: fixed;
		width: 100%;
		/* height: 100%;
		margin-top: 85px; */
		margin-top: -10px;
		height: 100vh;
		padding-top: 10px;
		border-top-right-radius: 50px;
	}

	/* .navbar-std .navbar-collapse {
		background: linear-gradient(90deg, rgba(224,211,188,1) 0%, rgba(255,248,236,1) 100%);
		position: fixed;
		width: 100%;
		height: 100%;
		margin-top: 750px;
		border-top-right-radius: 50px;
	} */


	/* navbar? */

	.bg-menu-1 {
		border-top-left-radius: 0px;
		border-top-right-radius: 50px;
		background-position: top center;
		height: auto !important;
	}

	.navbar-expand-lg .navbar-nav .dropdown-menu {
		height: auto !important;
	}

	.bg-menu-1 a p {
		padding: 0px 0px 2px 20px;
		margin-bottom: 10px;
	}

	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: relative;
		background-color: transparent !important;
		top: 0px;
		border-bottom-left-radius: 0px;
	}


	.bg-menu-2 {
		display: none !important;
	}

	.navbar-expand-lg .navbar-nav .dropdown-menu .logo-mega-menu {
		display: none;
	}

	/* navbar? end */

	.be-a-part-of-us .bg-be-a-part-of-us {
		background-size: cover;
		background-position: center center;

		border-radius: 0px !important;
	}

	.be-a-part-of-us .bg-be-a-part-of-us p {
		width: 100%;
	}

	.other-brands .new-container .other-brands-card-1 {
		margin: 0px;
		margin-bottom: 20px;
	}
	.other-brands .new-container .other-brands-card-2 {
		margin: 0px;
		margin-bottom: 20px;
	}
	.other-brands .new-container .other-brands-card-3 {
		margin: 0px;
		margin-bottom: 20px;
	}
	.other-brands .new-container .other-brands-card-4 {
		margin: 0px;
		margin-bottom: 20px;
	}
	.other-brands .new-container .other-brands-card-5 {
		margin: 0px;
		margin-bottom: 20px;
	}
	.other-brands .new-container .other-brands-card-6 {
		margin: 0px;
		margin-bottom: 20px;
	}
	.other-brands .new-container .other-brands-card-7 {
		margin: 0px;
		margin-bottom: 10px;
	}

	.section-investor .section-panel {
		margin: 0px;
		padding: 20px;
	}

	.section-investor .section-panel .container {
		padding: 0px;
	}

	.section-investor .bg-title-investor {
		background-color: #F1EB21;
		height: 30px;
		width: 300px !important;
		border-radius: 50px;
		position: absolute;
		top: 50px;
		left: 206px;
		transform: translate(-50%, 0);
		z-index: -1;
	}

	.accordion {
		width: 100%;
	}

	.investor-news .section-title {
		text-align: center;
	}

	.investor-news .bg-title {
		left: 206px;
	}

	.table-investor .table-responsive {
		border-top-left-radius: 20px !important;
		border-top-right-radius: 20px !important;
	}

	.section-investor .slider .slick-prev {
		left: -20px !important;
		z-index: 1;
	}

	.section-investor .slider .slick-next {
		right: -20px !important;
	}

	.slider-testimoni .slider .slick-prev {
		left: -20px !important;
		z-index: 1;
	}

	.slider-testimoni .slider .slick-next {
		right: -20px !important;
	}

	.healthcare .slider .slick-next {
		right: -20px !important;
	}

	.healthcare .slider .slick-prev {
		left: -20px !important;
		z-index: 1;
	}

	.brands-pink .slider .slick-prev {
		left: -20px !important;
		z-index: 1;
	}

	.brands-pink .slider .slick-next {
		right: -20px !important;
	}

	.brands-light-blue h1 {
		width: 100%;
	}

	.table-responsive {
		width: 100%;
	}

	.table-investor .table-responsive table > tbody > tr > td {
		font-size: 12px;
	}

	.bocbod-1 .col-12 {
		display: block;
	}

	.corporate-ornaments {
		display: none;
	}

	.bocbod-1 .row {
		margin-bottom: 30px;
	}

	.bocbod-1 p {
		padding: 0 20px;
	}

	.bocbod-1 h2 {
		padding: 30px;
	}

	.bocbod-title {
		width: 300px;
	}

	.bocbod-1 {
		text-align: center;
	}

	.bocbod-1 img {
		width: 250px;
	}

	.bocbod-1 h1 {
		text-align: center;
		display: block;
		margin: 0 auto;
		font-size: 24px;
	}

	.section-panel .corporate-profile-3 .row {
		margin: 10px;
	}
	.multisteps-form__form {
		position: relative;
		width: 40%;
		margin: 0 auto;
	}

	.multisteps-form__content {
		margin-top: 10px !important;
	}

	.wysiwyg-content img {
		margin: 0 auto !important;
	}

	.milestone-progress {
		display: none;
	}


	.btn-view-more a {
		font-size: 16px;
	}

	/* home-res? */

	.home-main-banner {
		background: url(../images/2023/home/mobile/bg-home-banner.png);
		background-repeat: no-repeat;
		background-size: contain;
		margin-top: -130px;
		height: auto !important;
		width: 100%;
	}

	.hero-banner-home img {
		padding: 10px;
		margin-top: 135px;
		margin-bottom: 50px;
	}

	.section-whoweare .new-container img {
		margin-top: 135px;
		padding: 0px;
	}

	.section-whoweare .new-container .title {
		padding: 0px;
	}

	.section-whoweare .new-container .title p {
		padding-top: 20px;
	}	

	.section-whoweare {
		margin: 20px;
	}

	.section-whoweare .new-container .title h1 {
		font-size: 38px;
		left: 50%;
		transform: translate(-50%, 0);
		text-align: center;
	}

	.section-whoweare .new-container .title .bg-title {
		background-color: #F1EB21;
		width: 135px;
		height: 30px;
		top: 64px;
		left: 50%;
   		transform: translate(-50%, 0);
	}

	.section-whoweare .new-container .title a {
		padding: 8px 25px;
		font-size: 16px;
		text-align: center;
		margin: 0 auto;
		display: block;
		width: 50%;
	}


	.r-ornaments {
		display: none;
	}

	.l-ornaments {
		display: none;
	}

	.text-btn a {
		bottom: 45px;
		font-size: 12px;
	}

	.section-brands {
		margin: 20px;
	}

	.section-brands .new-container img {
		padding: 0px;
	}
	
	.section-brands .new-container .title {
		padding: 0px;
	}

	.section-brands .new-container .title .bg-title {
		background-color: #F1EB21;
		width: 235px;
		top: 108px;
		left: 50%;
   		transform: translate(-50%, 0);
	}

	.section-brands .new-container .title h1 {
		padding-top: 40px;
		text-align: center;
		left: 50%;
   		transform: translate(-50%, 0);
	}

	.section-brands .new-container .title p {
		padding-top: 160px;
	}

	.section-brands .new-container .col-md-7 {
		padding: 0px;
	}

	.section-brands .new-container .carousel-control-next-icon {
		margin-left: 40px;
	}

	.section-brands .new-container .carousel-control-prev-icon {
		margin-right: 40px;
	}

	.section-ourfamily {
		padding: 0px;
		height: auto;
		background-size: cover;
		background-position: right;
	}

	.section-ourfamily .title h1 {
		font-family: 'Montserrat' !important;
		font-weight: 700;
		color: white;
		font-size: 38px;
		text-align: center;
		margin-left: 0px;
		margin-top: 60px;
	}

	.section-ourfamily .new-container {
		padding: 0px 0px 50px 0px;
	}

	.section-ourfamily .bg-ourfamily {
		border-top-right-radius: 0px;
    	border-bottom-right-radius: 0px;
		height: auto !important;
	}

	.section-ourfamily .new-container .ourfamily-card .card-body {
		padding: 10px;
	}

	.section-ourfamily .new-container .ourfamily-card .btn a {
		bottom: 0px;
		position: relative;
		left: 0;
	}

	.section-ourfamily .new-container .ourfamily-card .btn  {
		padding: 0px;
	}

	.section-ourfamily .new-container .carousel-control-next-icon {
		margin-left: 40px;
	}

	.section-ourfamily .new-container .carousel-control-prev-icon {
		margin-right: 40px;
	}


	.section-news {
		margin-top: 25px;
	} 

	.section-news .new-container .title .bg-title {
		margin-top: 185px;
	}

	.section-news .new-container .title h1 {
		width: 100%;
	}

	.section-news .new-container .title .bg-title {
		margin-top: 70px;
	}

	.section-news .new-container .pt-5 {
		padding-top: 0px !important;
	}

	.footer-std .sitemap .logo-brand img{
		padding-bottom: 50px;
	}

	.footer-std .sitemap {
		width: 100%;
		height: 765px;
		background-position: center center;
	}

	.new-small {
		letter-spacing: 0px;
	}  


	/* global-res? */

	.navbar-std .navbar-brand .logo-sm {
		display: block !important;
	}

	.logo-1 {
		display: none !important;
	}


	.logo-2 {
		display: block !important;
		position: relative;
	}

	.navbar-std .navbar-brand .logo-lg {
		display: none !important;
	}

	.navbar-std .navbar-nav .nav-link {
		padding: 10px 0px 5px 10px;
		font-size: 16px;
	}

	.navbar-std .navbar-nav .nav-item::after {
		background-color: transparent !important;
	}

	.bg-menu-2 {
		right: 0px;
	}

	


}

@media (max-width: 393px) {
	.mission .content {
		height: 730px !important;
	}

	.mission-2 .content {
		display: none;
	}

	.program .content {
        /* height: 1030px; */
		margin-bottom: 0px;
    }

	.mission-2 .content {
		height: 15vh;
	}

	.brand-amb .slider .container .slider-list .slick-next, .brand-amb .slider .container .slider-list .slick-prev {
		margin-top: 280px;
	}

	.camp-article .slider .container .slider-list .slick-next {
        margin-right: 40% !important;
        margin-top: 365px;
        border-radius: 100px !important;
        padding: 8px !important;
        border: 1px solid #A07A2C;
        background: rgba(255, 255, 255, 0.40) !important;
    }

	.camp-article .slider .container .slider-list .slick-prev {
        margin-left: 40% !important;
        margin-top: 365px;
        border-radius: 100px !important;
        padding: 8px !important;
        border: 1px solid #A07A2C;
        background: rgba(255, 255, 255, 0.40) !important;
    }

	.video-program {
		/* margin-top: -50px; */
	}

	.btn-d-template a {
		/* width: 90%; */
	}
	
	

	.camp-article .slider .container {
		padding-top: 0px;
	}

	.camp-article {
		margin-top: 220px;
	}
	
}


/* 
@media (max-width: 414px) {

	.home-main-banner {
		height: 80vh;
	}

	.navbar-std .navbar-collapse {
		height: 92vh;
		margin-top: 906px;
	}
}




@media (max-width: 391px) {

	.navbar-std .navbar-collapse {
		height: 90vh;
   		margin-top: 800px;
	}
}

@media (max-width: 390px) {

	.navbar-std .navbar-collapse {
		height: 90vh;
   		margin-top: 835px;
	}
}

@media (max-width: 380px) {
	.navbar-std .navbar-collapse {
		height: 90vh;
   		margin-top: 695px;
	}
}

@media (max-width: 375px) {

	.navbar-std .navbar-collapse {
		height: 90vh;
   		margin-top: 670px;
	}
}

@media (max-width: 360px) {

	.navbar-std .navbar-collapse {
		height: 90vh;
   		margin-top: 745px;
	}
} */

.header__btn {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  padding: 10px 20px;
  display: inline-block;
  margin-right: 10px;
  background-color: #fff;
  border: 1px solid #2c2c2c;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
}
.header__btn:last-child {
  margin-right: 0;
}
.header__btn:hover, .header__btn.js-active {
  color: #fff;
  background-color: #2c2c2c;
}

.header {
  max-width: 600px;
  margin: 50px auto;
  text-align: center;
}

.header__title {
  margin-bottom: 30px;
  font-size: 2.1rem;
}

.content {
  width: 95%;
  margin: 0 auto 50px;
}

.content__title {
  margin-bottom: 40px;
  font-size: 20px;
  text-align: center;
}

.content__title--m-sm {
  margin-bottom: 10px;
}

.multisteps-form__progress {
  /* display: grid; */
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

.milestone-progress {
	position: absolute;
	top: 590px;
	z-index: 10;
}

.multisteps-form__progress-btn {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  transition-delay: 0s;
  position: relative;
  padding-top: 20px;
  color: rgba(108, 117, 125, 0.7);
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
}

.multisteps-form__content {
	margin-top: 90px;
}

.multisteps-form__content .row {
	min-height: 150px;
}

.multisteps-form__content p {
	font-size: 14px;
	margin-top: 15px;
}

.js-btn-next {
	border-radius: 100px; 
	background-color: #151F48; 
	border: none; 
	/*float: left;*/
}

.js-btn-prev {
	border-radius: 100px; 
	background-color: #151F48; 
	border: none; 
	/*float: right;*/
}

.btn-primary.disabled, .btn-primary:disabled {
	background-color: white;
	border-color: white;
}


@media (min-width: 500px) {
  .multisteps-form__progress-btn {
    text-indent: 0;
  }
}
.multisteps-form__progress-btn:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 13px;
  height: 13px;
  content: '';
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
  transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
  transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
  border: 2px solid #F3B742;
  border-radius: 50%;
  background-color: #fcdda0;
  box-sizing: border-box;
  z-index: 3;
}
.multisteps-form__progress-btn:after {
  position: absolute;
  top: 5px;
  left: calc(-50% - 13px / 2);
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  transition-delay: 0s;
  display: block;
  width: 100%;
  height: 2px;
  content: '';
  background-color: #fcdda0;
  z-index: 1;
  color: #fcdda0;
}
.multisteps-form__progress-btn:first-child:after {
  display: none;
}
.multisteps-form__progress-btn.js-active {
	color: #F3B742;
}
.multisteps-form__progress-btn.js-active h5 {
	color: #151F48;
	font-size: 11px;
}

.multisteps-form__progress-btn h5 {
	color: #7F88AC;
	font-size: 11px;
}

.multisteps-form__progress-btn.js-active:before {
  -webkit-transform: translateX(-50%) scale(1.2);
          transform: translateX(-50%) scale(1.2);
  background-color: currentColor;
}

.multisteps-form__form {
  position: relative;
}

.multisteps-form__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.multisteps-form__panel.js-active {
  height: auto;
  opacity: 1;
  visibility: visible;
}
.multisteps-form__panel[data-animation="scaleOut"] {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.multisteps-form__panel[data-animation="scaleOut"].js-active {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.multisteps-form__panel[data-animation="slideHorz"] {
  left: 50px;
}
.multisteps-form__panel[data-animation="slideHorz"].js-active {
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43);
  transition-delay: 0s;
  left: 0;
}
.multisteps-form__panel[data-animation="slideVert"] {
  top: 30px;
}
.multisteps-form__panel[data-animation="slideVert"].js-active {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  top: 0;
}
.multisteps-form__panel[data-animation="fadeIn"].js-active {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  transition-delay: 0s;
}
.multisteps-form__panel[data-animation="scaleIn"] {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.multisteps-form__panel[data-animation="scaleIn"].js-active {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  -webkit-transform: scale(1);
          transform: scale(1);
}