@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body {
  font-family: Montserrat;
  margin: 0;
  padding: 0;
  background-color: var(--secondary-color);
}
:root {
  --primary-color: #d8001b;
  --secondary-color: #eeeae4;
  --accent-color: #0072bc;
}
.container {
  max-width: 1030px;
  width: 100%;
  padding-inline: 15px;
 margin: 0 auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif;
}
p,
li {
  padding: 0;
  margin: 0;
}
.hero-title h1 {
  font-size: 50px;
  line-height: 120%;
  font-weight: 800;
}
.hero-title-2 h1 {
  font-size: 50px;
  line-height: 100%;
  font-weight: 700;
}
.heading h2 {
  font-size: 48px;
  line-height: 100%;
  font-weight: 800;
  color: var(--primary-color);
}
.heading h3 {
  font-size: 33px;
  line-height: 120%;
  font-weight: 700;
  color: var(--primary-color);
}
/* =============================================== */
/* =============Seri-AJi Homepage vkt============= */
/* =============================================== */
/* ======Hero Section========== */
.hero img {
  width: 100%;
  height: 353px;
  object-fit: cover;
}
/* ======Hero Section========== */
/*=======Product Banner section====== */
.seri-aji-product-banner {
  padding: 24px;
  background-color: var(--accent-color);
}
.seri-aji-product-banner h1 {
  color: #ffffff;
}
.seri-aji-product-banner h1 span {
  display: block;
}
/*=======Product Banner section====== */
/* ============Product Promo section======= */
.seri-aji-product-promo {
  padding-block: 60px;
  background: linear-gradient(90deg, #f9f1db 0%, #ffefc3 100%);
}
.seri-aji-product-promo h2 {
    margin-bottom: 30px;
}
.seri-aji-product-promo-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.product-promo-image {
    width: 488px;
}

.product-promo-content {
    width: calc(100% - 488px);
    padding-left: 60px;
}
/* ============================== */
.seri-aji-product {
  position: relative;
  background-color: #fff;
  border-radius: 20px;
}

.product-info-modal {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% - 16px); 
  background: #fff;
  border-top: none;
  border-radius: 0 0 16px 16px;
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 10;
  padding: 16px 20px;
}
.product-info-modal::before {
  position: absolute;
  content: "";
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 38px);
  height: 1px;
  background-color: #d0d1d0;
}
.seri-aji-product.active .product-info-modal {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.product-details {
  display: flex;
  align-items: start;
  flex-direction: column;
  max-width: 160px;
}

.product-promo-image img {
  width: 100%;
  object-fit: contain;
}
.product-promo-content .heading {
  margin-bottom: 30px;
}
.product-promo-content p {
  font-weight: 500;
  font-size: 20px;
  line-height: 115%;
}
/* ============Product Promo section======= */
/*==========Seri Aji Product steps section======= */

.steps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}




.step-content img {
    width: 90px;
    height: 90px;
    object-fit: contain;
    margin: 0 auto;
}
.arrow {
    flex-shrink: 0;
}
.arrow img {
    width: 60px;
}
.step h4 {
    font-size: 28px;
    font-weight: 600;
    line-height: 100%;
    color: #fff;
    margin-top: 20px;
    padding: 12px 30px;
    background-image: radial-gradient(#F27800, #D31B02);
    border-radius: 4px;
}
/*==========Seri Aji Product steps section======= */
/*==========Seri Aji Product Range  =============  */
.seri-aji-product-range {
  padding-block: 60px;
  background-color: var(--secondary-color);
}
.seri-aji-products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 70px 40px;
  margin-top: 50px;
  margin-bottom: 80px;
}
.top-prodduct {
    position: relative;
    background: linear-gradient(90deg, #f9f1db 0%, #f6d77f 100%);
    border-radius: 16px 16px 0px 0px;
    height: 168px;
    display: flex
;
    justify-content: space-between;
    padding: 18px 22px;
    align-items: center;
}
.top-prodduct .product-image {
  position: relative;
  bottom: 12px;
}
.top-prodduct .product-image img {
    width: 123px;
    height: auto;
    object-fit: contain;
    max-height: 189px;
}
.product-details h4 {
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  margin-bottom: 8px;
}
.product-details h6 {
  font-size: 10px;
  font-weight: 600;
  line-height: 100%;
  padding: 2px 8px;
  color: #fff;
  background-color: #ff0000;
  border-radius: 1000px;
  margin-bottom: 8px;
}
.product-details p {
  font-size: 10px;
  font-weight: 500;
  font-style: Italic;
  line-height: 100%;
}
.btm-prodduct {
  padding: 24px 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
}
.btm-prodduct h2 {
  font-size: 26px;
  font-weight: 700;
  line-height: 120%;
  color: #eb2127;
}
.btm-prodduct button {
  width: 38px;
  height: 38px;
  border: none;
  background: none;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btm-prodduct button i {
  font-size: 22px;
  font-weight: 800;
  color: #eb2127;
  transition: all 0.2s ease-in;
}
.seri-aji-product.active .btm-prodduct button i {
  transform: rotate(45deg);
}
/* ==================== */
.shop-product {
  width: 900px;
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.deliver-icon {
 position: relative;
  z-index: 9;
  background-color: #f39042;
  padding: 30px;
  border-radius: 100%;
  box-shadow: 0px 6px 10.4px 4px #00000040;
  width: 126px;
  height: 126px;
  flex-shrink: 0;
}

.our-products-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(
    90deg,
    #CE2536 0%,
    #F497A1 60%,
    #CE2536 100%
  );
  flex: 1;
  padding: 30px 70px;
  border-radius: 1000px;
  margin-left: -40px;
}
.our-products-banner h4 {
  font-weight: 800;
  font-size: 24px;
  line-height: 100%;
  color: #fff;
}
.our-products {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.our-products img {
  width: 64px;
  height: 64px;
  transition: all 0.3s ease-in-out;
}
.our-products img:hover {
  transform: scale(1.1);
}
/*==========Seri Aji Product Range  =============  */
/* =============Menu App======== */
.seri-aji-menu-app {
  padding-block: 80px;
  background: linear-gradient(90deg, #f9f1db 0%, #f6d77f 100%);
}

.seri-aji-menu-app .menus {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.seri-aji-menu-app .menus {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 108px;
}

.seri-aji-menu-app.menu-app-def.reactangle-menu .menu-item {
  position: relative;
  background-color: var(--accent-color);
  padding: 8px;
  border-radius: 16px;
}

.seri-aji-menu-app .menu-item img {
  width: 100%;
  object-fit: contain;
  border-radius: 16px;
}
.seri-aji-menu-app .menu-item h6 {
    border: 0 !important;
}
.seri-aji-menu-app .menu-item h6 {
  background-color: var(--accent-color);
  color: #fff;
}
.seri-aji-menu-app .menu-item h6:hover {
  background-color: #005a94;
}
.seri-aji-menu-app .text-center a {
  color: #fff;
  background-color: #ed1c24;
}
.seri-aji-menu-app .text-center a:hover {
  background-color: #c41218; /* थोड़ा dark red */
  color: #f8f8f8; /* हल्का white */
}
.menu-app-def .menus .menu-item a {
  background: transparent !important;
  position: absolute;
  width: 100%;
  padding: 0;
  left: 0;
}
/* ============deafult menu App=========== */
.menu-app-def {
  padding-block: 60px;
}
.menu-app-def h2 {
  margin-bottom: 60px;
}
.menu-app-def .menus {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 70px;
}
.menu-app-def .menus .menu-item {
  position: relative;
  background-color: #fff;
  padding: 8px;
  border-radius: 50%;
}
.menu-app-def .menus .menu-item img {
  border-radius: 50%;
  width: 100%;
}
.menu-app-def .menus .menu-item h6 {
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
    padding: 8px 16px;
    min-height: revert;
    font-size: 20px;
    width: auto;
    border-radius: 100px;
    display: flex
;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
    font-family: "Montserrat", sans-serif;
    white-space: nowrap;
    font-weight: 600;
    line-height: 100%;
}
.menu-app-def .text-center a {
  display: inline-block;
  font-family: "Avenir LT Std", Sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  text-align: center;
  text-decoration: none;
  padding: 15px 17px;
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
}

/* =============Menu App======== */
/* ================Post cards=========== */
.more-tips {
  padding-block: 64px;
  background-color: #eeeae4;
}

.more-tips .heading h2 {
  font-size: 48px;
  line-height: 52px;
  font-weight: 800;
  letter-spacing: -0.6px;
  color: #000000;
}
.post-card-wrapper {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 36px;
}

.post-content-card {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 1px 2px 0px #0000004d;
}
.post-card-top {
  height: 152px;
}
.post-card-top img {
  width: 100%;
  object-fit: cover;
  object-position: top;
  height: 100%;
}
.post-content-bt {
  padding: 26px 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
}
.post-content-bt h6 {
  font-family: "Avenir LT Std", Sans-serif;
  font-weight: 500;
  font-size: 21.83px;
  line-height: 30.8px;
  letter-spacing: -0.33px;
  margin-bottom: 10px;
   display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.link-wrapper {
  margin-top: auto;
  padding: 0 26px 20px 32px;
}
.link-wrapper a {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #ff0000;
  font-family: "Avenir LT Std", Sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
}

.link-wrapper a span {
  width: 60px;
  height: 60px;
  background-color: #ff0000;
  display: flex;
  justify-content: center;
  align-items: center;

  border-radius: 500px;
}
.link-wrapper a span i {
  font-size: 18px;
  color: #fff;
}
.read-more-tips-btn a {
  background-color: #ff0000;
  font-family: "Avenir LT Std", Sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  padding: 15px 24px;
  border-radius: 15px;
  color: #fff;
}
/* ================Post cards=========== */
/* =============================================== */
/* =============SERI- AJIHomepage============= */
/* =============================================== */
/* =======Hero section===== */
/* ==============AJI SHIO Page==============*/
.hero-v2 {
  position: relative;
}
.hero-v2 img {
  width: 100%;
  height: 461px;
  object-fit: cover;
}

section.hero-v2 .hero-title-2 {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
  background-color: var(--primary-color);
  border: 1px solid #f7f7eb;
  box-shadow: 0px 9px 20px 0px #9c3c1c;
  padding: 20px 40px;
  border-radius: 100px;
}
section.hero-v2 .hero-title-2 h1 {
  color: #ffffff;
}
/* ========AJI_SHIO Promo page====== */
.aji-shio-product-promo {
  padding-block: 60px;
  background-image: linear-gradient(#ffffff, #ffeec9);
}
.aji-shio-product-promo.version2 {
    background: linear-gradient(180deg, #FFFFFF 0%, #E6D1BE 100%);
}
section.aji-shio-product-promo .heading h2 {
    margin-bottom: 30px;
    text-align: center;
}
.aji-shio-promo-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.aji-shio-product-promo-image {
    position: relative;
    width: 571px;
   
}
.aji-shio-product-promo-content {
  width: calc(100% - 571px);
  padding-left: 60px;
}

.aji-shio-product-promo-content ul {
 margin: 0;
}
.aji-shio-product-promo-content ul li {
  font-size: 20px;
  font-weight: 500;
  line-height: 115%;
}

.aji-shio-black-paper-promo-container {
  display: flex;
  justify-content: space-between;
}



/* ================Youtub Video============ */
.youtube-video {
  padding-block: 80px;
  background-color: #fff;
}
.youtube-video img {
  width: 100%;
}
/* ========AJI-SIHO MENU APP========= */
.aji-siho-menu-app {
  background: linear-gradient(360deg, #ffd06a, #e1662e);
}
.aji-siho-menu-app h2 {
  color: #fff;
}

.aji-siho-menu-app .menus .menu-item h6 {
  background-color: #f04e23;
  color: #fff;
  border: none;
}
.aji-siho-menu-app .menus .menu-item h6:hover {
  background-color: #c53e1c;
}
.menus .menu-item h6::after {
  display: none;
}

.aji-siho-menu-app a {
  color: #fff;
  background-color: #ed1c24;
}
.aji-siho-menu-app a:hover {
  background-color: #c41218;
  color: #fff;
}
/* ============faq Section============ */
.faqs-sec {
  padding-block: 80px;
  background-color: #fff;
}
.faqs-content-wrapper {
  display: flex;
  justify-content: space-between;
}



.faqs-content h3 {
  margin-bottom: 40px;
  text-align: center;
}
.accordion.faqs-accordion {
    border-bottom: 1px solid #ffced0;
    padding-bottom: 8px;
}
.faqs-accordion .accordion-item {
  border: none;
  border-top: 1px solid #ffced0;
  border-radius: 0;
  box-shadow: none;
}

.faqs-accordion .collapse.show {
  border-bottom: 1px solid #ffced0;
  border-radius: 0;
}
.faqs-accordion .accordion-collapse.collapse.show:last-child{
  border-bottom: 0;
}
.faqs-accordion .accordion-button {
  background: none;
  box-shadow: none;
  font-weight: bold;
  font-size: 24px;
  line-height: 120%;
  color: #000;
  padding-block: 24px 16px;
  padding-inline: 0;
  border-radius: 0 !important;
  gap: 10px;
  align-items: flex-start;
}

.faqs-accordion .accordion-button:not(.collapsed) {
  color: #000000; /* red text for active question */
  background: none;
}

.faqs-accordion .accordion-button:focus {
  border-color: transparent;
  box-shadow: none;
}

.faqs-accordion .accordion-body {
  padding: 0;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 500;
  color: #3c3c43;
  line-height: 140%;
}

/* Change + and - icons */
.faqs-accordion .accordion-button::after {
  background-image: url(../images/open-mark.png) !important;
}

.faqs-accordion .accordion-button:not(.collapsed)::after {
  background-image: url(../images/xmark.png) !important;
}

/* ==============AJI SHIO Page==============*/
/* ==========Pal Sweet Page============= */
.pal-sweet-product-promo {
  position: relative;
  padding-block: 80px;
  background-color: #f8efee;
  overflow: hidden;
}
.pal-sweet-product-promo .top-abstract {
  position: absolute;
  top: 0;
  right: 0;
}
.pal-sweet-product-promo .bt-abstract {
  position: absolute;
  bottom: 0;
  left: 0;
}
.pal-sweet-promo-container {
  display: flex;
  justify-content: space-between;
}
.pal-sweet-product-promo-content {
  width: 601px;
}

.pal-sweet-product-promo-content img {
  width: 100%;
  margin-top: 80px;
  position: relative;
  z-index: 9;
}
.pal-sweet-product-promo-image {
  position: relative;
  width: calc(100% - 601px);
  padding-left: 30px;
  margin: 0 auto;
  text-align: center;
}
.pal-sweet-product-promo-image img.halal-mark {
  position: absolute;
  width: 57px;
  height: 76px;
  bottom: 10px;
  right: 0;
}
.pal-sweet-product-promo-image img {
  width: 100%;
}
.pal-sweet-product-promo-content ul {
  margin-top: 30px;
}
.pal-sweet-product-promo-content ul li:first-child {
  margin-bottom: 10px;
}
.pal-sweet-product-promo-content ul li {
  font-size: 20px;
  font-weight: 500;
  line-height: 115%;
}
.pal-sweet-product-info {
  width: 160px;
  margin: 0 auto;
}
.pal-sweet-product-info h4 {
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 8px;
}
.pal-sweet-product-info h6 {
  background-color: #de585d;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 100px;
  color: #fff;
  margin-bottom: 8px;
}
.pal-sweet-product-info p {
  font-style: italic;
  font-size: 12px;
  font-weight: 600;
  text-transform: unset;
}
/* =====pal sweet faq======= */

/* =========AJINIOMOTO PAGE============ */
.trusted-banner {
  padding: 24px 30px;
  background-image: linear-gradient(90deg, #f9f1db, #f6d77f);
}
section.trusted-banner h1 {
  color: #ed1c24;
}

.ajinomoto-product-promo {
  position: relative;
  padding-block: 80px;
  background-image: linear-gradient(#ffffff, #fddeda);
}

.ajinomoto-promo-container {
  display: flex;
  justify-content: space-between;
}
.ajinomoto-product-promo-content {
  width: 523px;
}

.ajinomoto-product-promo-content img {
  width: 100%;
  margin-top: 80px;
}
.ajinomoto-product-promo-image {
  position: relative;
  width: calc(100% - 523px);
  padding-left: 30px;
  margin: 0 auto;
  text-align: center;
}
.ajinomoto-product-promo-image img.trusted-mark {
    position: absolute;
    top: -36px;
    left: calc(100% + 26px);
    width: 118px;
    margin-left: 0;
}
.ajinomoto-product-promo-image img.halal-mark {
  position: absolute;
  width: 48px;
  height: 64px;
  bottom: 34px;
  right: -68px;
}
.ajinomoto-product-promo-image img {
  width: 90%;
  margin-left: 77px;
}
.ajinomoto-product-promo-content ul {
  margin-top: 30px;
  margin-bottom: 50px;
}
.ajinomoto-product-promo-content ul li:first-child {
  margin-bottom: 10px;
}
.ajinomoto-product-promo-content ul li {
  font-size: 20px;
  font-weight: 500;
  line-height: 115%;
}
.do-know {
  position: relative;
  background: #ed1c24;
  border-radius: 0px 100px 100px 1px;
  padding: 43px 50px 23px 70px;
}
.do-know svg {
  position: absolute;
  top: -23px;
  left: 50%;
  transform: translate(-50%);
  width: 400px;
  font-size: 46px;
  font-weight: bold;
  height: 70px;
  fill: white;
}

.svgText {
  fill: white;
  stroke: #ed1c24;
  stroke-width: 8px;
  stroke-linejoin: round;
  paint-order: stroke;
}
.do-know ul {
  margin: 0;
}
.do-know ul li {
  color: #fff;
}
/* ========faq ajinimoto======== */

/* =======ajiniomoto menu app====== */
.ajinomoto-menu-app {
  background-color: #ed1c24;
}
.ajinomoto-menu-app h2 {
  color: #fff;
}

.ajinomoto-menu-app .menus .menu-item h6 {
  background-color: #c5161d;
  color: #fff;
}
.ajinomoto-menu-app .menus .menu-item h6:hover {
  background: #9e1217;
}
.ajinomoto-menu-app a {
  color: #ed1c24;
  background-color: #ffffff;
}
.ajinomoto-menu-app a:hover {
  color: #ffffff; /* text white */
  background-color: #c5161d; /* red background */
}
/* =============Ajino Moto Plus page========== */
/* ==========Product Promo============== */
.ajinomoto-plus-product-promo {
  position: relative;
  padding-block: 60px;
  background-color: #eee6e3;
  overflow: hidden;
}
section.ajinomoto-plus-product-promo img.bg-shape {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.ajinomoto-plus-promo-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  z-index: 9;
}
.ajinomoto-plus-product-promo-content {
  width: 668px;
}
.ajinomoto-plus-product-promo-content img {
  width: 538px;
}
.ajinomoto-plus-product-promo-content ul {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 538px;
}
.ajinomoto-plus-product-promo-content ul li:first-child {
  margin-bottom: 8px;
}
.ajinomoto-plus-product-promo-content ul li {
  font-size: 20px;
  font-weight: 500;
  line-height: 115%;
}
.ajinomoto-plus-product-promo-image {
  position: relative;
  width: calc(100% - 668px);
  padding-left: 30px;
}
.ajinomoto-plus-product-promo-content {
  width: 668px;
  margin-top: 42px;
}
.ajinomoto-plus-product-promo-image img {
  width: 409px;
  margin-right: auto;
}
.ajinomoto-plus-product-promo-image img.halal-mark {
  width: 44px;
  height: 58px;
  position: absolute;
  right: -37px;
  bottom: 72px;
}
/* ======ajinomoto-plus menu app========= */
.ajinomoto-plus-menu-app {
  background-image: linear-gradient(90deg, #f9f1db, #f6d77f);
}
.ajinomoto-plus-menu-app h2 {
  color: #ed1c24;
}

.ajinomoto-plus-menu-app .menus .menu-item h6 {
  background-color: #b38942;
  color: #fff;
}
.ajinomoto-plus-menu-app a {
  color: #ffffff;
  background-color: #ed1c24;
}
/* ===============Faq Section================= */


/* ================ajimix page section============ */
.ajimix-product-promo {
  padding-block: 50px;
  background-image: linear-gradient(45deg, #ddaa6e, #fddead);
}
.ajmix-product-looks {
  position: relative;
  z-index: 9;
  display: flex;
  justify-content: center;

}
.old-new-product {
  position: relative;
  padding-block: 40px;
  background: linear-gradient(
    136.92deg,
    #dca648 12.97%,
    #dfae52 15.12%,
    #e8c775 21.58%,
    #f0db8f 28.03%,
    #f5e9a2 35.21%,
    #f8f2ae 42.38%,
    #faf5b2 50.28%,
    #f8f0ac 55.3%,
    #f3e49b 63.19%,
    #ebcf7f 71.8%,
    #e1b359 81.13%,
    #dca648 84.71%
  );
  --clip: 100px;
  overflow: hidden;
}
.arrow-shape {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  background: linear-gradient(180deg, #ff0000 0%, #990000 100%);
  clip-path: polygon(
    0% 0%,
    calc(100% - var(--clip)) 0%,
    100% 50%,
    calc(100% - var(--clip)) 100%,
    0% 100%
  );
  --arrow-clip: 110px;
}
.arrow-shape::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: -32px;
  width: 100%;
  height: 110%;
  background: linear-gradient(45deg, #00000000, #00000021);
  background-blend-mode: unset;
  clip-path: polygon(
    0 70%,
    calc(100% - var(--arrow-clip)) 0%,
    100% 50%,
    calc(100% - var(--arrow-clip)) 100%,
    0% 100%
  );
}

.ajimix-old-look,
.ajimix-new-look {
  width: 100%;
}
.ajimix-old-look .old-look-img,
.ajimix-new-look .new-look-img {
  min-height: 280px;
  position: relative;
}
.ajimix-look-content {
  width: fit-content;
  text-align: center;
}
.new-look-img img.garlick-onion {
  position: absolute;
  top: 0;
  left: calc(100% - 46px);
}
.ajimix-old-look .ajimix-look-content {
  margin-left: auto;
  margin-right: 176px;
}
.ajimix-new-look .ajimix-look-content {
  margin-right: auto;
}
.ajimix-old-look h4 {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
}
.ajimix-new-look h4 {
    margin-left: 94px;
    color: #D8001B;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
}

.extra-taste-bade {
    position: absolute;
    top: -42px;
    right: 130px;
}
.extra-taste-bade img {
    height: 190px;
    width: auto;
}
.ajimix-promo-container {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.ajimix-product-promo-content ul {
  margin-left: 0;
  margin-top: 30px;
  width: 538px;
}
.ajimix-product-promo-content ul li + li {
  margin-top: 10px;
}
.ajimix-product-promo-content ul li {
  font-size: 20px;
  font-weight: 500;
  line-height: 115%;
}
.ajimix-product-promo-image img {
  width: 100%;
}
.ajimix-promo-container img.onion {
    position: absolute;
    bottom: -60px;
    left: 48%;
    transform: translateX(-50%);
    height: calc(100% - -40px);
}
/* =============how to use section======== */
.usage-sec {
  padding-block: 80px;
  background-image: linear-gradient(113deg, #ddaa6e, #fddead);
}
.usage {
  width: 920px;
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  margin: 0 auto;
  border: 5px solid #fff;
  border-radius: 12px;
  overflow: hidden;
}

/* ELEMENTS */
.usage__header {
  background: #88c665;
  color: #263f18;
  font-size: 48px;
  line-height: 120%;
  font-weight: 800;
  text-align: center;
  padding: 20px;
  grid-row: 1 / 2;
  grid-column: 1 / 3;
}
.usage__left,
.usage__right {
  background-color: #c3dc88;
  text-align: center;
}

.usage__left {
  font-size: 40px;
  font-weight: 700;
  line-height: normal;
  color: #231f20;
  padding: 24px 16px;
}

.usage__left small {
  display: block;
  font-size: 32px;
  color: #231f20;
  font-style: italic;
  font-weight: 500;
  margin-top: 8px;
}

.usage__right {
  padding: 24px 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.usage__right h4 {
  font-size: 80px;
  font-weight: 700;
  line-height: normal;
  color: #231f20;
  white-space: nowrap;
}

.usage__right span {
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  margin-left: 5px;
  text-align: start;
  margin: 0;
}

.usage__note {
  padding: 24px;
  text-align: center;
  font-size: 32px;
  line-height: 120%;
  font-weight: 500;
  color: #333;
  grid-column: 1 / 3;
  background-color: #c3dc88;
}
/* ======ajinomoto-plus menu app========= */
.ajimix-menu-app {
  padding-block: 80px;
  background-color: #be1d23;
}
.ajimix-menu-app h2 {
  color: #ffffff;
  margin-bottom: 60px;
}
.ajimix-menu-app .menus {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 70px;
}
.ajimix-menu-app .menus .menu-item {
  position: relative;
  background-color: #fff;
  padding: 8px;
  border-radius: 50%;
}
.ajimix-menu-app .menus .menu-item img {
  border-radius: 50%;
  width: 100%;
}
.ajimix-menu-app .menus .menu-item h6 {
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  padding: 8px 16px;
  background-color: #ed1c24;
  border: 2px solid #fff;
  min-height: revert;
  font-size: 20px;
  width: 100%;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.ajimix-menu-app a {
  display: inline-block;
  font-family: "Avenir LT Std", Sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  background-color: #ed1c24;
  padding: 15px 17px;
  border-radius: 15px;
}
/* =========faq============ */

.faqs-content-wrapper.faq-v5 .faqs-image {
  position: relative;
  width: 404px;
  z-index: 9;
}
img.faq-garlic {
  position: absolute;
  width: 234px;
  top: 63px;
  left: -80px;
  z-index: -1;
}

.faqs-content-wrapper.faq-v5 .faqs-content {
  width: calc(100% - 404px);
  padding-left: 40px;
}
/* ==============Ajimix Page================ */

.ajimix-product-promo-image {
  width: 100%;
}
.ajimix-product-promo-content ul {
  width: 100%;
}
.ajimix-product-promo-content ul li {
  font-size: 18px;
}
/* ==============Ajimix Page================ */
/* ==================Tumix Page==================== */
section.hero-v2 .hero-title-2 h1 {
  white-space: nowrap;
  color: #ffffff;
}
.tumix-product-promo {
  padding-block: 115px 10px;
  background: linear-gradient(180deg, #fffefc 0%, #f8f9d8 100%);
}

ul.tumix-products-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 0;
  margin: 0;
}

ul.tumix-products-list > li {
  width: calc(50% - 15px);
  list-style: none;
}

ul.tumix-products-list li:nth-of-type(1) img {
  margin-top: -80px;
  margin-left: -100px;
  max-width: 817px !important;
}
ul.tumix-products-list > li .product-promo-content {
  max-width: 475px;
  margin-left: auto;
}
ul.product-desc {
  margin-bottom: 16px;
}
ul.product-desc li + li {
  margin-top: 8px;
}
ul.product-desc li {
  list-style: disc;
  font-weight: 500;
  font-size: 20px;
  line-height: 114.99999999999999%;
}
ul.tumix-products-list li:nth-of-type(3) .product-promo-content {
  margin-left: 0;
}
ul.tumix-products-list li:nth-of-type(4) img {
  margin-top: -298px;
  margin-left: -168px;
  max-width: 793px;
}
ul.tumix-products-list .product-details h4 {
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  margin-bottom: 8px;
}
ul.tumix-products-list .product-details h6 {
  font-size: 10px;
  font-weight: 600;
  line-height: 100%;
  padding: 2px 8px;
  color: #fff;
  background-color: #bfd630;
  border-radius: 1000px;
  margin-bottom: 8px;
}
ul.tumix-products-list .product-details p {
  font-size: 10px;
  font-weight: 500;
  font-style: Italic;
  line-height: 100%;
}
/* =============Feature sec=========== */
section.features-sec {
  padding-block: 74px;
  background: linear-gradient(180deg, #ebea6b 0%, #7fc241 117.83%);
}
.features-sec .features {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.features-sec .features .features__item {
  width: calc(20% - 8px);
  text-align: center;
}
.features-sec .features .features__item img {
  width: 132px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 24px;
}
.features-sec .features .features__item p {
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  text-align: center;
  padding-inline: 30px;
}
/* ==============menu app============= */
.tumix-menu-app {
  background: linear-gradient(90deg, #f9f1db 0%, #f6d77f 100%);
}
.menu-app-def.reactangle-menu .menus {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 108px;
}
.menu-app-def.reactangle-menu .menu-item {
  position: relative;
  padding: 8px;
  border-radius: 16px;
}
.tumix-menu-app .menus .menu-item {
  background-color: #bfd630;
}

.menu-app-def.reactangle-menu .menu-item img {
  width: 100%;
  object-fit: contain;
  border-radius: 16px;
}
.menu-app-def.reactangle-menu .menu-item h6 {
    position: absolute;
    left: 50%;
    top: calc(100% + -32px);
    transform: translateX(-50%);
    width: 103%;
    border-radius: 1000px;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    min-height: 70px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    white-space: normal;
}
.tumix-menu-app .menu-item h6 {
  background-color: #bfd630;
  color: #000000;
  border: 0 !important;
  min-height: revert !important;
}
.tumix-menu-app a {
  color: #fff;
  background-color: #ed1c24;
}
/* =============Faq section============= */

.faqs-content-wrapper.faq-v6 .faqs-image {
  width: 477px;
}

.faqs-content-wrapper.faq-v6 .faqs-content {
  width: calc(100% - 477px);
  padding-left: 40px;
}
/* ==================Tumix Page==================== */
/* ================ajimix page section============ */
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  /* ============seri aji page========== */
    .shop-product {
    width: revert;
}
  .seri-aji-products {
    grid-template-columns: repeat(2, 1fr);
  }
  .menu-app-def.reactangle-menu .menus {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }
  .menu-app-def.reactangle-menu .menu-item {
    width: 100% !important;
  }

  /* ===========aji shio page=========== */
  .aji-shio-promo-container {
    gap: 4%;
  }
  .aji-shio-product-promo-content {
    width: 60%;
  }
  .aji-shio-product-promo-image {
    width: 40%;
    padding-left: 0;
  }
  .aji-shio-black-paper-promo-container {
    gap: 30px;
  }
  
 
  .our-products img {
    height: auto;
  }
  .menu-app-def .menus {
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
  }
  .menu-app-def .menus .menu-item {
    width: calc(32% - 8px);
  }
  /* =========ajinomoto container============ */

  .ajinomoto-promo-container {
    gap: 4%;
  }
  .ajinomoto-product-promo-content {
    width: 60%;
  }
  .ajinomoto-product-promo-image {
    width: 40%;
  }
  .ajinomoto-product-promo-image img {
    margin-left: 0;
  }
  .ajinomoto-product-promo-image img.halal-mark {
    bottom: 167px;
    right: 0px;
  }
  
 
  /* ==============Ajimix===================== */
  .extra-taste-bade {
    right: 0;
}
  .extra-taste-bade img {
    height: 100px;
   
}
  .usage {
    width: 100%;
}
}

@media only screen and (max-width: 767px) {
  /* =====Homepage========= */
  .hero img {
    width: 100%;
    height: 231px;
    object-fit: cover;
  }
  .hero-title h1 {
    font-size: 18px;
    line-height: 100%;
  }
  /* ============Product Promo section======= */
  .seri-aji-product-promo {
    padding-block: 30px;
  }
  .seri-aji-product-promo-wrapper {
    flex-direction: column;
    row-gap: 30px;

}
.product-promo-image {
    width: revert;
}
.product-promo-content {
    width: revert;
    padding-left: 0;
}
  .heading h2 {
    font-size: 32px;
    line-height: 100%;
    font-weight: 800;
  }
  .product-promo-content p {
    font-size: 18px;
    line-height: 114.99%;
  }
  .product-promo-image {
    margin-bottom: 0px;
  }
  /*==========Seri Aji Product steps section======= */
  .seri-aji-product-steps {
    padding-block: 40px;
  }
  .steps {
    gap: 8px;
}
 
  
  .step-content img {
    width: 32px;
    height: 32px;
  }
    .arrow img {
        position: relative;
        width: 30px;
        bottom: 34px;
    }
     .step h4 {
        font-size: 14px;
        line-height: 150%;
        color: #fff;
        margin-top: 6px;
        padding: 12px 8px;
        min-height: 83px;
        text-align: center;
        align-content: center;
    }
  
  

  /*==========Seri Aji Product Range  =============  */
  .seri-aji-product-range {
    padding-block: 40px;
  }
  .seri-aji-products {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
    margin-block: 60px;
  }

  .btm-prodduct {
    padding: 16px 10px;
    gap: 0;
  }


  .top-prodduct {
    flex-direction: column;
    justify-content: end;
    align-items: center;
    padding: 6px 22px;
    height: 165px;
  }
  .top-prodduct .product-image {
    bottom: 0px;
}
    .top-prodduct .product-image img {
    width: 88px;
    height: auto;
  
  }
  .product-details {
    align-items: center;
  }
  ul.tumix-products-list .product-details {
    align-items: start;
}
  .product-details h4 {
    font-size: 10px;
    margin-bottom: 3px;
  }
  .product-details h6 {
    font-size: 8px;
    font-weight: 600;
    padding: 2px 8px;
    margin-bottom: 3px;
  }
  .product-details p {
    font-size: 8px;
  }

  .btm-prodduct h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    color: #eb2127;
  }
  p.product-description {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
  }
  .shop-product {
    width: revert;
}
  .our-products-banner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 20px 30px;
  }
  .our-products-banner h4 {
    font-size: 16px;
    line-height: 120%;
    text-align: center;
  }
  .our-products {
    gap: 8px;
  }
  .our-products img {
    width: 55px;
    height: 55px;
  }
  .deliver-icon {
    padding: 15px;
    width: 66px;
    height: 66px;
  }
  .deliver-icon img {
    width: 34px;
  }
  /* =============Menu App======== */
  .seri-aji-menu-app {
    padding-block: 40px;
  }
  .menu-app-def.reactangle-menu .menus {
    margin-top: 30px;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 16px;
    margin-bottom: 65px;
  }

  .menu-app-def.reactangle-menu .menus .menu-item h6 {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 600;
    min-height: 50px;
    width: 104%;
  }
  .menu-app-def.reactangle-menu .menu-item {
    width: 100% !important;
  }
  .menu-app-def.reactangle-menu .menu-item img {
    border-radius: 16px !important;
  }
  /* ============deafult menu App=========== */
  .menu-app-def {
    padding-block: 40px;
  }
  .menu-app-def h2 {
    margin-bottom: 30px;
  }
  .menu-app-def .menus {
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 28px;
    margin-bottom: 36px;
  }
  .menu-app-def .menus .menu-item {
    width: calc(50% - 8px);
  }
  .menu-app-def .menus .menu-item img {
    border-radius: 50%;
    width: 100%;
  }
  .menu-app-def .menus .menu-item h6 {
    padding: 8px 16px;
    font-size: 16px;
    top: calc(100% + -26px);
  }
  .menu-app-def a {
    padding: 12px 24px;
    font-size: 18px;
  }
  /* =============Menu App======== */
  /* ================Post cards=========== */
  .more-tips .heading h2 {
    font-size: 32px;
  }
  .post-card-wrapper {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 33px;
  }
  /* =========AJi SHIO Page======== */
  .hero-v2 img {
    width: 100%;
    height: 297px;
  }
  section.hero-v2 .hero-title-2 {
    width: 283px;
  }
  .hero-title-2 h1 {
    font-size: 18px;
    line-height: 100%;
    font-weight: 700;
  }
  /* =========AJi SHIO Promo section ======== */
  .aji-shio-product-promo {
    padding-block: 30px;
  }
  .aji-shio-promo-container {
    flex-direction: column;
    row-gap:30px;
  }
  .aji-shio-product-promo-content ul li {
    font-size: 18px;
    line-height: 115%;
  }
  
  
  .aji-shio-product-promo-content {
    width: 100%;
    padding-left: 0;
  }
  .aji-shio-product-promo-image {
    width: 100%;

  }
  .aji-shio-black-paper-promo-container {
    flex-direction: column;
  }
  
 
  /* ==========Videos section========= */
  .youtube-video {
    padding-block: 40px;
  }
  .youtube-video iframe {
    width: 100%;
    height: 204px;
  }
  section.youtube-video img {
    height: 204px;
  }
  /* ==========menu apps======== */

  /* =======Faqs Section========= */
  .faqs-content-wrapper {
    flex-direction: column;
    gap: 60px;
  }
  .faqs-image {
    position: relative;
    width: revert;
    flex-shrink: 0;
    text-align: center;
  }
  .faqs-image.ajinomoto-halal img:first-child {
    width: 100%;
  }
  .faqs-image img {
    width: 100%;
  }

  .faqs-content {
    width: revert;
    flex: 1;
  }
  .faqs-accordion .accordion-button {
    font-size: 22px;
    line-height: 120%;
    gap: 28px;
  }
  .faqs-accordion .accordion-body {
    font-size: 22px;
  }
  /* ==========other faq section========= */
  .faqs-content .heading h3 {
    font-size: 32px;
    color: #c5171e;
  }
  /*  ===========v1======== */
 


  /* ==========other faq section========= */
  /* =========AJinio Moto Page========== */
  .ajinomoto-product-promo {
    padding-block: 40px;
  }
  .ajinomoto-promo-container {
    gap: 0px;
    flex-direction: column-reverse;
  }
  .ajinomoto-product-promo-content {
    width: 100%;
  }
  .ajinomoto-product-promo-image {
    position: relative;
    width: 100%;
    padding-left: 0;
  }
  .ajinomoto-product-promo-image .heading h2 {
    margin-bottom: 16px;
}
  .ajinomoto-product-promo-image img.halal-mark {
    width: 26px;
    height: 34px;
    bottom: 10px;
    right: 0;
  }
  .do-know {
    padding: 32px 16px;
  }
  .do-know svg {
    top: -15px;
    left: 45%;
    transform: translate(-50%);
    height: 38px;
  }
  .ajinomoto-product-promo-content .do-know ul li {
    font-size: 12px;
    font-weight: 500;
    line-height: 115%;
  }
  /* ====meu apps===== */

  /* ===========Faq Section========= */
  .faqs-image.ajinomoto-halal img.faq-halal-mark {
    width: 19px;
    height: 26px;
    top: 92%;
    left: 12px;
  }
  /* ===========pal sweet======== */
  .pal-sweet-product-promo {
    padding-block: 30px;
}
  .pal-sweet-product-promo .top-abstract {
    width: 43%;
    top: -1px;
  }
  .pal-sweet-promo-container {
    flex-direction: column-reverse;
    gap: 0px;
  }

  .pal-sweet-product-promo-content {
    width: 100%;
  }
  .pal-sweet-product-promo-image {
    width: 100%;
    padding-left: 0;
  }
  .pal-sweet-product-promo-image img {
    width: 224px;
    margin: 0 auto;
  }

  .pal-sweet-product-promo-image img.halal-mark {
    display: none;
  }
  .pal-sweet-product-promo-image .pal-sweet-product-info {
    display: none;
  }
  .pal-sweet-product-promo .bt-abstract {
    bottom: 1px;
    left: revert;
    width: 118%;
  }
  .pal-sweet-product-promo-content ul li {
    font-size: 18px;
  }
  .pal-sweet-product-promo-content img {
    margin-top: 24px;
  }
 
  /* =======Ajinomoto Page========= */
  section.trusted-banner .hero-title {
    padding-inline: 58px;
  }
  .ajinomoto-product-promo-image img {
    width: 100%;
    margin-left: 0;
  }
  
  .ajinomoto-menu-app a {
    padding: 12px 24px;
    font-size: 18px;
  }
  /* ==========Ajinomoto plus========= */
  .ajinomoto-plus-product-promo {
    padding-block: 40px;
  }
  .ajinomoto-plus-promo-container {
    flex-direction: column-reverse;
  }
  .ajinomoto-plus-product-promo-image {
    position: relative;
    width: 100%;
    padding-left: 0;
  }
  .ajinomoto-plus-product-promo-image h2 {
    margin-bottom: 13px;
    padding-right: 32px;
  }
  .ajinomoto-plus-product-promo-image img {
    width: 244px;
    margin: 0 auto;
  }
  .ajinomoto-plus-product-promo-image img.halal-mark {
    display: none;
  }
  .ajinomoto-plus-product-promo-content {
    width: 100%;
    margin-top: 0;
  }
  .ajinomoto-plus-product-promo-content ul {
    width: revert;
    margin: 0;
    margin-bottom: 24px;
  }
  .ajinomoto-plus-product-promo-content ul li {
    font-size: 18px;
    font-weight: 500;
  }
  /* ====menuapp ajinomotoplus====== */


  /* ========Ajimix============== */

  .old-new-product {
    padding-block: 20px;
    --clip: 44px;
}
    .arrow-shape {
        --arrow-clip: 48px;
    }
    .arrow-shape::after {
    left: -15px;
}
.old-look-img > img {
   height: 103px;
}
.new-look-img > img {
   height: 106px;
}
.ajimix-old-look h4 {

    font-weight: 600;
    font-size: 12px;

}
.ajimix-new-look h4 {
    margin-left: 34px;
    font-weight: 600;
    font-size: 12px;
   
}
.new-look-img img.garlick-onion {
        left: calc(100% - 18px);
        height: 110%;
    }
.extra-taste-bade {
    position: absolute;
    top: -28px;
    right: 0;
}
  .ajimix-old-look .old-look-img, .ajimix-new-look .new-look-img {
    min-height: 110px;
}
.ajimix-old-look .ajimix-look-content {
    margin-right: 48px;
}
.extra-taste-bade img {
    height: 83px;
 
}

  .usage-sec {
    padding-block: 60px;
  }
  .ajimix-promo-container {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .usage {
    width: 100%;
  }
  .usage__header {
    font-size: 32px;
  }
  .usage__left {
    font-size: 28px;
  }
  .usage__left small {
    font-size: 22px;
  }
  .usage__right h4 {
    font-size: 40px;
  }
  .usage__right span {
    font-size: 22px;
  }
  .usage__right {
    padding: 48px 13px;
    gap: 16px;
  }
  .usage__note {
    font-size: 24px;
  }
  .faqs-content-wrapper.faq-v5 {
    gap: 30px;
  }
  .faqs-content-wrapper.faq-v5 .faqs-image {
    width: 100%;
  }
  .faqs-content-wrapper.faq-v5 .faqs-image img {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .faqs-content-wrapper.faq-v5 img.faq-garlic {
    display: none;
  }
  .faqs-content-wrapper.faq-v5 .faqs-content {
    width: 100%;
    padding-left: 0;
  }
  /* ========Ajimix============== */
  /* ===============Tumix Page======= */
  .tumix-product-promo {
    padding-block: 40px;
  }
  ul.tumix-products-list {
    flex-direction: column;
  }
  ul.tumix-products-list > li {
    width: 100%;
  }
  ul.tumix-products-list li:nth-of-type(1) img {
    margin-top: 0;
    margin-left: 0;
    max-width: 100% !important;
  }
  ul.tumix-products-list > li:nth-of-type(3) {
    order: 3;
  }
  ul.tumix-products-list li:nth-of-type(4) img {
    margin-top: 0;
    margin-left: 0;
    max-width: 100% !important;
  }
  /* ===========features============ */
  .features-sec .features {
    flex-wrap: wrap;
    justify-content: center;
  }
  .features-sec .features .features__item {
    width: calc(33.33% - 12px);
    text-align: center;
  }
  .features-sec .features .features__item p {
    font-size: 16px;
    padding-inline: 8px;
  }
  .features-sec .features .features__item img {
    width: 90px;
  }
  /* =======faq========== */
  .faqs-sec {
    padding-block: 40px;
  }
  .faqs-content-wrapper.faq-v6 .faqs-image {
    width: 100%;
  }
  .faqs-content-wrapper.faq-v6 .faqs-content {
    width: 100%;
    padding-left: 0;
  }
  /*  */
}