@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,700&display=swap');
*{
 margin: 0;
 padding:0;
 box-sizing: border-box;
 font-family: 'Poppins';
}
body{font-family: 'Poppins'; background-color:#fff; padding: 0px;}
.my-100{margin-top:100px; margin-bottom:100px;}
.mb-100{margin-bottom:100px;}
.mt-30{margin-top:30px;}
.mb-50{margin-bottom:50px;}
.py-100{padding-top:100px; padding-bottom:100px;}
.row-gap{row-gap: 24px;}
button{font-family: "poppins";}
button.openbtn, button.openbtn:hover{background: transparent; color: #FFC107; transition: all 0.3s;}
.navbar-sticky--on button.openbtn{color: #000000;}
.sidemenu-wrapper #mySidepanel #close-button{padding-bottom: 0;}
.btn.header-search-open-btn.js-track-click:focus{box-shadow: none;}
#menu-mlm-plans li, #menu-quick-links li{padding: 0;}
.header-search .home-search-row__close{color: #FFC107 !important; top: 3px;}
.sidemenu-wrapper.open #mySidepanel{background: white;}
/* .fa-youtube::before{content: "";} */
#mlm-tab {padding-top: 120px; background-image: url("../../img/amway-mlm-review/header-bg.webp"); background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom: 100px; z-index: 10; transition: all 0.3s; top: 0;}
#mlm-tab.sticky {position: sticky; padding-top: 90px;}
#mlm-tab.sticky .logo{width: 100px; height: 100px; margin-bottom: -20px; border-radius: 10px;}
#mlm-tab .logo{width: 170px; height: 170px; margin-bottom: -90px; background-color: white; border-radius: 20px; box-shadow: 0 4px 36px 0px #00000026; display: flex; justify-content: center; align-items: center; transition: 0.3s;}
ul#mlmTab{flex-wrap: nowrap; white-space: nowrap; max-width: calc(100% - 200px); overflow-x: scroll; overflow-y: hidden; border: none;}
ul#mlmTab .nav-link{border: none; padding: 12px 20px; color: #505050; font-weight: 500;}
ul#mlmTab .nav-link.active{background-color: white; border-radius: 15px 15px 0 0;}
.text-blue{background: linear-gradient(153deg, #4CC9F3 -129.85%, #117CC1 98.15%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.bg-light-blue{background: #F0F9FF;}
p{color: #252525; font-size: 16px;}
.text-light-grey p{color: #666666;}
#faqs .accordion-button:not(.collapsed):after{content: "\f068"; color: #F9C117;}
#faqs .accordion-button.collapsed:after{content: "\f067"; color: #F9C117;}
.accordion-button{column-gap: 20px; padding: 20px;}
.accordion-body{padding-left: 20px; padding-right: 20px;}
#faqs .accordion-item:last-child{margin-bottom: 0;}
.fw-600{font-weight: 600 !important;}
.revenue_table{border-radius: 30px; overflow: hidden;}
.revenue_table table{width: 100%; text-align: center;}
.revenue_table table thead{background: linear-gradient(175deg, #4CC9F3 -213.22%, #117CC1 119.3%);}
.revenue_table table th{font-size: 24px; padding: 15px; color: white; font-weight: 500;}
.revenue_table table td{font-size: 20px; padding: 15px;}
.revenue_table table tbody tr:nth-of-type(2n+1){background: #D8E0E6;}
.revenue_table table tbody tr:nth-of-type(2n){background: #E1E9EF}
#mlm-tab-1-pane .row > div:has( > .quotes_box){margin-top: 60px;}
.quotes_box{position: relative; background-color: white; border-radius: 40px; box-shadow: 0 4px 36px 0px #00000024; padding: 80px 10px 10px 10px; height: 100%;}
.quotes_box img{width: 135px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%);}
.quotes_box p{text-align: center;}
.right-ul {list-style: none; padding-left: 25px;}
.right-ul li{margin-bottom: 20px; position: relative;}
.right-ul li::before{content: ""; position: absolute; left: -30px; top: 3px; background-image: url("../../img/amway-mlm-review/r_arrow.svg"); width: 18px; height: 18px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%;}
#process .row, .process .row{row-gap: 50px;}
#process > div, .process > div{padding-bottom: 105px;}
#process .row > div:last-child:before, .process .row > div:last-child:before{background-color: #FFFFFF; top: calc(50% + 2px);}
#process .first-process, .process .first-process{padding-right: 70px; position: relative;}
#process .first-process .step, .process .first-process .step{position: absolute; right: 15px; top: 50%; background: linear-gradient(175deg, #4CC9F3 -213.22%, #117CC1 119.3%); color: white; font-size: 20px; font-weight: 600; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50px; z-index: 2; transform: translateY(-50%);}
#process .second-process, .process .second-process{transform: translateY(50%); position: relative; padding-left: 70px;}
#process .second-process .step, .process .second-process .step{position: absolute; left: 15px; top: 50%; background: linear-gradient(175deg, #4CC9F3 -213.22%, #117CC1 119.3%); color: white; font-size: 20px; font-weight: 600; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50px; z-index: 2; transform: translateY(-50%);}
#process .first-process::before, .process .first-process::before{content: ""; width: 4px; height: calc(100%); background-color: #B3B3B3; position: absolute; right: -2px; top: calc(50% - 2px);}
#process .second-process::before, .process .second-process::before{content: ""; width: 4px; height: calc(100%); background-color: #B3B3B3; position: absolute; left: -2px; top: 50%;}
#process .first-process::after, .process .first-process::after{content: ""; width: 30px; height: 4px; background: #B3B3B3; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#process .second-process::after, .process .second-process::after{content: ""; width: 30px; height: 4px; background: #B3B3B3; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#process .process-shadow img, .process .process-shadow img{width: 80px; margin-bottom: 20px;}
#process .process-shadow h3, .process .process-shadow h3{font-size: 24px; margin-bottom: 15px; font-weight: 600;}
#process .process-shadow p, .process .process-shadow p{margin-bottom: 0; color: #00000099;}
#process .process-shadow, .process .process-shadow {border-radius: 20px; position: relative; border: none; padding: 20px; background: #F0F9FF; height: 100%;}
.product-tab .accordion-item img{margin-bottom: 15px; padding-left: 15%; padding-right: 15%;}
.product-tab .accordion-item button{font-weight: 500;}
.product-tab .accordion .accordion-item:last-child{margin-bottom: 0;}
@media only screen and (min-width:992px){
    .product-tab .accordion-item img{display: none;}
}
/* company-leadership */
#mlmTabContent .leadership{box-shadow: 0px 3px 27px rgba(0, 0, 0, 0.14);border-radius: 20px}
#mlmTabContent .rounded-4{border-radius: 20px 20px 0px 0px;}
#mlmTabContent .fs-6{font-size: 18px !important;}
#mlmTabContent .fs-7{font-size: 14px !important; color: #999999 !important;}
#mlmTabContent .leadership p{margin-bottom: 0;}
/* company-leadership */
/*faqs*/
.accordion-button{
padding:20px 20px;
border-radius:10px !important;
color: #030304;
font-weight:600;
font-size:20px;
}
.accordion-item{
  box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.14);
  border: none;
  margin-bottom: 20px;
border-radius:10px !important;
}
.accordion-body{
  background: linear-gradient(139deg, rgba(255, 255, 255, 0.20) -6.39%, rgba(255, 255, 255, 0.06) 112.17%);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding-top:0px;
}
.accordion-button:not(.collapsed){
  border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
background: linear-gradient(139deg, rgba(255, 255, 255, 0.20) -6.39%, rgba(255, 255, 255, 0.06) 112.17%);
box-shadow:none;
color: #030304;
}
.accordion-button:not(.collapsed)::after {
  background-image: none;
  font-family: 'Font Awesome 5 Free';
  content: "\f077";
  font-weight: 600;
  transform: rotate(0deg);
}
.accordion-button::after{
  background-image: none;
  font-family: 'Font Awesome 5 Free';
  content: "\f077";
  font-weight: 600;
  transform: rotate(-180deg);
}
.accordion-button:focus{box-shadow:none;}
.accordion-button-one{padding:10px 20px 10px 10px;}
.accordion-faq > .accordion-item > .accordion-header > .accordion-button{
  padding:12px 11px 12px 17px;
  border-radius:10px !important;
  color: #030304;
  font-weight:500;
  font-size:18px;
}
.accordion-button::after{height: auto;}
/*faqs*/
@media only screen and (max-width: 1400px){
    #process #process-tab h4, .process #process-tab h4{font-size: 18px;}
    #process #process-tabContent h3, .process #process-tabContent h3{font-size: 25px;}
}
@media (min-width: 1400px) {
    .container{max-width: 1320px;}
}
@media (max-width: 1200px) {
    .py-100{padding-top: 70px; padding-bottom: 70px;}
    .pt-100{padding-top: 70px;}
    #process .process-shadow h3, .process .process-shadow h3{font-size: 20px;}
}
@media (max-width: 992px) {
    .my-100{margin-top:70px; margin-bottom:70px;}
    .mb-100{margin-bottom: 70px;}
    ul#mlmTab{max-width: 100%;}
    #mlm-tab{padding-top: 80px; margin-bottom: 0;}
    #mlm-tab .logo {margin-bottom: 20px; margin-left: auto; margin-right: auto; background-color: transparent; height: auto; box-shadow: none;}
    #process > div, .process > div{padding-bottom: 0;}
    #process .row > div, .process .row > div{padding: 0px 10px; transform: translate(0);}
    #process .first-process, #process .second-process, .process .first-process, .process .second-process{padding-left: 70px !important;}
    #process .first-process::before, #process .first-process::after, .process .first-process::before, .process .first-process::after{right: auto; left: -2px;}
    #process .first-process::before, #process .second-process::before, .process .first-process::before, .process .second-process::before{height: calc(100% + 50px);}
    #process .row, .process .row{row-gap: 20px; justify-content: center;}
    #process #process-tab li, .process #process-tab li{width: 23%;}
    #process .step, .process .step{left: 15px; right: auto;}
    #mlm-tab.sticky{padding-top: 0px;}
    #mlm-tab.sticky .logo{height: 80px; margin-bottom: -10px;}
}
@media (max-width: 767px) {
    .py-100{padding-top: 50px; padding-bottom: 50px;}
    .pt-100{padding-top: 50px;}
    #process #process-tab li, .process #process-tab li{width: 30%;}
    #process .w-75, .process .w-75{width: 90% !important;}
}
@media (max-width: 576px) {
    .my-100{margin-top:50px; margin-bottom:50px;}
    .mb-100{margin-bottom:50px;}
    .mb-50{margin-bottom:30px;}
    .py-100{padding-top:50px; padding-bottom:50px;}
    #process .row > div::before, #process .row > div::after, .process .row > div::before, .process .row > div::after{display: none;}
    #process .step, .process .step{display: none !important;}
    #process .first-process, #process .second-process, .process .first-process, .process .second-process{padding-left: 10px !important;}
    h2, .h2-font{font-size: 26px !important;}
    #process #process-tab, .process #process-tab{margin-left: -10.5px; margin-right: -10.5px;}
    #process #process-tab li, .process #process-tab li{width: 40%;}
    .revenue_table table th{font-size: 18px;}
    .revenue_table table td{font-size: 16px;}
    .accordion-button{padding: 10px 10px;font-size: 18px; line-height:1.5;}
}