@import url("https://fonts.googleapis.com/css2?family=Corinthia:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
   font-family: "Montserrat", sans-serif;
   font-weight: 400;
}

html {
   overflow-x: hidden;
   scroll-behavior: smooth;
}
/* Style for highlighting the eligible month */
.highlight {
    background-color: green !important;
    color: white;
}
html {
   width: auto !important;
   color: #000;
   margin: unset;
   overflow-x: hidden;
}
body ::-moz-selection,
html ::-moz-selection {
   background: #000;
   color: #fff;
}
body ::-moz-selection, html ::-moz-selection {
   background: #000;
   color: #fff;
}
body ::selection,
html ::selection {
   background: #000;
   color: #fff;
}
body ::-moz-selection,
html ::-moz-selection {
   background: #000;
   color: #fff;
}
#confirmationModal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    width: 750px; /* Small size */
    padding: 20px;
    z-index: 1000;
        max-height: 485px;
        opacity: 0;    /* Start with 0 opacity */
    transition: opacity 0.5s ease-in-out; 
}
#confirmationModal.show {
    display: block;
    opacity: 1;
}


/* Styles for the content inside the modal */
#confirmationModal .modal-content {
    font-family: Arial, sans-serif;
    padding-right: 16px;
    padding-left: 24px;
    padding-top: 25px;
}

/* Styles for the title in the modal */
#confirmationModal .modal h4 {
    text-align: center;
}

/* Container for the details inside the modal */
#confirmationModal .modal-details {
    margin-top: 20px;
    font-size: 14px;
}

/* Individual rows within the modal details */
#confirmationModal .modal-row {
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
}

/* Label for each row */
#confirmationModal .modal-row label {
    font-weight: bold;
}

/* Footer with buttons */
#confirmationModal .modal-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

#confirmationModal .modal h4 {
    text-align: center; /* Center-align the title */
    font-size: 18px; /* Set a font size for the title */
    font-weight: bold; /* Make the title bold */
    margin: 0; /* Remove default margin */
    padding: 10px 0; /* Add padding to the top and bottom */
    background-color: #f1f1f1; /* Light background color for the header */
    border-radius: 10px 10px 0 0; /* Rounded corners on top */
    color: #333; /* Set text color */
    border-bottom: 2px solid #ddd; /* Optional: Add a subtle border below the header */
}

/* Button styles for Yes and No */
/*#confirmationModal .btn {
    padding: 8px 15px;
    font-size: 14px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

/* Hover effect for the Yes button */
/*#confirmationModal .btn:hover {
    background-color: #45a049;
}*/

/* Specific style for the No button */
/*#confirmationModal #cancelBtn {
    background-color: #f44336;
}*/

/* Hover effect for the No button */
/*#confirmationModal #cancelBtn:hover {
    background-color: #da190b;
}*/

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

.mw-1350 {
   max-width: 1350px !important;
}

section {
   position: relative;
   margin-top: 0;
}

button,
.btn-primary {
   cursor: pointer;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

button:hover,
.btn-primary:hover {
   opacity: 0.8;
}

.div1 {
   padding: 0 80px;
}

a {
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

a:hover {
   text-decoration: unset;
   opacity: 0.8;
   color: unset;
}

.header-nav-t {
   background: url(../image/6.png) no-repeat #ff924d;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.header-nav-t .login-section {
   display: inline-block;
   text-align: right;
}
.header-nav-t .language-section {
   display: inline-block;
   text-align: right;
   margin-right: 15px;
}

.header-nav-tr-link,
.header-nav-tr-text {
   color: white;
   font-size: 12px;
   padding: 7px;
   text-align: right;
   margin-top: 4.5px;
}

a.header-nav-tr-link:hover {
   color: black;
   text-decoration: underline;
}

.header-nav-tr-text {
   margin-top: -2.5px;
}

.header-nav-tr {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: flex-end;
   -ms-flex-pack: flex-end;
   justify-content: flex-end;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.header-nav-m {
   position: absolute;
   z-index: 600;
   width: 100%;
   left: 50%;
   -webkit-transform: translate(-50%, 0);
   -ms-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
   padding-left: 0;
}

.header-nav-mm {
   background-color:#ffbb53;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 10px 20px;
}

.header-nav-mm-l img {
   height: 30px;
}

.header-nav-mm-r-link img {
   height: 35px;
}

.cart-num span {
   background-color: #fb7d19;
   color: #fff;
   width: 13px;
   position: absolute;
   height: 13px;
   border-radius: 50%;
   font-size: 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   top: 3px;
   left: 30px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.header-nav-mm-r-link {
   padding-left: 5px;
   position: relative;
}

.slideshow-bg {
   position: absolute;
   background-image: -o-linear-gradient(left, #381420, #700936);
   background-image: -webkit-gradient(linear, left top, right top, from(#381420), to(#700936));
   background-image: linear-gradient(to right, #381420, #700936);
   top: 0;
   left: 0;
   right: 0;
   z-index: 2;
   bottom: 0;
   opacity: 0.8;
}
.padding-left-no{
   padding-left: 0;
}

.nav-height{
   height:50px;
}

.slideshow-section .owl-dots {
   position: absolute;
   bottom: 35px;
   left: 50%;
   -webkit-transform: translate(-50%, 0);
   -ms-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
   z-index: 11;
}

.slideshow-section button.owl-dot {
   height: 15px;
   width: 15px;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   opacity: 0.5;
   background-color: #fff;
   margin: 0 5px;
   border-radius: 50%;
}

.slideshow-section button.owl-dot.active {
   opacity: 1;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
   position: absolute;
   top: 50%;
   -webkit-transform: translate(0px, -50%);
   -ms-transform: translate(0px, -50%);
   transform: translate(0px, -50%);
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
   cursor: pointer;
}

.owl-carousel .owl-nav button.owl-prev {
   left: 45px;
}

.owl-carousel .owl-nav button.owl-next {
   right: 45px;
}

.testi-active.owl-carousel .owl-nav button.owl-prev {
   left: -15px;
}

.testi-active.owl-carousel .owl-nav button.owl-next {
   right: -12px;
}

.slideshow-section .owl-nav {
   position: absolute;
   top: 50%;
   z-index: 11;
   width: 100%;
   height: auto;
   -webkit-transform: translate(0px, -50%);
   -ms-transform: translate(0px, -50%);
   transform: translate(0px, -50%);
}

.slideshow-container {
   position: relative;
   margin: auto;
 }
 
 .mySlides {
   display: none;
   height: 500px;
 }

 .prev, .next {
   cursor: pointer;
   position: absolute;
   top: 50%;
   width: auto;
   margin-top: -55px;
   padding: 16px;
   color: papayawhip;
   font-weight: bold;
   font-size: 55px;
   transition: 0.6s ease;
   border-radius: 0 3px 3px 0;
   user-select: none;
 }
 
 .next {
   right: 0;
   border-radius: 3px 0 0 3px;
 }

 .Exclusive {
   background: url(../image/6.png);
   padding: 20px 25px;
   border-radius: 25px;
   margin-top: 20px;
   background-position:center;
}





.Exclusive-icon {
   display: flex;
   padding: 10px 20px;
}

.Exclusive-icon img {
   padding: 10px;
   width: 100%;
}
.Exclusive h1 {
   text-align: center;
   color: #fff;
   font-family: 'Acta Display Book';
   font-size: 30px;
}
 .prev:hover, .next:hover {
   background-color: rgba(0,0,0,0.8);
 }
 
 .text {
   color: #f2f2f2;
   font-size: 15px;
   padding: 8px 12px;
   position: absolute;
   bottom: 8px;
   width: 100%;
   text-align: center;
 }

 .background-image1{
   background: url(../image/background.jpeg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}

.background-image2{
   background: url(../image/slide2.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}
.background-image3{
   background: url(../image/ss.png?v=2);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}
.etercell-ppt1{
   background: url(../image/etercell_ppt/1.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}
.etercell-ppt2{
   background: url(../image/etercell_ppt/2.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}
.etercell-ppt3{
   background: url(../image/etercell_ppt/3.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}
.etercell-ppt4{
   background: url(../image/etercell_ppt/4.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}
.etercell-ppt5{
   background: url(../image/etercell_ppt/5.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}
.etercell-ppt6{
   background: url(../image/etercell_ppt/6.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}
.etercell-ppt7{
   background: url(../image/etercell_ppt/7.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}
.etercell-ppt8{
   background: url(../image/etercell_ppt/8.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}

.about_image{
   background: url(../image/about_1.jpeg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}
.about_image2{
   background: url(../image/about_2.jpeg?v=3);
   background-repeat: no-repeat;
   background-position: center bottom;
   background-size: cover;
}
.about_image3{
   background: url(../image/candy_about_3.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}

.btn-w{
   width:20% !important;
}

.tabs_nav {
   margin-bottom: 30px;
   border-bottom: 1px solid #e6e6e6;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
   justify-content:center;
   padding-top: 60px;
}
.tabs_nav .tab-title {
   margin: 0 -1px 0 0;
   list-style:  none;
}
.tabs_nav .tab-title .tab-links {
   padding: 12px 15px 9px;
   border: 1px solid #e6e6e6;
   border-bottom: none;
   background-color: #fafafa;
   font-size: 16px;
   font-family: "Montserrat", sans-serif;
   color: #232323;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: .05em;
   display: block;
   position: relative;
}

.tabs_nav .tab-title .tab-links.active {
   background-color: white;
   margin-bottom: -1px;
}

.tabs_nav .tab-title .tab-links.active:before {
   background-color: #232323;
}
.tabs_nav .tab-title .tab-links:before {
         position: absolute;
         width: -moz-calc(100% + 2px);
         width: -webkit-calc(100% + 2px);
         width: -ms-calc(100% + 2px);
         width: calc(100% + 2px);
         height: 2px;
         content: "";
         top: -1px;
         left: -1px;
      }

.tabs_nav .tab-title .tab-links:after {
   position: absolute;
   width: 100%;
   height: 1px;
   content: "";
   bottom: -1px;
   left: 0;
}

.tabs_nav .tab-title .tab-links.active:after {
   background-color: white;
}

.owl-carousel .owl-nav button.owl-prev i,
.owl-carousel .owl-nav button.owl-next i {
   color: #fff;
   font-size: 18px;
   display: block;
   position: relative;
}

.slideshow-section .owl-carousel,
.owl-item {
   overflow-y: hidden;
}

.owl-item > div {
   background-size: cover;
   width: 100%;
   height: 100%;
   background-position: center;
}

.owl-carousel .owl-item img {
   display: block;
   width: 100%;
   height: auto;
   top: 0%;
   position: relative;
   left: 0%;
   z-index: 3;
}

.pro-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 0;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.pro-subcontainer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   height: 100%;
}

.pro-section .pro-img-container,
.pro-text-container {
   padding: 0 12px;
}

.div2 {
   padding: 0 120px;
}

.pro-img-container img {
   width: 100px;
}

.pro-text-title {
   font-family: "Corinthia", cursive;
   font-weight: 700;
   font-size: 48px;
   margin-bottom: unset;
}

.pro-text-descr {
   font-family: "Montserrat", sans-serif;
   font-weight: 500;
   margin-bottom: unset;
}

.big-cate-bg {
   background-size: cover;
   position: absolute;
   background-position: center;
   top: 0;
   left: 0px;
   right: 0px;
   bottom: 0;
   background-repeat: no-repeat;
}

.cate-bg-moxxi {
   background-image: url("../Img/moxxi-bg.jpg");
}

.small-cate-bg {
   background-size: cover;
   position: absolute;
   top: 0;
   left: 0px;
   right: 0px;
   bottom: 0;
   background-repeat: no-repeat;
   background-position: center;
}

.cate-bg-mtos {
   background-image: url("../Img/mtos-bg.jpg");
}

.cate-bg-mquen {
   background-image: url("../Img/mquen-bg.png");
}

.small-cate-container-2 {
   width: 49%;
   position: relative;
   height: 450px;
   margin-top: 50px;
}

.cate-logo {
   width: 100%;
}

.big-cate-container {
   width: 100%;
   height: 450px;
   position: relative;
}

.small-cate-container {
   width: 100%;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.lr-padding{
   padding: 10px 0px;
}

.cate-title {
   font-family: "Montserrat", sans-serif;
   font-weight: 500;
   font-size: 22px;
   margin-bottom: 10px;
}

.cate-descr {
   font-family: "Montserrat", sans-serif;
   font-weight: 400;
   font-size: 12px;
   margin-bottom: 20px;
}

.big-cate-container .cate-title.cate-light {
   color: #fff;
}

.big-cate-container .cate-descr.cate-light {
   color: #d3d3d3;
}

.big-cate-subcontainer,
.small-cate-subcontainer {
   position: relative;
   opacity: 2;
   padding-left: 100px;
   width: calc(100% - 30px);
   margin: auto;
}

.big-cate-subcontainer {
   top: 25.5%;
}

.small-cate-subcontainer {
   top: 13.5%;
}

.cate-btn,
.btn-sm,
.btn-group-sm > .btn {
   color: #fff;
   border: none;
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;
   width: 40%;
   border-radius: 50px;
   font-size: 14px;
   outline: none !important;
   font-family: "Montserrat", sans-serif;
   font-weight: 600;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   height: 45px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.cate-form {
   margin-top: 25px;
}

.cate-btn.pink {
   background-color: #fb7d19;
   font-size:11px;
   height: 30px;
}

.benefit a button {
   background-color: #fb7d19;
   font-size:11px;
   height: 30px;
   margin-top: 10px;
}


.benefit{
   text-align: center;
}



.cate-btn.black {
   background-color: #000;
}

.cate-btn.black:hover {
   color: #fff;
}

.cate-section input.cate-input, .purchase-section input.cate-input {
   border: none;
   border-radius: 50px;
   font-size: 14px;
   outline: none !important;
   font-family: "Montserrat", sans-serif;
   font-weight: 600;
   text-align: center;
   max-width: 85px;
   height: 30px;
   padding: 0 10px;
}

.purchase-section input.cate-input {
   max-width: min(100%, 250px);
   color: #000;
   text-align: start;
   border: 1px solid #fb7d19;
   height: 50px;
   margin-bottom: 2.5rem;
   padding: 0 10%;
   font-size: 16px;
   background-color: transparent;
}

.purchase-section .btn.long{
   width: 250px;
}

footer{
   background-color: #f0912a;
}

.footer_top_part{
   color:white;
   padding-top: 25px;
}

.footer_top_part h1 {
   color: #fff;
   font-family: 'Acta Display Book';
   font-size: 22px;
   padding-bottom: 10px;
}

.WhatsApp {
   width: 50%;
}

.WhatsApptel {
   font-size: 14px;
   padding-top: 10px;
   color:white;
}

.hour{
   color:white;
   font-size:13px;
}

.copyright {
   font-size: 9px;
   text-align: center;
   color: white;
}

.footer-title {
   padding-bottom: 8px;
   padding-top: 8px;
   font-family: Metropolis, sans-serif;
   color: #fff;
   font-size: 12px;
   text-transform: uppercase;
}

.footer-iframe {
   width: 500px;
   height: 300px;
   max-width: 100%;
}
/* 
.footer-title {
   font-family: "Montserrat", sans-serif;
   font-weight: 600;
   font-size: 16px;
} */

.footer-link {
   list-style: none;
   padding: 0px;
   margin: 0px;
   color:white;
}

.footer-link li a {
   font-family: Metropolis, sans-serif;
   color: #fff;
   font-size: 10px;
   text-transform: uppercase;
}

/* .footer-t-link {
   font-family: "Montserrat", sans-serif;
   font-weight: 500;
   display: block;
   color: #000;
   margin-bottom: 0.5rem;
   font-size: 14px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
} */

.footer-t-link span {
   font-weight: 500;
}

.footer-copyright, .footer-copyright a {
   font-family: "Montserrat", sans-serif;
   font-weight: 500;
   margin-bottom: unset;
   font-size: 12px;
}

.footer-container {
   padding-top: 70px;
   padding-bottom: 30px;
}

.footer-subcontainer.footer-m-sub {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding-top: 60px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.nav-container-m {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 500;
   -webkit-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
   padding: 50px 30px;
}

.header-nav-mm-m-link,
.header-nav-mm-m-link:hover {
   color: #fff;
}

.link-number {
   padding-right: 40px;
}

.header-nav-mm-m-c {
   margin-top: 20px;
}

.header-nav-mm-m-c a {
   display: block;
   position: relative;
   margin-top: 15px;
   font-family: "Montserrat", sans-serif;
   font-weight: 400;
}

.header-nav-mm-m-l {
   margin-top: 50px;
}

.header-nav-mm-m-l img {
   width: 50px;
}

.header-nav-mm-m-r-link img {
   -webkit-filter: invert(1);
   filter: invert(1);
   height: 35px;
}

.footer-subcontainer.footer-t-sub {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.footer-sub-l,
.footer-sub-r {
   width: 100%;
}

.footer-m-link {
   position: relative;
}

.footer-m-link img {
   height: 40px;
   border-radius: 50%;
   border: 1px solid black;
}

.footer-link-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.footer-link-container > div {
   width: 100%;
}

.header-nav-section,
.slideshow-section {
   padding: 0; 
}

.nav-btn-m div {
   position: absolute;
   top: 0;
   left: 35px;
   -webkit-transform: translate(0px, -4px);
   -ms-transform: translate(0px, -4px);
   transform: translate(0px, -4px);
}

.nav-btn-m.menu-active div {
   -webkit-transform: translate(0px, -11px);
   -ms-transform: translate(0px, -11px);
   transform: translate(0px, -11px);
}

.close-btn,
.menu-btn {
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.close-btn {
   z-index: -1;
   opacity: 0;
}

.nav-btn-m div span {
   color: #fff;
   font-family: "Montserrat", sans-serif;
   font-weight: 400;
}

aside#loader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 999;
   background-color: #000;
   -webkit-transition: 1.5s;
   -o-transition: 1.5s;
   transition: 1.5s;
}

.line {
   width: 25px;
   height: 2px;
   position: relative;
   display: block;
   background-color: #fff;
   margin-bottom: 6px;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.nav-btn-m.menu-active .line:nth-child(1) {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.nav-btn-m.menu-active .line:nth-child(2) {
   opacity: 0;
}

.nav-btn-m.menu-active .line:nth-child(3) {
   -webkit-transform: translateY(-15.5px) rotate(-45deg);
   -ms-transform: translateY(-15.5px) rotate(-45deg);
   transform: translateY(-15.5px) rotate(-45deg);
}

.nav-btn-m.menu-active {
   margin-top: 7px;
}

.nav-btn-m {
   cursor: pointer;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   position: relative;
}
.lr-container {
   -webkit-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   height: 100%;
   width: 100%;
   background-color: #00000075;
   z-index: 700;
}

.lr-subcontainer {
   width: 500px;
   max-width: calc(100% - 30px);
   min-height: -webkit-fit-content;
   min-height: -moz-fit-content;
   min-height: fit-content;
   height: auto;
   border-radius: 4px;
   background-color: #fff;
   position: relative;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.switch-btn {
   font-family: "Montserrat", sans-serif;
   font-weight: 400;
   display: block;
}

.m_img{
   width:33%;
}

.lr-cancel-btn {
   width: 25px;
   height: 2px;
   position: relative;
   display: block;
   background-color: #000;
   margin-bottom: 6px;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.lr-cancel-btn:nth-child(1) {
   -webkit-transform: translateY(1.5px) rotate(45deg);
   -ms-transform: translateY(1.5px) rotate(45deg);
   transform: translateY(1.5px) rotate(45deg);
}

.lr-cancel-btn:nth-child(2) {
   -webkit-transform: translateY(-7px) rotate(-45deg);
   -ms-transform: translateY(-7px) rotate(-45deg);
   transform: translateY(-7px) rotate(-45deg);
}

.lr-form-container {
   padding: 20px 0;
}

.lr {
   padding: 0 30px;
}

.lr-form-container-t {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 0 30px 10px;
   border-bottom: 1px solid #adb2b8;
}

.lr-form-container-m {
   padding: 10px 30px 20px;
}

.lr-title {
   font-family: "Montserrat", sans-serif;
   font-weight: 500;
   font-size: 18px;
}

.lr-form-container-b {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.lr-form-container-m input {
   width: 100%;
   display: block;
   border: 1px solid #adb2b8;
   padding: 2px 10px;
   font-family: "Montserrat", sans-serif;
   font-weight: 400;
}

.lr-input-title {
   margin-bottom: 2px;
   margin-top: 10px;
   font-family: "Montserrat", sans-serif;
   font-weight: 400;
}

.lr-form-container-t {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.lr-cancel-container {
   cursor: pointer;
}

.opacity-0 {
   opacity: 0 !important;
}

.lr-container.opacity-0 {
   z-index: -1;
}

.switch-btn:hover {
   color: #007bff;
}

.lr-cancel-container:hover .lr-cancel-btn {
   opacity: 0.6;
}

.btn-primary {
   background-color: #fb7d19 !important;
   border-color: none;
}

#scroll-top-btn {
   display: none;
   position: fixed;
   bottom: 30px;
   right: 50px;
   z-index: 1019;
   font-size: 18px;
   border: none;
   outline: none;
   background-color: #ecb489;
   color: white;
   cursor: pointer;
   border-radius: 50%;
   height: 50px;
   width: 50px;
}

#whatsapp-icon {
   display: block;
   bottom: 90px;
   right: 50px;
   z-index: 9999;
   font-size: 18px;
   border: none;
   outline: none;
   color: white;
   object-fit: cover;
   cursor: pointer;
   border-radius: 50%;
   height: 60px;
   width: 60px;
}

#whatsapp-btn {
   display: block;
   position: fixed;
   bottom: 90px;
   right: 50px;
   z-index: 9999;
   font-size: 18px;
   border: none;
   outline: none;
   color: white;
   cursor: pointer;
   border-radius: 50%;
   height: 60px;
   width: 60px;
}

.big-cate-bg-m img {
   width: 100%;
}

.footer-iframe-container iframe {
   width: 500px;
   height: 200px;
   max-width: 100%;
}

.dark-bg-pink {
   background-color: #ecd4d4;
}

.content-section:nth-last-of-type(1) {
   padding-bottom: 20px;
}

.cate-item {
   margin-bottom: 30px;
   position: relative;
}

.cate{
   margin-left:-10px;
    /*display: flex;
   flex-wrap: wrap; */
/*   justify-content: space-between;*/
}

.cate-section .col-12:nth-last-of-type(1) .cate-item {
   margin-bottom: unset;
}

.cate-item .cate-box {
   position: absolute;
   /* top: 70%;
   left: 0.6rem; */
   text-align: center;
   padding-top: 0.75rem;
   width: 100%;
}

.cate-box-box{
   padding: 0;
   padding-bottom: 140px;
   padding-left: 10px;
   float: left;
   width:25%;
}

.cate-btn.high {
   height: 50px;
}

.cate-btn.long {
   width: 200px;
   max-width: 100%;
   height: 50px;
}

.content-section {
   padding-top: 30px;
}

.p_d{
   margin-top:100px;
}

.half_column {
   width: 50%;
}
.f_left {
   float: left;
}

.button_type_6 {
   padding: 2px 10px;
   height: 40px;
   min-width: 40px;
}

.m_left_5 {
   margin-left: 5px;
}

.m_right_5 {
   margin-right: 5px;
}
.t_align_c, .clients.brands .owl-controls {
   text-align: center;
}
.relative, .tooltip_container {
   position: relative;
   z-index: 1;
}
.d_block {
   display: block;
}
.f_right {
   float: right;
}

.t_align_l, .fp_item:hover, .fp_item:hover .fp_price {
   text-align: left;
}

.box-title {
   font-family: "Montserrat", sans-serif;
   font-weight: 600;
   font-size: 40px;
   margin-bottom: 1rem;
}

.box-description {
   font-family: "Montserrat", sans-serif;
   font-weight: 500;
   font-size: 16px;
   line-height: 1.8;
}

.bundle-section {
   background-color: #ecd4d4;
}

.cate-btn.pink:hover,
.cate-btn.soft-pink:hover {
   color: #fff;
}

.testimonial-section{
   background-color: #fef4f3;
}
.testimonial-bg {
   background-image: url("/image/testimonial4.jpg");
   background-position: bottom;
   background-repeat: no-repeat;
   position: absolute;
   background-size: cover;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border-top-left-radius: 100px;
   border-top-right-radius: 100px;
   background-attachment: fixed;
}
.testimonial-bg-color{
   background: linear-gradient(to bottom, rgba(255, 0, 0, 0.0) 60%, rgba(255, 0, 0, 0.0), rgba(236 212 212), rgba(236 212 212) 40%);
   position: absolute;
   background-size: cover;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
}

.section {
   position: relative;
}

.star-items i {
   color: #d6357e;
}

.testi-active .owl-item {
   padding: 0 12px;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
}

.testi-active .single-control-wrap.fix {
   background-color: #fff;
   padding: 30px 20px;
   border-radius: 10px;
   position: relative;
   min-height: 350px;
}

.testi-active .owl-stage {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.star-box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   justify-content: center;
}

.star-box > .star-items {
   margin-left: 7px;
}

.star-box > .star-items:nth-of-type(1) {
   margin-left: unset;
}

.testi-content {
   margin-top: 10px;
   margin-bottom: 50px;
}

.testi-content * {
   font-weight: 500;
   font-size: 14px;
   color: black;
}

.testi-user {
   position: absolute;
   bottom: 30px;
   color: black;
   font-size: 12px;
}

/*.testi-user h6 {
   font-weight: 700;
   margin-bottom: 2px;
   font-size: 16px;
}

.testi-user p {
   margin-bottom: unset;
   font-weight: 400;
   font-size: 16px;
}*/

.testi-active {
   margin-top: 1.5rem;
}

.slick-prev.slick-arrow,
.slick-next.slick-arrow {
   border: none;
   outline: none !important;
   background-color: #ba4574;
   border-radius: 50%;
   height: 48px;
   width: 48px;
   cursor: pointer;
   color: white;
}

.bundle-bg {
   background-color: #ecd4d4;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin-top: -12rem;
}

.extra-page-section .content-header{
   text-align: center;
}

.content-header-top{
   padding: 12rem 0 8rem;
}

.big-title {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
.big-title2 {
   display: inline-flex;
}

.big-title h1 {
   font-family: 'Acta Display Book';
   font-weight: 400;
   font-size: 80px;
   color: #f0912a;
   margin-bottom: unset;
   line-height: 1;
}

.big-title2 h1 {
   font-family: 'Acta Display Book';
   font-weight: 400;
   font-size: 80px;
   color: #f0912a;
   margin-bottom: unset;
   line-height: 1;
}

.big-title img {
   max-width: 60px;
   margin-bottom: 10px;
   margin-left: 15px;
}

.content-header h5 {
   font-weight: 600;
   margin-bottom: 1.8rem;
}

.content-p,
.content-footer p {
   font-weight: 500;
   margin-bottom: unset;
}

.footer-section {
   background-color: #fb7d19;
}

.footer-logo-image{
   width: 100px;
   float: right;
}

/* {
   position: relative;
} */

.contact-bg {

   position: absolute;
   top: 32px;
   left: 0;
   right: 0;
   bottom: 0;
}
.header-nav-mm-c{
   padding-left: 0;
}

.contact-bg img {
   height: 100%;
   width: 100%;
}

.extra-page-section {
   padding: 12rem 0 8rem;
}

.contact-section .content-footer h5, .media-section .content-footer h5 {
   margin-bottom: unset;
   font-size: 18px;
}

.contact-section .content-footer a, .media-section .content-footer a {
   color: #fb7d19;
   font-weight: 500;
}

.content-main, .content-footer{
   margin-top: 5%;
}

.contact-section .content-main{
   border-top-left-radius: 50px;
   border-bottom-right-radius: 50px;
   padding-left: 5rem;
   padding-right: 5rem;
}

.content-main.bg{
   padding-top: 4rem;
   padding-bottom: 4rem;
}

.contact-map {
   padding-right: 15px;
}

.contact-map iframe {
   border: 0;
   width: 100%;
   height: 380px;
}

.contact-details h6 {
   font-weight: 600;
}

.contact-details p {
   font-weight: 500;
}

.contact-media {
   margin-top: 4.5rem;
}

.contact-section .content-footer, .media-section .content-footer {
   text-align: center;
   padding: 0px 15rem;
   margin: 4rem 0 0;
}

.img-box-height{
   height: 260px;
}

.img-box2 img {
   height: 360px;
   width: auto !important;
}

.img-box img {
   width: 100%;
}

.info{
   display: flex;
   margin-left: 100px;
   margin-right: 100px;
   padding-bottom: 50px;
   /* padding-top: 50px; */
   justify-content: space-evenly;
   align-items: center;
}

.info img{
   width:315px;
   height: 465px;
}

.info h2{
   color: #f0912a;
   font-family: 'Acta Display Book';
   font-size: 30px;
   text-align: center;
}

.info p{
   color: black;
   font-size: 15px;
   text-align: center;
}

.bundle-section .box-description {
   padding-right: 9rem;
}

.footer-copyright a {
   color: #fff;
   font-weight: 500;
}

.cate-section .input_submit{
   border-radius: 50px;
   border: 2px solid #fb7d19;
   background-color: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height: -webkit-fit-content;
   height: -moz-fit-content;
}

.purchase-section .input_submit.soft-pink {
   border-color: #f6999b;
}

.cate-btn.cart-btn {
   width: 85px;
   padding: 0;
   margin-right: -2px;
}

.purchase-section .cate-btn.cart-btn {
   width: 110px;
}

.form_product {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.cate-section .cate-btn.black {
   border: 2px solid #000 !important;
   height: 45px;
}

.about-video {
   position: relative;
}

.video-btn {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.video-btn a {
   color: #d83c87;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 60px;
   height: 60px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: #fff;
   border-radius: 50%;
   margin: auto;
}

.video-btn a:hover {
   color: #fff;
   opacity: 1;
   background-color: #d83c87;
}

.video-btn a * {
   margin-left: 2px;
   -webkit-transition: 0s;
   -o-transition: 0s;
   transition: 0s;
}

.video-btn p, .content-header .video-btn p, 
.content-.video-btn p, .content-footer .video-btn p {
   margin-bottom: unset;
   background-color: #fff;
   font-weight: 600;
   margin-top: 1rem;
   border-radius: 50px;
   font-size: 12px;
   padding: 5px 10px;
}

.center-title h3 {
   text-align: center;
   margin-bottom: 2rem;
   color: #f0912a;
   font-family: 'Acta Display Book' !important;
   font-size: 30px;
}

/* .center-title * {
   font-weight: 600;
   font-size: 32px;
} */

.brandnew-box {
   /* margin-bottom: 130px; */
   border: 1px solid white;
}

.brandnew-box > div:hover{
   border: 0.5px solid #fff;
   transform: scale(1.02);
}

.brandnew-box * {
   color: #fff;
}

.brandnew-item {
   padding: 40px 10px;
   text-align: center;
   background-color: #f0912a;
}

.brandnew-box img {
   height: 50px;
   margin-bottom: 1.5rem;
}

.brandnew-box p {
   margin-bottom: unset;
}

.brandnew-box span {
   font-size: 12px;
   font-weight: 300;
}

.vmc-item {
   position: relative;
   height: 100%;
   min-height: -webkit-fit-content;
   min-height: -moz-fit-content;
   min-height: fit-content;
   display: -ms-grid;
   display: grid;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
}

.vmc-item.small {
   height: 300px;
   min-height: calc(50% - 0.75rem);
}

.vmc-item h3 {
   color: #f0912a;
   font-family: 'Acta Display Book' !important;
   font-size: 30px;
   line-height: 1;
   margin-bottom: 0.5rem;
   padding-left: 0.5rem;
}

.box{
   background-color: bisque;
   padding:15px;
}

.about-icon{
   color: #f0912a;
   font-size: 70px;
}

.about-detail{
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   width: 16%;
}

.about-box{
   display: flex;
   padding-top:10px;
   flex-wrap: wrap;
}

.about{
   padding-left:10px;
}

.vmc-item h4 {
   font-size: 20px;
}

.vmc-text {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
}

.vmc-text p {
   font-size: 15px;
   margin-bottom: unset;
   text-align: center;
}

.vmc-item * {
   position: relative;
   z-index: 1;
   padding-top: 5px;
}

.vmc-item .vmc-bg {
   position: absolute;
   right: 0%;
   padding-right: 10%;
   z-index: 1;
   top: 3rem;
   text-align: right;
   width: 30%;
}

.vmc-main-bg {
   position: absolute;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
   border-bottom-left-radius: 25px;
   border-bottom-right-radius: 25px;
}

.vmc-item.small .vmc-main-bg{
   border-top-left-radius: 60px;
   border-bottom-left-radius: unset;
   border-bottom-right-radius: unset;
}

.vmc-bg img {
   width: 150px;
   max-width: 100%;
}

.vmc-img img {
   width: 75px;
}

.vmc-item .vmc-total-details {
   position: relative;
   top: 0%;
   left: 50%;
   -webkit-transform: translate(-50%, 0%);
       -ms-transform: translate(-50%, 0%);
           transform: translate(-50%, 0%);
   width: 62%;
}

.vmc-details {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
}

.vmc-item.small .vmc-total-details {
   width: 100%;
}

.vmc-item .vmc-total-details .vmc-details {
   margin-bottom: 0.75rem;
}

.vmc-item .vmc-total-details .vmc-details:nth-last-of-type(1) {
   margin-bottom: unset;
}

.content-section-bottom {
   padding-top: 40px;
}

.main-menu ul.main-ul > li {
   display: inline-block;
   position: relative;
   vertical-align: text-bottom;
}

.main-menu ul.main-ul > li:first-child,
.third-main-header .main-menu ul.main-ul > li:first-child {
   margin-left: 0;
}

.main-menu ul.main-ul {
   padding: 0;
   margin: 0;
}

.main-menu ul.main-ul > li > a {
   color: #000;
   padding: 15px 15px;
   font-family: "Montserrat", sans-serif;
   font-weight: 300;
   margin: 0 3px;
   text-transform: uppercase;
}

.main-menu ul.main-ul > li.active > a,
.main-menu ul.main-ul > li:hover > a {
   /* background-color: #fb7d19; */
   color: #fff;
   /* border-radius: 50px; */
   /* opacity: 1; */
   text-decoration: underline;
}

.main-menu .dropdown-menu {
   position: absolute;
   left: 80%;
   -webkit-transform: translateX(-50%);
       -ms-transform: translateX(-50%);
           transform: translateX(-50%);
   top: -50%;
   background: #fff;
   z-index: 1;
   -webkit-box-shadow: 0 30px 70px 0 rgba(137, 139, 142, 0.15);
   box-shadow: 0 30px 70px 0 rgba(137, 139, 142, 0.15);
   display: block;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   opacity: 0;
   visibility: hidden;
   padding: 10px 30px;
   margin-top: 3rem;
   list-style: none;
   text-align: center;
}

.main-menu ul.main-ul > li:hover > .dropdown-menu {
   opacity: 1;
   visibility: visible;
   top: -50%;
}

.main-menu .dropdown-menu a li {
   padding: 10px 10px 10px 30px;
}

.mean-container .mean-nav ul li ul a{
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    /* opacity: 0.75; */
    opacity: 1;
    /* padding: 10px 10%; */
    padding: 5px 0;
    text-shadow: none;
    visibility: visible;
    width: 100%;
    border-bottom: unset;
}

.mean-container .mean-nav ul a i{
   color: #fb7d19 !important;
   font-size:20px;
}

/*.main-menu .dropdown-menu a > li:nth-last-of-type(1) {
   border: none;
}*/

.main-menu .dropdown-menu li.active:before {
   content: "";
   width: 8px;
   height: 8px;
   display: inline-block;
   background-color: white;
   margin-right: 1rem;
}

.main-menu .dropdown-menu a {
   font-weight: 500;
   color: #000;
   font-size: 14px;
}

.main-menu .dropdown-menu a li.active,
.main-menu .dropdown-menu a:hover {
   color: #fb7d19;
   opacity: 1;
}

.main-menu .dropdown-menu:before {
   content: "";
   height: 0;
   width: 0;
   border-left: 12px solid transparent;
   border-right: 12px solid transparent;
   border-bottom: 16px solid #fff;
   display: block;
   position: absolute;
   top: 11px;
   left: 20%;
   -webkit-transform: translate(-50%, -26px);
       -ms-transform: translate(-50%, -26px);
           transform: translate(-50%, -26px);
}

.register-btn {
   padding-right: 0;
}

.h-0 {
   height: 0px !important;
}

.menu-line {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
}

.menu-line i {
   font-size: 16px;
}

.btn-dots {
   height: 5px;
   width: 5px;
   background-color: #fff;
   border-radius: 50%;
   margin-top: 0.5rem;
   -webkit-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
   -webkit-transform: translateX(20px);
       -ms-transform: translateX(20px);
           transform: translateX(20px);
   opacity: 0;
   display: inline-block;
}

*:hover > .btn-dots{
   opacity: 1;
   transform: translateX(7px);
}

.moxxi-section .protitle-box h5 {
   background-color: #d6347e;
}

.mquen-section .protitle-box h5 {
   background-color: #f6999b;
}

.maszo-section .protitle-box h5 {
   background-color: #f882c9;
}

.protitle-box {
   position: absolute;
   top: 46%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
   text-align: center;
}

.protitle-box img {
   height: 45px;
}

.protitle-box h5 {
   background-color: #d6347e;
   color: #fff;
   font-family: montserrat, sans-serif;
   font-weight: 400;
   margin-top: 1.25rem;
   padding: 0.75rem 3rem;
   border-top-left-radius: 25px;
   border-bottom-right-radius: 15px;
   margin-bottom: 0.75rem;
}

.protitle-box p {
   margin-bottom: unset;
   color: #000;
   font-family: montserrat, sans-serif;
   font-size: 14px;
   font-weight: 500;
}

.moxxi-section .protitle-box p {
   color: #fff;
   font-weight: 300;
}

.moxxi-pdf-bg,
.mquen-pdf-bg,
.mtos-pdf-bg,
.moxxi-purchase-bg,
.mquen-purchase-bg,
.mtos-purchase-bg {
   position: absolute;
   top: -1px;
   left: 0;
   right: 0;
   bottom: 0;
   background-size: cover;
   background-position: bottom right;
}

.moxxi-pdf-bg {
   background-image: url("../Img/moxxi_content_bg.png");
}

.mquen-pdf-bg {
   background-image: url("../Img/mquen_content_bg5.png");
}

.mtos-pdf-bg {
   background-image: url("../Img/mtos_content_bg2.png");
}

.moxxi-purchase-bg{
   background-image: url("../Img/moxxi_purchase_bg.png");
}

.mquen-purchase-bg{
   background-image: url("../Img/mquen_purchase_bg.png");
}

.mtos-purchase-bg{
   background-image: url("../Img/mtos_purchase_bg.png");
}

.moxxi-section.propdf-section {
   background-color: #ecd4d4;
}

.propdf-box h3,
.propdf-box h3 span {
   font-weight: 700;
   font-size: 38px;
   margin-bottom: unset;
}

.purchase-box h3,
.purchase-box h3 span {
   font-weight: 700;
   margin-bottom: unset;
   font-size: 45px;
}

.moxxi-section .propdf-box h3 span,
.moxxi-section .purchase-box h3 span {
   color: #d7367f;
}

.propdf-box h5,
.purchase-box .purchase-price {
   font-weight: 600;
}

.purchase-box .purchase-price {
   font-weight: 600;
   font-size: 25px;
   margin-top: 0;
   margin-bottom: 0;
}

.propdf-box p,
.purchase-box p {
   font-weight: 500;
   color: #000;
   margin-top: 1.5rem;
}

.purchase-box p {
   font-size: 16px;
   margin-top: 0;
}

.pdf-icon {
   width: 20px;
   margin-right: 3px;
}

.patent-box {
   padding: 4rem;
   background-color: #1c1c1c;
   border-top-left-radius: 40px;
   border-bottom-right-radius: 20px;
}

.moxxi_content_center_bg {
   background-image: url("../Img/moxxi_content_bg2.jpg");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
}

.cate-section.content-section {
   padding-bottom: 60px;
   margin-top: 0;
   padding-top: 20px;
}

.cate-btn.soft-pink {
   background-color: #f6999b;
}

.light-bg-pink {
   background-color: #fbf3f0;
}

.light-bg-yellow {
   background-color: #f6f2e9;
}

.propdf-box h3 span.big,
.purchase-box h3 span.big {
   font-size: 54px;
}

.mquen-section .propdf-box h3 span,
.mquen-section .purchase-box h3 span {
   color: #f6999b;
}

.mtos-section .propdf-box h3 span,
.mtos-section .purchase-box h3 span {
   color: #ffce00;
}

.product-img-details img {
   width: 900px;
   max-width: 100%;
}

.product-img-details {
   text-align: center;
}

.img-purchase {
   text-align: left;
}

.img-purchase img {
   height: 460px;
}

.purchase-section {
   padding-top: 60px;
}

.header-prodetails h5 a {
   border-radius: 25px;
   color: #fff;
   background-color: #d6347e;
   padding: 10px 20px;
   border: 2px solid #d6347e;
   text-decoration: unset;
   display: block;
   font-weight: 500;
   font-size: 16px;
   margin-bottom: 1rem;
}

.prodetails-section .header-prodetails h5 a.collapsed,
.mquen-section .header-prodetails h5 a.collapsed {
   color: #000;
   background-color: transparent;
}

.header-prodetails h5 a:hover, .header-prodetails h5 a.collapsed:hover{
   color: #fff;
   background-color: #d6347e;
   border: 2px solid #d6347e;
   text-decoration: unset;
   opacity: 1;
}

.header-prodetails-box {
   text-align: center;
   margin: 1rem 0 0;
}

.header-prodetails-box .header-prodetails {
   margin-right: 5px;
   display: inline-block;
}

.header-prodetails-box .header-prodetails:nth-last-of-type(1) {
   margin-right: unset;
}

.btn-link.focus,
.btn-link:focus {
   text-decoration: unset;
}

.header-prodetails h5 a:focus {
   border-color: #d6347e;
}

.prodetails-section {
   background-color: #fceeeb;
}

.mquen-section .header-prodetails h5 a,
.mquen-section .header-prodetails h5 a:hover, .mquen-section .header-prodetails h5 a.collapsed:hover {
   background-color: #f6999b;
   border-color: #f6999b;
   color: #fff;
}

.mtos-section .header-prodetails h5 a,
.mtos-section .header-prodetails h5 a:hover, .mtos-section .header-prodetails h5 a.collapsed:hover {
   background-color: #ffce00;
   border-color: #ffce00;
   color: #000;
}

.mquen-section .header-prodetails h5 a:focus {
   border-color: #f6999b;
}

.mtos-section .header-prodetails h5 a:focus {
   border-color: #ffce00;
}

.mquen-section.prodetails-section {
   background-color: #fbf3f0;
}

.product-details-title {
   text-align: center;
   margin-bottom: 3rem;
}

.product-details-title h3,
.product-details-title h3 span {
   color: #000;
   font-weight: 600;
}

.mquen-section .product-details-title h3 span {
   color: #f6999b;
   font-weight: 700;
   display: block;
   font-size: 36px;
}

.mtos-section .protitle-box h5 {
   background-color: #ffce00;
   color: #000;
   font-weight: 500;
}

.mtos-section .protitle-box img {
   height: 40px;
}

.cate-btn.yellow {
   background-color: #ffce00;
   color: #000;
}

.purchase-section .input_submit.yellow {
   border-color: #ffce00;
}

.mtos-section.prodetails-section {
   background-color: #f6f2e9;
}

.product-details-title-big {
   text-align: center;
}

.product-details-title-big h3 {
   font-weight: 700;
   font-size: 66px;
   margin-bottom: unset;
   line-height: 1;
}

.gac-stick-image {
   margin-top: -3.4%;
   width: 85%;
}

.gac-text-image {
   max-width: 100%;
}

.mtos-section .product-details-title h3 span {
   color: #ffce00;
   font-size: 45px;
}

.product-details-title h3 span {
   font-weight: 700;
}

.moxxi-benefits-section .big-product-details-title{
   position: absolute;
    right: 0%;
    z-index: 1;
    top: -12%;
}

.mtos-benefits-section .big-product-details-title {
   position: absolute;
   right: 0%;
   z-index: 1;
   top: -12%;
}

.mquen-benefits-section .big-product-details-title {
   position: relative;
   z-index: 1;
   top: 1rem;
   left: 1%;
   text-align: left;
}

.big-product-details-title h3,
.big-product-details-title h3 span {
   font-weight: 700;
   margin-bottom: unset;
   font-size: 33px;
   color: #000;
}

.big-product-details-title h3 span {
   font-size: 62px;
}

.mtos-section .big-product-details-title h3 span{
   color: #ffce00;
}

.moxxi-section .big-product-details-title h3 span{
   color: #fb7d19;
}

.mquen-section .big-product-details-title h3 span{
   color: #f6999b;
}

.big-product-details-title {
   text-align: center;
}

.mtos-weight-sticky-bg {
   position: absolute;
   bottom: 0;
   left: 0;
   -webkit-animation-name: rotate_360;
           animation-name: rotate_360;
   -webkit-animation-duration: 30s;
           animation-duration: 30s;
   -webkit-animation-timing-function: linear;
           animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;
           animation-iteration-count: infinite;
}

@-webkit-keyframes rotate_360 {
   from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
   }
   to {
      -webkit-transform: rotate(-359deg);
              transform: rotate(-359deg);
   }
}

@keyframes rotate_360 {
   from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
   }
   to {
      -webkit-transform: rotate(-359deg);
              transform: rotate(-359deg);
   }
}

.mtos-weight-items .small-icon {
   width: 48%;
   margin-bottom: 1rem;
}

.mtos-weight-items p {
   font-weight: 500;
   font-size: 14px;
   margin-bottom: unset;
}

.mtos-benefits-sticky-bg, .moxxi-benefits-sticky-bg, .mquen-benefits-sticky-bg {
   position: absolute;
   top: 0;
   left: 0;
}

.maszo-sticky-bg{
   position: absolute;
   top: 0;
   left: 0;
}

.mtos-weight-items p span {
   font-weight: bold;
   font-style: italic;
   display: block;
   margin-top: 0.75rem;
}

.mtos-weight-items .big-icon {
   width: 75%;
   margin-bottom: 1rem;
}

.item-prodetails-body {
   padding-top: 2rem;
}

.product-header-bg{
   overflow: hidden;
}

img.mquen-ingre-sticky-bg{
   position: absolute;
   z-index: 1;
   width: 160px;
   right: 0;
   top: 0;
   max-width: 35%;
}

img.mquen-ingre-sticky-bg.left {
   top: 0;
   -webkit-transform: translate(14%, -16%);
       -ms-transform: translate(14%, -16%);
           transform: translate(14%, -16%);
}

img.mquen-ingre-sticky-bg.right {
   bottom: 0;
   top: unset;
   -webkit-transform: translate(7%, 19%);
       -ms-transform: translate(7%, 19%);
           transform: translate(7%, 19%);
}

.ingredient-type {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   -webkit-box-align: stretch;
       -ms-flex-align: stretch;
           align-items: stretch;
}

.ingredient-item {
   text-align: center;
   border: 2px solid #666669;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   margin: 0 0.1% 1rem;
   padding: 0.75rem 1rem;
   border-radius: 50px;
   height: 4.5rem;
   min-height: -webkit-fit-content;
   min-height: -moz-fit-content;
   min-height: fit-content;
   -webkit-box-flex: 0;
       -ms-flex: 0 0 14%;
           flex: 0 0 14%;
   max-width: 14%;
}

.ingredient-type .ingredient-item:nth-child(odd) {
   background-color: #fde6e7;
}

.ingredient-type .ingredient-item:nth-child(even) {
   background-color: #f6f0f6;
}

.ingredient-item * {
   margin-bottom: unset;
   font-size: 12px;
   color: #000;
   font-weight: 500;
}

.mtos-weight-items h5 {
   color: #ffce00;
   font-size: 24px;
   margin-right: 0.75rem;
   margin-bottom: unset;
   float: left;
   clear: both;
}

.pro-text-container{
   height: 100%;
}

.bundle-img{
   border-top-left-radius: 60px;
   border-bottom-right-radius: 25px;
}

.paragraph > *, .paragraph > p{
   margin-bottom: 2rem;
}

.paragraph > h6{
   margin-bottom: 0.5rem;
   font-size: 18px;
}

.paragraph > *:nth-last-child(1){
   margin-bottom: unset;
}

.founder-sentences-box {
   background-image: -o-linear-gradient(left,#e48397 0%,#d25a7d 50%,#c84571 100%);
   background-image: -webkit-gradient(linear,left top, right top,from(#e48397),color-stop(50%, #d25a7d),to(#c84571));
   background-image: linear-gradient(90deg,#e48397 0%,#d25a7d 50%,#c84571 100%);
   margin: 5% 0;
   padding: 5% 10% 5% 15%;
   position: relative;
   border-bottom-left-radius: 25px;
   border-top-right-radius: 50px;
}

.founder-sentences-icon {
   width: 225px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
       -ms-transform: translateY(-50%);
           transform: translateY(-50%);
   max-width: 35%;
}

.founder-sentences-icon img {
   border-radius: 50%;
}

.founder-sentences-text {
   position: relative;
   margin-left: min(250px, 50%);
}

.founder-sentences-text * {
   color: #fff;
   margin-bottom: unset;
   line-height: initial;
}

.founder-content{
   width:70%
}
.founder-image-box{
   width:30%
}
.founder-image{
   width:80%
}

.founder-box{
   padding-top:30px
}

.set-padding{
   padding-left:80px;
   vertical-align: text-bottom;
}
.set-padding2{
   padding-left:20px;
   vertical-align: text-bottom;

}



.certtitle-section .protitle-box{
   top: unset;
   bottom: min(9rem, 50%);
   -webkit-transform: translate(-50%, 0);
       -ms-transform: translate(-50%, 0);
           transform: translate(-50%, 0);
}

.cert-section{
   padding-bottom: 52px;
}

.cert-section .row{
   margin-top: -7rem;
}

.content-item{
   height: 100%;
   margin-bottom: 1.5rem;
}

.content-item a:hover{
   opacity: 1;
}

.content-item-img img{
   -webkit-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
}

.content-item a:hover .content-item-img img{
   -webkit-transform: scale(1.1);
       -ms-transform: scale(1.1);
           transform: scale(1.1);
}

.content-item-img{
   border-top-left-radius: 60px;
   border-bottom-right-radius: 25px;
   overflow: hidden;
   isolation: isolate;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #faeaea;
   border: 1px solid grey;
}

.content-item-img.border-black{
   border: 2px solid #1d1d1d;
}

.content-item-name{
   margin-top: 1rem;
   margin-bottom: 3rem;
}

.content-item-name *{
   line-height: 1.25;
   color: #000;
}

.content-item-name p{
   margin-bottom: 0.5rem;
   font-size: 14px;
   font-style: italic;
   font-weight: 500;
}

.content-item-name h6{
   margin-bottom: unset;
   font-weight: 600;
}

.certtitle-section .product-header-bg{
   border-top-left-radius: 4rem;
   border-top-right-radius: 4rem;
   overflow: hidden;
}

.certtitle-section:nth-of-type(1) .product-header-bg{
   border-radius: 0;
}

.certtitle-section .product-header-bg img{
   height: 360px;
   -o-object-fit: cover;
      object-fit: cover;
}

.certtitle-section:nth-of-type(1) .product-header-bg img{
   height: 480px;
}

.content-header h3, .content-header h3 span{
   margin-bottom: 1.8rem;
}

.content-header h3 span{
   color: #fb7d19;
}

.content-header > *:nth-last-child(1) {
   margin-bottom: unset;
}

.fancybox-thumbs__list a:before{
   border: 5px solid #d83c87;
}

.compensate-for-scrollbar{
   margin-right: unset !important;
}

.pagination-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pagination-box a {
  display: block;
  width: 32px;
  max-width: 100%;
}

.pagination-box img {
  width: 100%;
}

.pagination-box span {
  color: #bb4575;
  font-weight: 600;
  font-size: 16px;
  margin: 0 2.5rem;
}

.video-bg img {
   min-height: 250px;
   -o-object-fit: cover;
      object-fit: cover;
   max-height: 450px;
}

.vmc-details .vmc-text > *:nth-last-child(1) {
   margin-bottom: unset;
}

img.h-lg-auto{
   height: 450px;
   -o-object-fit: cover;
      object-fit: cover;
}

.founder-name{
   margin-top: 0.25rem;
}

.footer-about-container .footer-logo {
  margin-bottom: 0.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -5px;
}

.footer-logo span {
  color: #000;
  font-weight: 600;
  margin-left: 1rem;
  font-size: 32px;
  line-height: initial;
}

.footer-logo img {
  width: 28px;
  max-width: 50%;
}

.footer-about-container p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: unset;
}

.footer-link-container > div > *:nth-last-child(1){
   margin-bottom: unset;
}

.parallex-bg-up{
   -webkit-animation: moveUpDown 7s ease-in-out infinite;
           animation: moveUpDown 7s ease-in-out infinite;
}

.parallex-bg-down{
   -webkit-animation: moveDownUp 7s ease-in-out infinite;
           animation: moveDownUp 7s ease-in-out infinite;
}

.parallex-bg-left{
   -webkit-animation: moveLeftRight 4s ease-in-out infinite;
           animation: moveLeftRight 4s ease-in-out infinite;
}

.parallex-bg-scale{
   -webkit-animation: moveScale 3s ease-in-out infinite;
           animation: moveScale 3s ease-in-out infinite;
}
.mobile_brandnew{
   padding-bottom: 10px;
   padding-top: 15px;
}
.button-container {
   display: flex;
   justify-content: center; /* Center the button and link horizontally */
   align-items: center; /* Center items vertically (if needed) */
   position: relative; /* Position context for animations */
   flex-direction: column;
}
.cate-btn.pink.btn.addtocart_button {
   display: inline-flex; /* Ensures content inside is centered */
   align-items: center; /* Center content vertically inside the button */
   justify-content: center; /* Center content horizontally inside the button */
   transition: transform 0.3s ease; /* Smooth movement transition */
   width: 40%;
}
.button-container:hover .cate-btn.pink.btn.addtocart_button {
   transform: translateX(-10px); /* Move the button to the left on hover */

}
.view-cart {
   display: none;
   opacity: 0;
   animation: fadeInFromLeft 1s forwards;
   animation-delay: calc(.1s * var(--i));
   margin-left: 10px; /* Adjust spacing between the button and the link */
   text-decoration: none; /* Optional: Remove underline from the link */
   color:black;
   width:135px;
   padding: 4px;
   border: 1px solid #e65100; /* Set border style, width, and color */
   background-color: transparent;
   border-radius: 25px;
}

.cate-item:hover .view-cart {
   opacity: 1;
    transition: opacity 0.3s ease;
    width: 40%;
    display: inline-block;
}


@keyframes fadeInFromLeft {
   from {
       opacity: 0;
       transform: translateX(-20px); /* Initial position off-screen */
   }
   to {
       opacity: 1;
       transform: translateX(0); /* Final position */
   }
}

@-webkit-keyframes moveUpDown {
   0%, 100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
   }
   50% {
      -webkit-transform: translateY(-30px);
              transform: translateY(-30px);
   }
}

@keyframes moveUpDown {
   0%, 100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
   }
   50% {
      -webkit-transform: translateY(-30px);
              transform: translateY(-30px);
   }
}

@-webkit-keyframes moveDownUp {
   0%, 100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
   }
   50% {
      -webkit-transform: translateY(30px);
              transform: translateY(30px);
   }
}

@keyframes moveDownUp {
   0%, 100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
   }
   50% {
      -webkit-transform: translateY(30px);
              transform: translateY(30px);
   }
}

@-webkit-keyframes moveLeftRight {
   0%, 100% {
      -webkit-transform: translateX(-15px);
              transform: translateX(-15px);
   }
   50% {
      -webkit-transform: translateX(15px);
              transform: translateX(15px);
   }
}

@keyframes moveLeftRight {
   0%, 100% {
      -webkit-transform: translateX(-15px);
              transform: translateX(-15px);
   }
   50% {
      -webkit-transform: translateX(15px);
              transform: translateX(15px);
   }
}

@-webkit-keyframes moveScale {
   0% {
      opacity: 0;
   }
   10%{
      opacity: 0;
      -webkit-transform: scale(1.25);
              transform: scale(1.25);
   }
   30%{
      opacity: 1;
   }
   100% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
   }
}

@keyframes moveScale {
   0% {
      opacity: 0;
   }
   10%{
      opacity: 0;
      -webkit-transform: scale(1.25);
              transform: scale(1.25);
   }
   30%{
      opacity: 1;
   }
   100% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
   }
}



.parallex-bg-rotate{
   -webkit-animation: moveRotate 2.5s linear infinite;
           animation: moveRotate 2.5s linear infinite;
}

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


.mean-container .mean-nav > ul > li{
   width: calc(100% - 160px);
   padding: 0 80px;
}

.mean-container .mean-nav{
   width: calc(100% + 139.5px);
   margin-left: -69.75px;
}

.mean-container .mean-nav ul li a.mean-expand{
   padding: 8px 75px 8px 12px;
}

.mean-container .mean-nav .dropdown-menu .mobile-dropdown-item{
   padding-left: 25px;
   color: #fb7d19 !important;
   font-family: montserrat, sans-serif;
}

.header-nav-mm.active{
   border-bottom-right-radius: 0 !important;
}

.purchase-box .input_submit input, .purchase-box .input_submit button.cate-btn {
   display: block;
}

.increaseValueBtn, .decreaseValueBtn {
   position: absolute;
   border: none;
   border-radius: 50%;
   color: #fff;
   background-color: #fb7d19;
   font-size: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 16px;
   width: 16px;
   left: min(200px, 85%);
   outline: none !important;
}

.increaseValueBtn {
   top: 12%;
}

.decreaseValueBtn {
   bottom: 12%;
}

.background-image{
   object-fit: cover;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
}

.extra-light-bg-pink{
   background-color: #fef6f6;
}

.purchase-star-box {
   margin-left: 2.5rem;
}

.purchase-star-box .purchase-star-item{
   color: #fb7d19;
}

.purchase-star-box .purchase-total-review{
   font-weight: 500;
   font-size: 12px;
   margin-left: 0.25rem;
}

.purchase-price-review-box{
   display: flex;
   align-items: center;
   margin-top: 2rem;
}

.purchase-quantity-title{
   margin-bottom: 1.5rem;
   font-weight: 600;
}

.prodetails-section .prodetails-box > div{
   margin-top: 5rem;
}

.prodetails-section .prodetails-box > div:nth-of-type(1){
   margin-top: 0;
}

.prodetails-title * {
   color: #d83c87;
   font-weight: 600;
   font-size: 38px;
   width: fit-content;
   margin: auto;
   z-index: 1;
   position: relative;
   background-color: #fceeeb;
   padding: 0 1rem;
}

.prodetails-title::after {
   content: "";
   display: block;
   position: absolute;
   width: 75%;
   height: 1px;
   left: 50%;
   top: 55%;
   transform: translate(-50%, -50%);
   border: 1px dashed #d83c87;
}

.prodetails-title {
   margin-bottom: 2rem;
   position: relative;
}

.mquen-section.purchase-section input.cate-input,
.mquen-section .prodetails-title::after{
   border-color: #f6999b;
}

.mquen-section .prodetails-title *, 
.mquen-section .video-btn a,
.mquen-section .purchase-star-box .purchase-star-item{
   color: #f6999b;
}

.mquen-section .video-btn a:hover, 
.mtos-section .video-btn a:hover{
   color: #fff;
}

.mquen-section .increaseValueBtn, 
.mquen-section .decreaseValueBtn, 
.mquen-section .video-btn a:hover{
   background-color: #f6999b;
}

.mtos-section .purchase-star-box .purchase-star-item, 
.mtos-section .prodetails-title *, 
.mtos-section .video-btn a{
   color: #ffce00;
}

.mtos-section .increaseValueBtn, .mtos-section .decreaseValueBtn, .mtos-section .video-btn a:hover{
   background-color: #ffce00;
}

.mtos-section.purchase-section input.cate-input, 
.mtos-section .prodetails-title::after{
   border-color: #ffce00;
}

.yellow .btn-dots{
   background-color: #000;
}

.shop-link {
   display: block;
}

.shop-section .content-item-name{
   margin-bottom: 1.25rem;
}

.shop-title {
   font-weight: 600;
   font-size: 26px;
   margin-bottom: 0.25rem;
}

.content-item-name .shop-description{
   font-weight: 500;
   font-style: unset;
}

.shop-cart-btn, .cate-btn.shop-cart-btn{
   padding-left: 2.5rem;
   padding-right: 2.5rem;
   margin-bottom: 3rem;
}

a.shop-cart-btn:hover{
   opacity: 0.8;
}

.community-section.extra-page-section{
   padding-top: 9rem;
}

.community-section .contact-bg{
   border-top-left-radius: 50px;
   border-top-right-radius: 50px;
}

a.community-link-btn{
   padding-left: 1.5rem;
   padding-right: 1.5rem;
}

a.community-link-btn i{
   font-size: 18px;
}

.login_banner{
   max-width:800px;
}


/*responsive*/
@media only screen and (min-width: 992px){
   .h-lg-auto{
      height: auto !important;
   }
   .info {
      display: flex;
      padding-bottom: 50px;
      justify-content:space-between;
      align-items: center;
  }
  .mean-container a .menu-line i{
   padding-top:30px;
 }
 .cate-item:hover .view-cart {
   opacity: 1;
    transition: opacity 0.3s ease;
    width: 40%;
    display: inline-block;
}
}

@media only screen and (min-width: 1200px){
   .container.small-container{
      max-width: 1120px;
   }
   .about_image2{
      background: url(../image/about_2.jpeg);
      background-repeat: no-repeat;
      /* background-position: center; */
      background-size: cover;
   }
  
}

@media only screen and (max-width: 1300px) {
   .register-btn {
      padding-right: 7px;
   }
   .about_image2{
      background: url(../image/about_2.jpeg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
   }
}

@media only screen and (max-width: 1200px) {
   .contact-section .content-footer, .media-section .content-footer {
      padding: 0 10rem;
   }
   .extra-page-section {
      padding: 8rem 0 6rem;
   }
   .bundle-section .box-description {
      padding-right: 3rem;
   }
   .cate-section input.cate-input {
      width: 75px;
   }
   .cate-btn.cart-btn {
      width: 75px;
   }
   .small-cate-container-2 {
      width: 100%;
   }
   .small-cate-subcontainer {
      top: 25.5%;
   }
   .cate-logo-mtos {
      margin-top: unset;
   }
   .pro-subcontainer {
      margin-bottom: 30px;
   }
   .pro-container .row > div:nth-last-of-type(1) .pro-subcontainer {
      margin-bottom: unset;
   }
   .big-product-details-title h3, .big-product-details-title h3 span{
      font-size: 24px;
   }
   .big-product-details-title h3 span{
      font-size: 52px;
   }
   .ingredient-item{
      -webkit-box-flex: 0;
          -ms-flex: 0 0 19.8%;
              flex: 0 0 19.8%;
      max-width: 19.8%;
      height: 4rem;
   }
   .ingredient-item *{
      font-size: 12px;
   }
   .product-details-title-big h3{
      font-size: 56px;
   }
   .mtos-weight-items p{
      font-size: 12px;
   }
   .header-nav-mm-r{
      padding-right: 2.8rem;
   }
   .big-title h1{
      font-size: 120px;
   }
   .big-title img{
      max-width: 50px;
   }
   .brandnew-box img{
      height: 40px;
      margin-bottom: 1rem;
   }
   .center-title *{
      font-size: 28px;
   }
   .vmc-item h3{
      font-size: 48px;
   }
   .vmc-item h4{
      font-size: 16px;
   }
   .vmc-text p{
      font-size: 12px;
   }
   .vmc-img img{
      width: 65px;
   }
 
}

@media only screen and (max-width: 1024px) {
   .footer-sub-l,
   .footer-sub-r {
      width: 100%;
   }
   .cate-box-c{
      margin-bottom: 80px;
   }
   .view-cart {
      opacity: 1;
       transition: opacity 0.3s ease;
        width: 40%; 
       display: inline-block;
       margin-top: 10px;
       margin-left: 0;
   }
}

@media only screen and (max-width: 992px) {
   .header-nav-mm {
      padding: 10px 30px;
   }
   .contact-map {
      padding-right: 0;
   }
   .contact-details {
      margin-top: 3rem;
   }
   .contact-section .content-footer, .media-section .content-footer {
      padding: 0;
   }
   /* .cate-btn, .btn-sm, .btn-group-sm > .btn {
   } */
   .cate-box-box{
      width: 33.3333%;
   }
   .cate-item .cate-box {
      text-align: center;
      padding-top: 0.75rem;
   }
   .cate-section input.cate-input {
      width: 80px;
   }
   .cate-btn.cart-btn {
      padding: 8px 0;
      width: 90px;
   }
   .footer-m-sub {
      -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
   }
   .footer-copyright {
      margin-top: 1rem;
   }
   .footer-iframe-container iframe {
      height: 300px;
   }
   .big-cate-bg {
      background-position: center;
   }
   .pro-text-title {
      font-size: 42px;
   }
   .pro-img-container img {
      width: 105px;
   }
   .protitle-box img{
      height: 30px;
   }
   .protitle-box h5{
      font-size: 16px;
   }
   .protitle-box p{
      font-size: 12px;
   }
   .purchase-box h3, .purchase-box h3 span{
      font-size: 40px;
   }
   .purchase-box .purchase-price{
      font-size: 22px;
   }
   .purchase-section .cate-btn.cart-btn{
      width: 100px;
   }
   .cate-btn.high{
      height: 45px;
   }
   .purchase-section input.cate-input{
      height: 45px;
   }
   .propdf-box p{
      margin-top: 0.75rem;
   }
   .purchase-box p{
      margin-top: 0.25rem;
   }
   .header-prodetails h5 a{
      font-size: 14px;
   }
   .protitle-section .img-box img{
      position: relative;
      width: auto;
      height: 480px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
   }
   .patent-box{
      padding: 3rem;
   }
   .product-details-title h3, .product-details-title h3 span{
      font-size: 24px;
   }
   .mquen-section .product-details-title h3 span{
      font-size: 32px;
   }
   .header-nav-mm-l img{
      height: 55px;
      float:left;
   }
   .mean-container a.meanmenu-reveal{
      margin-top: -47px;
   }
   .product-details-title-big h3{
      font-size: 48px;
   }
   .mtos-section .protitle-box img{
      height: 30px;
   }
   .cate-logo{
      border-radius: unset;
   }
   .big-title h1{
      font-size: 90px;
   }
   .big-title img{
      max-width: 40px;
   }
   .center-title *{
      font-size: 24px;
   }
   .vmc-item h3{
      font-size: 48px;
      margin-bottom: 0.5rem;
   }
   .vmc-item h4{
      font-size: 18px;
   }
   .vmc-text p{
      font-size: 14px;
   }
   .vmc-img img{
      width: 75px;
   }
   .vmc-item .vmc-total-details,
   .vmc-item.small .vmc-total-details{
      width: 65%;
   }
   .vmc-item, .vmc-item.small{
      height: auto;
      padding: 3rem 0;
      min-height: unset;
   }
   .vmc-bg img{
      width: 100px;
   }
   .brandnew-box, 
   .vmc-main-bg, 
   .vmc-item.small .vmc-main-bg{
      border-radius: 0;
   }
   .paragraph > *, .paragraph > p{
      margin-bottom: 1.5rem;
   }
   .founder-sentences-box{
      padding: 5% 10%;
   }
   .mean-container .mean-nav{
      width: calc(100% + 59.5px);
      margin-left: -29.75px;
   }
   .mean-container .mean-nav > ul > li{
      width: calc(100% - 80px);
      padding: 0 40px;
   }
   .mean-container .mean-nav ul li a.mean-expand{
      padding-right: 35px;
   }
   .propdf-box h3 span.big, .purchase-box h3 span.big{
      font-size: 42px;
   }
   .propdf-box h3, .propdf-box h3 span{
      font-size: 32px;
   }
   .purchase-star-box{
      margin-left: unset;
      margin-top: 0.25rem;
   }
   .purchase-box .input_submit input, 
   .purchase-box .input_submit button.cate-btn{
      margin-left: auto;
      margin-right: auto;
   }
   .increaseValueBtn, .decreaseValueBtn{
      left: calc(50% + 90px);
      transform: translateX(-50%);
   }
   .purchase-section input.cate-input{
      margin-bottom: 1.5rem;
      text-align: center;
   }
   .cate-box-c{
      margin-bottom: 80px;
   }
   .material-box {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      align-items: center;
   }
   .product-list-box{
      width: 100%;
      padding-right: 20px;
      padding-bottom: 20px;
  }
   .product-image-box{
      width: 100%;
      padding-right:20px;
      padding-left:20px;
   }
   .Become {
      background: url(../image/12_adsery12.jpg);
      height: 100%;
      background-attachment: fixed;
      background-position: bottom;
      background-repeat: no-repeat;
      background-size: 130%;
      /* width: 99%; */
  }
  .info {
   display: flex;
   padding-bottom: 50px;
   align-items: center;
   flex-direction: column;
}
.join-member{
   padding:20px;
}
.benefit{
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
}
.nav-height{
   height:80px;
   width: 101.5%;
}
.HomepageTop-textbox2 div {
   color: #fff;
   font-family: 'Acta Display Book';
   font-size: 40px;
   line-height: 55px;
}
.Exclusive {
   background: url(../image/6-mobile.png);
   padding: 20px 25px;
   border-radius: 25px;
   margin-top: 20px;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}
.Exclusive-icon {
   display: flex;
   padding: 10px 20px;
   flex-wrap: wrap;
   flex-direction: row;
   align-content: center;
   justify-content: center;
   align-items: center;
}
.Exclusive-icon div{
   width:33.33%;
}
.stick_background{
   background: url(../image/5.png);
   height: 330px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
}
.product-img--main {
   position: relative;
   overflow: hidden;
   /* margin-bottom: 30px; */
   width: 100%;
   height: 55vh;
   float: left;
   height: 680px;
}
.pd_width{
   width:100% !important;
}
.d-flex {
   display: flex !important;
   flex-wrap: wrap;
/*   float: left;*/
}
.view-cart {
   opacity: 1;
    transition: opacity 0.3s ease;
    /* width: 40%; */
    display: inline-block;
    margin-top: 10px;
    margin-left: 0;
}
.p_title{
   height:76px;
}
.set-padding {
   padding-left: 40px;
   vertical-align: text-bottom;
}
.HomepageTop-textbox3 {
   height: 500px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin-left: 10%;
   margin-top: -50px;
   text-align: left;
   align-items: flex-start;
   padding-right: 10px
}
}

@media only screen and (max-width: 767px) {
   .header-nav-t {
      background: #f47b20;
   }
   .header-nav-t .margin-t {
      background-color: #f47b20;
      color: white;
      padding: 5px;
      width: 100%;
   }
   .header-nav-t .head-mobile {
      background-color: #ff924d;
      display: flex;
      align-items: center;
      width: 100%;
   }
   .header-nav-t .head-mobile .login-section {
      width: 100%;
      text-align: left;
      padding: 5px 0;
      padding-left: 8px;
   }
   .header-nav-t .head-mobile .language-section {
      width: 100%;
      text-align: right;
      padding: 5px 0;
    }
   .cate-box-box{
      width: 100%;
   }
   .contact-section .content-{
      padding-left: 3rem;
      padding-right: 3rem;
   }
   .content-main.bg{
      padding-top: 3rem;
      padding-bottom: 3rem;
   }
   .big-cate-subcontainer,
   .small-cate-subcontainer {
      top: 20.5%;
   }
   .big-cate-subcontainer,
   .small-cate-subcontainer {
      padding-left: 40px;
   }
   .footer-link-container > div {
      width: 100%;
   }
   .footer-copyright {
      margin-top: 5px;
   }
   .big-cate-container .cate-descr.cate-light {
      color: #fff;
   }
   .d-none-767 {
      display: none !important;
   }
   .big-cate-container {
      position: relative;
      height: auto;
   }
   .big-cate-subcontainer-m {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 20%;
      padding-left: 6%;
   }
   .cate-form {
      margin-top: 0;
   }
   .cate-section input.cate-input {
      font-size: 10px;
      max-width: 110px;
   }
   .cate-btn {
      margin-left: unset;
      padding: 10px 0;
      width: 110px;
   }
   #scroll-top-btn {
      right: 30px;
   }
   #whatsapp-btn{
      right: 30px;
   }
   #whatsapp-icon{
      right: 30px;
   }
   .protitle-box h5{
      padding: 0.75rem 2rem;
   }
   .protitle-box{
      max-width: calc(100% - 30px);
   }
   .patent-box{
      padding: 2rem;
      border-radius: 0px;
   }
   .moxxi-benefits-section .big-product-details-title{
      right: 8%;
   }
   .big-product-details-title h3, .big-product-details-title h3 span{
      font-size: 24px;
   }
   .big-product-details-title h3 span{
      font-size: 42px;
   }
   .moxxi-benefits-section .big-product-details-title, 
   .mtos-benefits-section .big-product-details-title, 
   .mquen-benefits-section .big-product-details-title{
      position: relative;
      top: 0;
      right: unset;
      left: unset;
      margin-bottom: 0.5rem;
      text-align: center;
   }
   .ingredient-item{
      -webkit-box-flex: 0;
          -ms-flex: 0 0 24.8%;
              flex: 0 0 24.8%;
      max-width: 24.8%;
      height: 3.5rem;
   }
   .ingredient-item *{
      font-size: 10px;
   }
   .product-details-title h3, .product-details-title h3 span{
      font-size: 20px;
   }
   .mquen-section .product-details-title h3 span{
      font-size: 26px;
   }
   .purchase-box h3, .purchase-box h3 span{
      font-size: 36px;
   }
   .product-details-title-big h3{
      font-size: 42px;
   }
   .gac-stick-image {
      margin-top: -1.4%;
      width: 32%;
   }
   .mtos-weight-items {
      margin-bottom: unset;
      margin-top: 3rem;
   }
   .mtos-weight-items .small-icon{
      width: 20%;
   }
   .mtos-weight-items .big-icon{
      width: 30%;
   }
   .mtos-weight-items p{
      font-size: 14px;
   }
   .pro-subcontainer{
      height: auto;
   }
   .header-nav-mm{
      border-top-left-radius: 0;
      border-bottom-right-radius: 0;
   }
   .certtitle-section .protitle-box{
      bottom: min(5rem, 30%);
   }
   .certtitle-section:nth-of-type(1) .product-header-bg img{
      height: 360px;
   }
   .cert-section .row{
      margin-top: -3.5rem;
   }
   .certtitle-section .product-header-bg img{
      height: 240px;
   }
   .content-item-img{
      border-top-left-radius: 45px;
      border-bottom-right-radius: 15px;
   }
   .content-header h3{
      font-size: 24px;
   }
   .vmc-item .vmc-total-details, .vmc-item.small .vmc-total-details{
      width: 80%;
   }
   .propdf-box h3 span.big, .purchase-box h3 span.big{
      font-size: 36px;
   }
   .propdf-box h3, .propdf-box h3 span{
      font-size: 28px;
   }
   .purchase-price-review-box{
      display: block;
   }
   .prodetails-title *{
      font-size: 32px;
   }
   .community-section.extra-page-section{
      padding-top: 7rem;
   }

   .head-content{
      display:none;
   }
   .cate-box-c{
      margin-bottom: 80px;
   }
   .cate{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding:30px;
   }
   .info {
      display: flex;
      padding-bottom: 50px;
      align-items: center;
      flex-direction: column;
  }
   .brandnew-box{ 
      margin: 0;
      border: 1px solid white;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      align-items: center;
   }
   .mobile_brandnew{
      width: 100%;
   }
   .about-detail {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      width: 100%;
      padding:20px;
  }
  .about-box {
   display: flex;
   padding-top: 10px;
   flex-direction: column;
   flex-wrap: wrap;
}
.cate-btn.pink {
   background-color: #fb7d19;
   font-size: 11px;
   height: 30px;
   /* width: fit-content; */
}
.join-member{
   padding:20px;
}
.pt-500{
   padding-top: 590px !important;
}
.pt-400{
   padding-top: 630px;
}
.section_HomepageTop {
   background: url(../image/background.jpeg) no-repeat;
   background-size: cover;
   /* height: 700px; */
   /* width: 40%; */
/*   background-position: center;*/
   background-repeat: no-repeat;
   background-size: cover;
   position: absolute;
/*   height: 50%;*/
   background-size: contain;
}
.HomepageTop-textbox-main .small {
    font-family: Metropolis;
    color: #fff;
    font-size: 20px;
}
.HomepageTop-textbox-main{
   height: 0;
    margin-left: 8%;
}
.HomepageTop-textbox-main div {
    color: #fff;
    font-family: 'Acta Display Book';
    font-size: 24px;
    line-height: 35px;
    /* margin-top: 54px; */
}
.Become {
   background: url(../image/12_adsery12.jpg);
   height: 100%;
   /* background-attachment: fixed; */
   background-position: center;
   /* background-repeat: repeat; */
   background-size: 100%;
}
.vmc-details {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   flex-direction: column;
}
.industry{
   text-align: center;
}
.stick_background{
   background: url(../image/5.png);
   height: 250px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
}
.product-img--main {
   position: relative;
   overflow: hidden;
   /* margin-bottom: 30px; */
   width: 100%;
   height: 55vh;
   float: left;
   height: 500px;
}
.p_title{
   height:auto;
}

}

@media only screen and (max-width: 576px) {
   .cate-section .cate-btn {
      height: 30px;
   }
   .register-btn {
      padding-right: 15px;
   }
   .header-nav-mm {
      padding: 10px 20px;
   }
   .mean-container a.meanmenu-reveal {
      margin-top: -43px;
   }
   .header-nav-mm-l img {
      height: 48px;
      float:left;
   }
   .cate-btn,
   .btn-sm,
   .btn-group-sm > .btn {
      height: 40px;
   }
   .cate-item .cate-box {
      text-align: center;
      padding-top: 0.75rem;
   }
   .cate-section input.cate-input {
      height: 40px;
   }
   .cate-section input.cate-input {
      max-width: 60px;
   }
   .cate-btn.cart-btn {
      font-size: 10px;
      padding: 8px 0;
      width: 70px;
   }
   .footer-media-container {
      text-align: center;
   }
   .footer-copyright {
      text-align: center;
   }
   .testimonial-section .box-title,
   .bundle-section .box-title {
      padding: 0 15px;
   }
   .testimonial-section .box-description,
   .bundle-section .box-description {
      padding: 0 15px;
   }
   .big-title h1 {
      font-size: 100px;
   }
   .big-title img {
      max-width: 35px;
   }
   .content-header h5 {
      font-size: 16px;
   }
   .content-header p, .content-p, .content-footer p {
      font-size: 14px;
   }
   .contact-section .content-{
      padding-left: 2.5rem;
      padding-right: 2.5rem;
   }
   .content-main.bg{
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
   }
   .contact-details h6 {
      font-size: 14px;
   }
   .contact-details p {
      font-size: 14px;
   }
   .contact-media {
      margin-top: 2rem;
   }
   .contact-section .content-footer h5, .media-section .content-footer h5 {
      font-size: 16px;
   }
   .testi-active.owl-carousel .owl-nav button.owl-prev {
      left: -7px;
   }
   .testi-active.owl-carousel .owl-nav button.owl-next {
      right: -3px;
   }
   .owl-carousel .owl-nav button.owl-prev i,
   .owl-carousel .owl-nav button.owl-next i {
      font-size: 16px;
   }
   .slick-prev.slick-arrow,
   .slick-next.slick-arrow {
      height: 40px;
      width: 40px;
   }
   .bundle-section .cate-btn.long {
      margin-left: 15px;
   }
   .protitle-box h5{
      padding: 0.75rem 1rem;
   }
   .purchase-box .purchase-price{
      font-size: 18px;
   }
   .mtos-weight-section .product-details-title{
      margin-bottom: 2rem;
   }
   .product-details-title-big h3{
      font-size: 36px;
   }
   .gac-stick-image{
      width: 30%;
   }
   .protitle-section .img-box img.change{
      height: auto;
      width: 100%;
   }
   .testimonial-bg{
      border-top-left-radius: 70px;
      border-top-right-radius: 70px;
   }
   .content-header h3{
      font-size: 20px;
   }
   .video-btn a{
      height: 50px;
      width: 50px;
   }
   .video-btn a *{
      font-size: 14px;
   }
   .center-title *{
      font-size: 20px;
   }
   .brandnew-box p{
      font-size: 14px;
   }
   .vmc-item h4{
      font-size: 16px;
   }
   .vmc-text p{
      font-size: 12px;
   }
   .vmc-item h3{
      font-size: 42px;
   }
   .vmc-img img{
      width: 60px;
   }
   .founder-name{
      font-size: 16px;
   }
   .founder-sentences-box{
      border-top-right-radius: 30px;
      border-bottom-left-radius: 15px;
   }
   .paragraph > h4{
      font-size: 20px;
   }
   .paragraph > h6{
      font-size: 16px;
   }
   .mean-container .mean-nav > ul > li{
      width: calc(100% - 60px);
      padding: 0 30px;
   }
   .mean-container .mean-nav{
      width: calc(100% + 39.5px);
      margin-left: -19.75px;
   }
   .mean-container .mean-nav ul li a.mean-expand{
      padding-right: 25px;
   }
   .purchase-quantity-title{
      font-size: 18px;
      margin-bottom: 1.5rem;
   }
   .community-section .contact-bg{
      border-top-left-radius: 25px;
      border-top-right-radius: 25px;
   }
   .cate-box-c{
      margin-bottom: 80px;
   }
   .mobile_brandnew{
      width: 100%;
   }
   .founder-content{
      width:100%
   }
   .founder-image-box{
      width:100%
   }
   .founder-image{
      width:100%
   }
   .footer-edit{
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
   }
   
   .talking{
      display: flex;
      width: 100% !important;
   }
   .WhatsApptel {
      font-size: 14px;
      padding-top: 10px;
      color: white;
      width: 100%;
      /* float: right; */
      /* text-align: center; */
      margin-left: 20px;
   }
   .footer_top_part h1 {
      color: #fff;
      font-family: 'Acta Display Book';
      font-size: 22px;
      padding-bottom: 10px;
      width: 100%;
  }
  .footer-list{
   width: 100% !important;
  }
  .hour {
   color: white;
   font-size: 13px;
   padding-bottom: 20px;
}
.footer-logo-image{
   width: 100px;
   float: left;
   padding-top: 49px;
   padding-bottom: 20px;
}
.Become {
   background: url(../image/12_adsery12.jpg);
   height: 100%;
   background-attachment: fixed;
   background-position: center;
   background-repeat: repeat;
   background-size: 100%;
}
.stick_background{
   background: url(../image/5.png);
   height: 255px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
}
.view-cart {
   opacity: 1;
    transition: opacity 0.3s ease;
    width: 40%;
    display: inline-block;
}
.set-padding {
   padding-left: 30px;
   vertical-align: text-bottom;
}
.pt-500{
   padding-top: 450px !important;
}
.pt-400{
   padding-top: 530px;
}
}

@media only screen and (max-width: 480px) {
   .pt-500{
   padding-top: 370px !important;
   }
   .pt-400{
      padding-top: 430px;
   }
   .big-title h1 {
      font-size: 70px;
   }
   .contact-section .content-{
      padding-left: 1.5rem;
      padding-right: 1.5rem;
   }
   .content-main.bg{
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
   }
   .content-section:nth-last-of-type(1) {
      padding-bottom: 60px;
   }
   .cate-section {
      padding-bottom: 50px;
   }
   .content-section {
      padding-top: 60px;
   }
   .cate-section input.cate-input {
      height: 40px;
   }
   .cate-btn,
   .btn-sm,
   .btn-group-sm > .btn {
      height: 40px;
   }
   .cate-item .cate-box {
      text-align: center;
      padding-top: 0.75rem;
   }
   .cate-section input.cate-input {
      max-width: 60px;
   }
   .cate-btn.cart-btn {
      padding: 8px 0;
      width: 90px;
   }
   .cate-btn {
      margin-left: unset;
      padding: 8px 0;
      width: 40%;
   }
   .lr-title {
      font-size: 16px;
   }
   .lr-input-title {
      font-size: 12px;
   }
   .lr-form-container-m input {
      font-size: 12px;
   }
   .pro-section .pro-img-container,
   .pro-text-container {
      padding: 0 8px;
   }
   .pro-img-container img {
      width: 75px;
   }
   .pro-text-title {
      font-size: 36px;
   }
   .pro-text-descr {
      font-size: 12px;
   }
   .footer-subcontainer.footer-m-sub {
      padding-top: 35px;
   }
   .footer-title {
      font-size: 14px;
   }
   .footer-t-link {
      font-size: 12px;
   }
   .footer-copyright {
      font-size: 10px;
   }
   .footer-m-link img {
      height: 35px;
   }
   .switch-btn {
      font-size: 12px;
   }
   .big-cate-subcontainer,
   .small-cate-subcontainer {
      padding-left: 30px;
   }
   .big-cate-subcontainer,
   .small-cate-subcontainer {
      top: 18.5%;
      width: calc(100% - 20px);
   }
   .cate-title {
      font-size: 18px;
   }
   .cate-descr {
      margin-bottom: 15px;
   }
   .d-none-480 {
      display: none !important;
   }
   .cate-btn.cart-btn {
      width: 60px;
   }
   .footer-container {
      padding-top: 60px;
      padding-bottom: 30px;
   }
   .box-title {
      font-size: 28px;
   }
   .testimonial-section .box-title {
      margin-top: 1.5rem;
      margin-bottom: unset;
   }
   .box-description {
      font-size: 14px;
   }
   .header-prodetails h5 a{
      font-size: 12px;
   }
   .patent-box{
      padding: 1.5rem;
   }
   .content-section-bottom{
      padding-bottom: 60px;
   }
   .cate-section input.cate-input, .purchase-section input.cate-input{
      height: 35px;
   }
   .cate-btn.high {
      height: 40px;
   }
   .purchase-section .cate-btn.cart-btn {
      width: 75px;
   }
   .big-product-details-title h3, .big-product-details-title h3 span{
      font-size: 18px;
   }
   .big-product-details-title h3 span{
      font-size: 32px;
   }
   .ingredient-item{
      -webkit-box-flex: 0;
          -ms-flex: 0 0 32.8%;
              flex: 0 0 32.8%;
      max-width: 32.8%;
      padding: 0rem 1rem;
   }
   img.mquen-ingre-sticky-bg.left{
      -webkit-transform: translate(11%, -16%);
          -ms-transform: translate(11%, -16%);
              transform: translate(11%, -16%);
   }
   img.mquen-ingre-sticky-bg.right{
      -webkit-transform: 4%;
          -ms-transform: 4%;
              transform: 4%;
   }
   img.mquen-ingre-sticky-bg{
      max-width: 32%;
   }
   .product-details-title h3, .product-details-title h3 span{
      font-size: 16px;
   }
   .mquen-section .product-details-title h3 span{
      font-size: 20px;
   }
   .purchase-box h3, .purchase-box h3 span{
      font-size: 28px;
   }
   .header-nav-mm-l img{
      height: 45px;
      float:left;
   }
   .mean-container a.meanmenu-reveal{
      margin-top: -42px;
   }
   .product-details-title-big h3{
      font-size: 32px;
   }
   .protitle-box{
      width: 75%;
      top: 48%;
   }
   .header-nav-mm{
      padding: 5px 15px;
   }
   .header-nav-mm{
      border-top-left-radius: 0;
   }
   .protitle-box img{
      height: 25px;
   }
   .mtos-section .protitle-box img{
      height: 25px;
   }
   .protitle-box h5{
      font-size: 14px;
      margin-top: 1rem;
      margin-bottom: 0.5rem;
   }
   .footer-logo span{
      font-size: 24px;
   }
   .footer-logo img{
      width: 20px;
   }
   .footer-about-container p{
      font-size: 12px;
   }
   .mean-container .mean-nav{
      width: calc(100% + 29.5px);
      margin-left: -14.75px;
      margin-top: 5.5px;
   }
   .mean-container .mean-nav > ul > li {
      width: calc(100% - 50px);
      padding: 0px 25px;
   }
   .mean-container .mean-nav ul li a.mean-expand{
      padding-right: 20px;
   }
   .cate-btn.long{
      height: 40px;
   }
   .increaseValueBtn, .decreaseValueBtn{
      display: none;
   }
   .propdf-box h3 span.big, .purchase-box h3 span.big{
      font-size: 28px;
   }
   .propdf-box h3, .propdf-box h3 span{
      font-size: 22px;
   }
   .propdf-box p{
      font-size: 14px;
   }
   .prodetails-title *{
      font-size: 24px;
   }
   .cate-box-c{
      margin-bottom: 80px;
   }
   .toppicks-slider {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-bottom: 20px;
  }
  .Become {
   background: url(../image/12_adsery12.jpg);
   height: 100%;
   /* background-attachment: fixed; */
   background-position: center;
   /* background-repeat: repeat; */
   background-size: 100%;
}
.stick_background{
   background: url(../image/5.png);
   height: 215px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
}
.become_content {
   color: #fff;
   font-family: 'Acta Display Book';
   font-size: 30px;
   padding: 20px 0 15px 0;
   text-align: center;
   height: 200px;
}

}

@media only screen and (max-width: 420px) {
   .pt-500{
   padding-top: 330px !important;
   }
   .pt-400{
      padding-top: 330px;
   }
}

@media only screen and (max-width: 350px) {
   .pt-500{
   padding-top: 290px !important;
   }
   .pt-400{
      padding-top: 330px;
   }
   .HomepageTop-textbox-main .small {
    font-family: Metropolis;
    color: #fff;
    font-size: 20px;
}
    .HomepageTop-textbox-main div {
        color: #fff;
        font-family: 'Acta Display Book';
        font-size: 20px;
        line-height: 32px;
        /* margin-top: 54px; */
    }
}

.text-pink{
   color: #fb7d19;
}
.text-pink-bold{
   color: #fb7d19;
   font-weight: 700;
   background-color: #fb7d1933 !important;
}
/*.bg-pink{
   background-color: #FFEDED !important;
   color: #fb7d19 !important;
   font-weight: 700;
}
*/
table.to-table tbody tr:nth-child(odd) td {
   background-color: #fb7d190d !important;
}

.to .table > :not(caption) > * > * {
   box-shadow: none !important;
}

table.to-table tbody tr td a{
   color:#fb7d19;
}

.table-pink.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: white;
    color: var(--bs-table-striped-color);
    font-weight: 700 !important;
/*    color: white;*/
/*    border: unset;*/
}

.table-pink.table-striped > tbody > tr:nth-of-type(even) {
    --bs-table-accent-bg: white;
    color: var(--bs-table-striped-color);
    font-weight: 700 !important;
/*    color: white;*/
/*    border: unset;*/
}

@media only screen and (max-width: 480px) {
   .fs-5{
      font-size: 1.2rem !important;
   }
   .button_sign_up_notice {
      bottom: 15px;
      Left: 10px;
      height: 38px;
      width: 100px;
      font-size: 10px !important;
      background-color: white;
      border: 0;
  }
  .button_login_notice {
   bottom: 15px;
   Left: 118px;
   height: 38px;
   width: 100px;
   font-size: 10px !important;
   background-color: white;
   border: 0;
}
}


.button_sign_up_notice{
   bottom: 15px;
    Left: 10px;
    height: 38px;
    width: 100px;
    font-size:13px;
    background-color: white;
    border:0;
}

.button_login_notice{
   bottom: 15px;
   Left: 118px;
   height: 38px;
   width: 100px;
   font-size: 13px;
   background-color: white;
   border:0;
}

@media only screen and (max-width: 575px) {
   .button_sign_up_notice{
      bottom: 4%;
      Left: 2.6%;
      height: 13%;
      width: 20%;
   }
   .button_login_notice{
      bottom: 4%;
      Left: 24.2%;
      height: 13%;
      width: 20%;
   }
}

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