:root {
--theme-color: #011749;
--white-color: #ffffff;
--black-color: #000000;
--btn-color: #011749;}

body,
html {
margin: 0;
padding: 0;
font-family:'Open Sans',sans-serif; 
font-size: 13px;
background-color: var(--white-color);
overflow-x: hidden;}

.fadein {
animation: fadeInAnimation ease 2s;
animation-iteration-count: 1;
animation-fill-mode: forwards;}

@keyframes fadeInAnimation {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}}

a{
color: #7f7f7f;}  

a:hover {
color: #5C6D88;
text-decoration: underline;}

img {
max-width: 100%;
display: block;}

.header
{
margin-bottom: 4px;
z-index: 999;}

.header .top-bar
{
background-color: var(--theme-color);
padding: 5px;
text-align: center;
font-size: 12px;}

.header .navbar-brand
{
width: 180px;
margin-right: 10px;}

.header .nav-item
{
font-size: 12px;
position: relative;}

.header .custom-toggler
{
border: 0;
padding: 0;}

.header .custom-toggler i
{
font-size: 19px;
cursor: pointer;}

.header .btn-loggedin
{
background-color: var(--btn-color);
color:#ffffff;
font-weight: bold;
padding: 3px 0 0 0;
border-radius: 15px;
width: 60px;
font-size: 18px;}

.header .dropdown-menu
{
padding: 15px;
border: solid 1px #EEEEEE;
border-radius: 6px;}

.header .dropdown-menu a
{
padding: 5px 0 5px 0;}

.header .dropdown-menu .dropdown-profile-info
{
padding: 10px;
background-color: #FCE5E7;
border-radius: 10px;}

.header .dropdown-menu .welcome-note
{
margin-bottom: 5px;
font-size: 14px;}

.content
{
padding: 20px 0 25px 0;}

.footer .bottom-bar
{
background-color: #fce5e7;
padding: 40px 0 40px 0;}

.footer .bottom-contact-bar .fa-envelope-o
{
font-size: 20px;}

.footer .bottom-contact-bar .fa-whatsapp
{
font-size: 22px;}

.footer .bottom-contact-bar .title
{
color: white;
font-size: 32px;
font-weight: bold;}

.footer .bottom-contact-bar .info
{
color: white;}

.footer .bottom-contact-bar
{
background: linear-gradient(to bottom, #f8a1b3 0%, #b38ecb 60%, #7d7bc8 100%);
padding: 40px 0 40px 0;}

.footer .btn-section {
width: 50%;
margin-left: auto;
margin-right: auto;
}

.footer .bottom-section-v2 {
color: #FFFFFF;
background-color:var(--theme-color);
padding: 35px 0 0 0;}

.footer .bottom-section-v2 .footer-links {
display: flex;
justify-content: space-between;
flex-direction: row;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 35px;
}

.footer .bottom-section-v2 .footer-links a{
color: white;
}

.footer .bottom-section-v2 .footer-links .group {
display: flex;
flex-wrap: wrap;
gap: 20px;
}

.footer .nav-link-footer a{
color: #FFFFFF;
text-decoration: none;}

@media (max-width: 768px) {
.footer .bottom-section-v2 .footer-links {
margin-top: 30px;
flex-wrap: nowrap;
}

.footer .bottom-section-v2 .footer-links .group {
flex-direction: column;
flex: 1;
gap: 10px;
}
}

.footer .bottom-section-v2 .footer-logo
{
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: 160px;}

.footer .bottom-section-v2 .footer-copyright
{
padding-bottom: 20px;}

.footer .bottom-section
{
color: #FFFFFF;
background-color:var(--theme-color);
padding: 25px 0 0 0;}

.footer .bottom-section .footer-logo
{
margin: 40px 0 100px 0;
width: 160px;}

.footer .bottom-section .footer-logo-v2
{
margin: 10px auto 10px auto;
width: 160px;}

.footer .bottom-section .footer-copyright
{
font-size: 11px;}

.footer .bottom-section .section-title
{
font-weight: bold;
font-size: 11px;
margin-bottom: 10px;}

.footer .bottom-section .section-item ul
{
margin: 0px;
padding: 0px;
list-style: none;}

.footer .bottom-section .section-item li
{
margin-bottom: 5px;}

.footer .bottom-section .section-item li a
{
color: #FFFFFF;}

.footer .bottom-section .section-item
{
font-size: 11px;}

.footer .bottom-section .section-social-icon,
.footer .bottom-section-v2 .section-social-icon
{
display:inline-block;
width: 38px;
height: 38px;
background-color: #FFFFFF;
font-size: 22px;
text-align: center;
margin-right: 5px;}

.footer .bottom-section .section-social-icon i,
.footer .bottom-section-v2 .section-social-icon i
{
color: #000000;}

.footer .bottom-section-v2 .icon-wrapper {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}

.footer .bottom-section-v2 .icon-wrapper i {
font-size: 20px;
}

.footer .bottom-section-v2 .icon-wrapper img {
width: 20px;
height: 20px;
}

.footer .bottom-section-v2 .section-privacy-term
{
font-size: 11px;
margin-top: 100px;}

.footer .bottom-section .section-privacy-term a
{
color: #FFFFFF;}

.footer .bottom-bar .btn-our-service
{
background-color: var(--btn-color);
color:#ffffff;
font-weight: bold;
padding: 5px;
border-radius: 15px;
width: 140px;}

.footer .bottom-section .footer-nav-mobile-collapse
{
display: none;}

.btn-register
{
background-color: #f18099;
color:#ffffff;
font-weight: bold;
padding:5px 10px 5px 10px;
border-radius: 15px;
width: 75px;
font-size: 12px;}

.btn-login
{
background-color: var(--btn-color);
color:#ffffff;
font-weight: bold;
padding:5px 10px 5px 10px;
border-radius: 15px;
width: 75px;
font-size: 12px;}

.btn-login:hover
{
color:#ffffff;}

.btn-japanese-content
{
background-color: var(--btn-color);
color:#ffffff;
font-weight: bold;
padding:8px 20px 6px 20px;
border-radius:5px;
font-size: 12px;
text-align: center;}

.btn-japanese-content:hover
{
color:#ffffff;}

.btn-register-icon
{
background-color: #f18099;
color:#ffffff;
font-weight: bold;
padding:3px 2px 2px 2px;
border-radius: 10px;
width: 40px;}

.btn-login-icon
{
background-color: var(--btn-color);
color:#ffffff;
font-weight: bold;
padding:3px 2px 2px 2px;
border-radius: 10px;
width: 40px;}

.btn-login-icon:hover
{
color:#ffffff;}

.btn-with-arrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 150px;
  padding:5px 10px 5px 15px;
  background-color: var(--theme-color);
  color: white;
  border: none;
  border-radius: 15px;
  cursor: pointer;
  font-size: 14px;
  text-align: left;
  transition: background-color 0.3s ease;
}

.btn-with-arrow:hover {
  background-color: var(--theme-color);
  color: white;
  text-decoration: none;
}

.border-white {
border: solid 1px #FFFFFF;}

.btn-wide {
width: 220px;
}

.btn-text {
  flex: 1;
}

.btn-arrow {
  margin-left: 10px;
}

.pagination .page-item .page-link
{
border: 0px;
color: var(--black-color);}

.pagination .page-item .page-link:hover
{
border-radius: 25px;}

.pagination .page-item.active .page-link
{
color: var(--white-color);
background-color: var(--theme-color);
border-radius: 25px;}

.pagination .page-item.disabled .page-link{
color: #DDDDDD;}

.pointer {cursor: pointer;}

.form-section
{
position: relative;
background-color: #FCE5E7;
border-radius: 15px;
margin-bottom: 15px;
padding: 20px;}

.form-section .logo-icon-left
{
position: absolute;
width: 130px;
height: 130px;
left: -80px;
bottom: -20px;}

.form-section .logo-icon-right
{
position: absolute;
width: 130px;
height: 130px;
top: -20px;
right: -80px;}

.required
{
color: #f18099;
font-size: 11px;}

.required i
{
color: var(--theme-color);
font-size: 11px;}

.input-note
{
background-color: #f18099;
border-radius: 12px;
margin-top: 15px;
margin-bottom: 25px;
padding: 10px 15px;
color: #FFFFFF;}

.agree-note
{
background-color: #FBECD5;
border: solid 1px #C9B871;
border-radius: 12px;
margin-top: 15px;
margin-bottom: 25px;
padding: 10px 15px;
color: #595758;}

.section-note
{
margin-top: 15px;
background-color: #F3FBFF;
border-radius: 15px;
padding: 40px 10px;}

.btn-standard
{
display: block;
margin-top: 5px;
background-color: var(--theme-color);
font-weight: bold;
padding:10px;
border-radius: 10px;
width: 160px;
font-size: 12px;
color: #000000;}

.btn-standard:hover
{
color: #000000;}

.btn-submit
{
background-color: var(--btn-color);
font-weight: bold;
padding:5px 10px 5px 10px;
border-radius: 15px;
width: 90px;
font-size: 12px;
color: #FFFFFF;}

.btn-submit:hover
{
color: #FFFFFF;}

.page-title{
text-align: center;
margin-bottom: 20px;}

.page-title{
text-align: center;
margin-bottom: 20px;}

.page-section-img
{
width: 30%;
margin-right: 3%;
float: left;}

.page-section-detail
{
width: 65%;
float: left;}

.page-section-img-side-panel
{
width: 25%;
margin-right: 3%;
float: left;}

.page-section-detail-side-panel
{
width: 70%;
float: left;}

.image-bg
{
position: relative;
width: 100%;
padding-top: 75%;
margin-bottom: 15px;
border-radius: 8px;
background-repeat: no;
background-size: cover;
display: block;}

.featured-img {
border-radius: 5px;
object-fit: cover;}

.text-light-gray
{
color: #a19f9f;}

.text-underline {
text-decoration: underline;}

.pale-pink
{
color: #f78da7;}

.pale-pink:hover
{
color: #f78da7;}

.gray-text
{
color: #7A7A7A;}

.text-height-1 {
line-height: 1.5!important;}

.text-height-2 {
line-height: 2!important;}

.text-height-3 {
line-height: 2.5!important;}

.fontsize-15
{
font-size:15px;}

.border-radius-light
{
border-radius: 5px;}

.border-radius
{
border-radius: 10px;}

.line-icon-float{
display: block;
position: fixed;
width: 70px;
height: 70px;
top: 70%;
right: 0;
background-color: #ea5968;
color:#011749;
text-align: center;
font-size: 9px;
border-top-right-radius: 35px;
border-top-left-radius: 35px;
border-bottom-left-radius: 35px;
box-shadow: 1px 1px 1px 1px #ea5968;
z-index: 25;}

.line-icon-float i{
font-size: 30px;
margin-top: 10px;
margin-bottom: 5px;}

.line-icon-float a {
color:#011749;}

.line-icon-float:hover {
color:#011749;}

.line-icon-float a:hover {
color:#FFF;}

.line-icon-float-v2 {
  display: block;
  position: fixed;
  width: 50px;
  height: 50px;
  top: 70%;
  right: 20px;
  background-color: #00C300;
  color: white;
  text-align: center;
  font-size: 9px;
  border-radius: 50%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  z-index: 25;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.line-icon-float-v2 i {
  font-size: 30px;
  margin-top: 10px;
  color: white;
}

.line-icon-float-v2 a {
  color: white;
  text-decoration: none;
  display: block;
  height: 100%;
  width: 100%;
}

.line-icon-float-v2:hover {
  background-color: #128C7E;
}

.line-icon-float-v2 a:hover {
  color: white;
}

.whatsapp-icon-float {
  display: block;
  position: fixed;
  width: 50px;
  height: 50px;
  top: 70%;
  right: 20px;
  background-color: #25D366;
  color: white;
  text-align: center;
  font-size: 9px;
  border-radius: 50%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  z-index: 25;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.whatsapp-icon-float i {
  font-size: 30px;
  margin-top: 10px;
  color: white;
}

.whatsapp-icon-float a {
  color: white;
  text-decoration: none;
  display: block;
  height: 100%;
  width: 100%;
}

.whatsapp-icon-float:hover {
  background-color: #128C7E;
}

.whatsapp-icon-float a:hover {
  color: white;
}

.new-notification-nav{
position: relative;
top: -8px;
left: -18px;}

.new-notification-nav i {
font-size: 9px !important;
color: red;}

.new-notification-menu{
position: relative;
top: -2px;}

.page404
{
font-size: 60px;
color: #ff9e9e;}

.page404-text a
{
color: #000000;
text-decoration: underline;}

.star-checked
{
color: #FFE160;}

/* Fluid Styles */
.fluid 
{
display: flex;}
  
.fluid a 
{
flex-grow: 1;
margin-right: 0.25rem;}

.fluid a:last-child
{
margin-right: 0rem;}

/* Accordian */
.item-accordian {
position: relative;
z-index: 1;}

.item-accordian .card {
position: relative;
z-index: 1;
margin-bottom: 1.5rem;}

.item-accordian .card:last-child {
margin-bottom: 0;}

.item-accordian .card .card-header {
padding: 0;
border-bottom-color: #ebebeb;}

.item-accordian .card .card-header span {
color: #000000;
font-weight: bold;
cursor: pointer;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;}

.item-accordian .card .card-header span i {
font-size: 1.1rem;}

.item-accordian .card .card-header span.collapsed {
color: #000000;}

.item-accordian .card .card-header span.collapsed i {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);}

.item-accordian .card .card-body {
padding: 10px;
color: gray;}

.item-accordian .card .card-body a
{
color: gray;
text-decoration: underline;}

.item-accordian .card .card-body p:last-child {
margin-bottom: 0;}

.popup-banner .carousel-control-next-icon {
filter: invert(1);}

.popup-banner .carousel-control-prev-icon {
filter: invert(1);}

.popup-banner .carousel-control-next {
width: 5%;}

.popup-banner .carousel-control-prev{
width: 5%;}

.popup-banner .close{
font-size: 22px;
}

@media (max-width: 992px) {
.navbar .navbar-collapse {
margin-left: 10px;
}

.new-notification-nav {
position: relative;
top: -6px;
left: -19px;}
        
.footer .bottom-section .footer-nav-collapse
{
display: none;}

.footer .bottom-section .footer-nav-mobile-collapse
{
width: 100%;
display: inline-block;}

.footer .bottom-section .footer-nav-mobile-collapse .footer-logo
{
margin: auto;
margin-bottom: 30px;}

.footer .bottom-section .footer-nav-mobile-collapse .social-icons
{
margin: auto;}

.footer .bottom-section .footer-nav-mobile-collapse .section-privacy-term
{
text-align: center;
margin-top: 40px;
margin-bottom: 20px;}

.footer .bottom-section .footer-nav-mobile-collapse .footer-copyright
{
text-align: center;
margin-bottom: 20px;}

.page404-text
{
text-align: center;}

.footer .btn-section {
width: 100%;
}
}

.cart-icon {
  margin: 5px 5px 0px 5px;
  position: relative;
  z-index: 200;}

.cart-icon > a {
    color: #2e2e2e;
    font-size: 14px;
    line-height: 1;
    position: relative;
    z-index: 1;
    font-weight: 600;
}

.cart-icon > a > i {
    font-size: 22px;
    padding-right: 5px;
}
   
.cart-icon .cart-count {
  background-color: #e05a47;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  height: 18px;
  line-height: 18px;
  position: absolute;
  left: 10px;
  text-align: center;
  top: -12px;
  width: 18px;
  z-index: 2;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  font-weight: 600;
}

.mobile-menu {
position: fixed;
top: 0;
right: -100%;
width: 80%;
max-width: 300px;
height: 100%;
background-color: #fff;
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
z-index: 1050;
transition: right 0.4s ease-in-out;
}

.mobile-menu.open {
right: 0;
}

.menu-overlay {
position: fixed;
top: 0; left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1040;
display: none;
}

.menu-overlay.show {
display: block;
}

.mobile-menu .close-btn {
text-align: right;
padding: 1rem;
font-size: 1.5rem;
cursor: pointer;
border-bottom: 1px solid #eee;
}

.mobile-menu .nav-item {
border-bottom: 1px solid #ddd;
padding: 0.5rem 0;}

.login-user-circle {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0px 2px;
border-radius: 50%;
border: 1px solid #142D55;
font-size: 1.9em;
line-height: 1;
overflow: hidden;}

.login-user-circle i {
position: relative;
top: 5px;
color: #142D55;}

.loggedin-user-circle {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0px 3px;
border-radius: 50%;
border: 1px solid #142D55;
font-size: 2em;
line-height: 1;
overflow: hidden;}

.loggedin-user-circle i {
position: relative;
top: 5px;
color: #142D55;}