:root {
   /* Brand core */
   --primary-color: #1c5f86; /* azul URIBRAS */
   --primary-color-dark: #15567F;
   --primary-color-soft: #E8F3FB;
   --accent-color: #3bb86f; /* verde URIBRAS */
   --accent-color-dark: #238651;
   --accent-color-soft: #E9F7F0;
   /* Base & text */
   --bg-color: #FFFFFF;
   --surface-color: #F7FAFC; /* fundos suaves */
   --text-color: #4B5F6D; /* corpo */
   --text-color-strong: #23323B; /* títulos */
   --white-color: #FFFFFF;
   /* States */
   --error-color: #E65757;
   --focus-ring: rgba(33, 115, 166, .35);
   /* Dividers */
   --divider-color: rgba(33, 115, 166, .12); /* baseado no azul */
   --dark-divider-color: rgba(255, 255, 255, .12);
   /* Legacy aliases (mantidos p/ compatibilidade) */
   --secondary-color: var(--surface-color);
   --accent-secondary-color: #83B757; /* opcional: tom extra de verde */
   --default-font: "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
   /*CORES NEUTRAS*/
   --neutral-50-color: #161616;
   --neutral-100-color: #323232;
   --neutral-150-color: #484848;
   --neutral-200-color: #565656;
   --neutral-250-color: #707070;
   --neutral-300-color: #9A9A9A;
   --neutral-350-color: #BABABA;
   --neutral-400-color: #C5C5C5;
   --neutral-450-color: #C5C5C5;
   --neutral-500-color: #D4D4D4;
   --neutral-550-color: #E7E7E7;
   --neutral-600-color: #FAFAFA;
   /*CORES DO WHATSAPP*/
   --whatsapp-50-color: #33A660;
   --whatsapp-100-color: #25874B;
   /*CORES BASE*/
   --black-color: #000000;
   --white-color: #FFFFFF;
 }
 /************************************/
 /*** 	   02. General css		  ***/
 /************************************/
 body {
   position: relative;
   font-family: var(--default-font);
   font-size: 16px;
   font-weight: 400;
   line-height: 1em;
   color: var(--text-color);
   background: var(--bg-color);
 }
 ::-webkit-scrollbar-track {
   background-color: var(--secondary-color);
   border-left: 1px solid var(--secondary-color);
 }
 ::-webkit-scrollbar {
   width: 7px;
   background-color: var(--secondary-color);
 }
 ::-webkit-scrollbar-thumb {
   background: var(--accent-color);
 }
 ::selection {
   color: var(--primary-color);
   background-color: var(--accent-color);
   filter: invert(1);
 }
 p {
   line-height: 1.6em;
   margin-bottom: 1.57em;
 }
 h1, h2, h3, h4, h5, h6 {
   margin: 0;
   font-weight: 600;
   line-height: 1.2em;
   color: var(--primary-color);
 }
 figure {
   margin: 0;
 }
 img {
   max-width: 100%;
 }
 a {
   text-decoration: none;
 }
 a:hover {
   text-decoration: none;
   outline: 0;
 }
 a:focus {
   text-decoration: none;
   outline: 0;
 }
 html, body {
   width: 100%;
   overflow-x: clip;
 }
 .container {
   max-width: 1300px;
 }
 .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
   position: relative;
   padding-right: 15px;
   padding-left: 15px;
   z-index: 1;
 }
 .image-anime {
   position: relative;
   overflow: hidden;
 }
 .image-anime:after {
   content: "";
   position: absolute;
   width: 250%;
   height: 0%;
   left: 50%;
   top: 50%;
   background-color: rgba(255, 255, 255, .3);
   transform: translate(-50%, -50%) rotate(-45deg);
   z-index: 1;
 }
 .image-anime:hover:after {
   height: 250%;
   transition: all 600ms linear;
   background-color: transparent;
 }
 .reveal {
   position: relative;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   visibility: hidden;
   overflow: hidden;
 }
 .reveal img {
   height: 100%;
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transform-origin: left;
   transform-origin: left;
 }
 .row {
   margin-right: -15px;
   margin-left: -15px;
 }
 .row > * {
   padding-right: 15px;
   padding-left: 15px;
 }
 .row.no-gutters {
   margin-right: 0px;
   margin-left: 0px;
 }
 .row.no-gutters > * {
   padding-right: 0px;
   padding-left: 0px;
 }
 .btn-default {
   position: relative;
   display: inline-block;
   border-radius: 10px;
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
   border-radius: 10px;
   font-size: 16px;
   font-weight: 700;
   line-height: 1em;
   /**/
   color: var(--white-color);
   border: none;
   padding: 18px 50px 18px 20px;
   transition: all 0.4s ease-in-out;
   overflow: hidden;
   z-index: 0;
 }
 .btn-default::before {
   content: '';
   position: absolute;
   top: 50%;
   right: 20px;
   transform: translateY(-50%);
   height: 22px;
   width: 22px;
   background-image: url('../images/arrow-white.svg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   transition: all 0.4s ease-in-out;
 }
 .btn-default::after {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   left: -15%;
   right: 0;
   width: 0;
   height: 106%;
   background: var(--primary-color);
   transform: skew(30deg);
   transition: all 0.4s ease-in-out;
   z-index: -1;
 }
 .btn-default:hover:after {
   width: 100%;
   transform: skew(0deg);
   left: 0;
 }
 .btn-default.btn-highlighted:hover {
   color: var(--primary-color);
 }
 .btn-default.btn-highlighted2:hover {
   color: var(--white-color);
   border-color: var(--primary-color);
 }
 .btn-default.btn-highlighted:hover:before {
   background-image: url('../images/arrow-primary.svg');
 }
 .btn-default.btn-highlighted::after {
   background: var(--white-color);
 }
 /*****************************************
*************** BUTTONS ****************** 
*****************************************/
 /*BASE CSS E CELULAR PADRAO*/
 .btn {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   background: linear-gradient(45deg, var(--primary-100-color), var(--primary-150-color));
   color: var(--white-color);
   text-align: center;
   text-transform: uppercase;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: .02em;
   line-height: normal;
   border: 2px solid var(--primary-100-color);
   border-radius: 8px;
   padding: 12px 24px;
   transition: .5s ease;
   position: relative;
   overflow: hidden;
 }
 .btn:not(.wpp)::before {
   content: '';
   position: absolute;
   top: 0;
   left: -110%;
   bottom: 0;
   width: 110%;
   height: 300%;
   background: var(--white-color);
   border-radius: 0 50% 50% 0;
   transition: left .88s cubic-bezier(0.4, 0, 0.2, 1), border-radius .88s cubic-bezier(0.4, 0, 0.2, 1) .1s;
   margin: auto;
   z-index: 0;
 }
 .btn-txt {
   position: relative;
   z-index: 2;
   transition: color 0.5s ease;
 }
 .btn:not(.wpp) .btn-ic {
   width: 12px;
   transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .btn-ic {
   position: relative;
   width: 17px;
   fill: currentColor;
   z-index: 2;
 }
 .btn.wpp {
   background: var(--whatsapp-50-color);
   border: none;
   color: var(--white-color);
 }
 form .btn {
   display: block;
   width: 100%;
 }
 .btn-center, .btn-left {
   text-align: center;
   margin: 40px 0 0;
 }
 @keyframes slideIcon {
   0% {
     transform: translateX(0);
   }
   40% {
     transform: translateX(200%);
     opacity: 0;
   }
   41% {
     transform: translateX(-200%);
     opacity: 0;
   }
   100% {
     transform: translateX(0);
     opacity: 1;
   }
 }
 /*TABLET*/
 @media (min-width: 768px) {
   .btn-center, .btn-left {
     margin: 72px 0 0;
   }
 }
 /*NOTEBOOK PEQUENO*/
 @media (min-width: 1024px) {
   .btn {
     font-size: 15px;
   }
   .btn-ic {
     width: 18px;
   }
   .btn-center {
     margin: 80px 0 0;
   }
 }
 /* NOTEBOOK E DESKTOP PADRAO */
 @media (min-width: 1320px) {
   .btn {
     font-size: 16px;
     gap: 10px;
     padding: 12px 24px;
   }
   .btn:not(.wpp):hover {
     color: var(--primary-150-color);
   }
   .btn:not(.wpp):hover::before {
     left: 0;
     border-radius: 0;
   }
   .btn:not(.wpp):hover .btn-ic {
     animation: slideIcon 0.88s cubic-bezier(0.4, 0, 0.2, 1);
   }
   .btn.wpp:hover {
     background: var(--whatsapp-100-color);
   }
   .btn-ic {
     width: 20px;
   }
   .btn-center {
     margin: 88px 0 0;
   }
   .btn-left {
     text-align: left;
     margin: 32px 0 0;
   }
 }
 /* DESKTOP GRANDE E RETINA */
 @media (min-width: 1560px) {
   .btn {
     font-size: 18px;
     gap: 12px;
     padding: 14px 28px;
   }
   .btn-ic {
     width: 14px;
   }
   .btn-center {
     margin: 104px 0 0;
   }
   .btn-left {
     margin: 40px 0 0;
   }
 }
 .readmore-btn {
   position: relative;
   display: inline-block;
   font-size: 16px;
   font-weight: 600;
   line-height: normal;
   color: var(--primary-color);
   padding-right: 28px;
   transition: all 0.3s ease-in-out;
 }
 .readmore-btn:hover {
   color: var(--accent-color);
 }
 .readmore-btn::before {
   content: '';
   position: absolute;
   top: 50%;
   right: 3px;
   transform: translateY(-50%);
   background: url('../images/arrow-primary.svg') no-repeat;
   background-position: right center;
   background-size: cover;
   width: 20px;
   height: 20px;
   transition: all 0.3s ease-in-out;
 }
 .readmore-btn:hover::before {
   right: 0;
 }
 .cb-cursor:before {
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
 }
 .preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1000;
   background: var(--primary-color);
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .loading-container, .loading {
   height: 100px;
   position: relative;
   width: 100px;
   border-radius: 100%;
 }
 .loading-container {
   margin: 40px auto;
 }
 .loading {
   border: 1px solid transparent;
   border-color: transparent var(--white-color) transparent var(--white-color);
   animation: rotate-loading 1.5s linear 0s infinite normal;
   transform-origin: 50% 50%;
 }
 .loading-container:hover .loading, .loading-container .loading {
   transition: all 0.5s ease-in-out;
 }
 #loading-icon {
   position: absolute;
   top: 50%;
   left: 50%;
   max-width: 66px;
   transform: translate(-50%, -50%);
 }
 @keyframes rotate-loading {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
 }
 .section-row {
   margin-bottom: 80px;
 }
 .section-row .section-title {
   margin-bottom: 0;
 }
 .section-title.section-title-center {
   width: 100%;
   max-width: 860px;
   text-align: center;
   margin: 0 auto;
 }
 .section-title {
   margin-bottom: 40px;
 }
 .section-title h3 {
   display: inline-block;
   position: relative;
   font-size: 14px;
   font-weight: 500;
   line-height: 1.3em;
   color: var(--primary-color);
   border: 1px solid var(--divider-color);
   background-color: var(--secondary-color);
   background-image: url('../images/icon-sub-heading.svg');
   background-repeat: no-repeat;
   background-position: left 15px center;
   background-size: 18px auto;
   border-radius: 10px;
   padding: 8px 15px 8px 40px;
   margin-bottom: 10px;
 }
 .section-title h1 {
   font-size: 52px;
   font-weight: 700;
   line-height: 1.1em;
   letter-spacing: -0.02em;
   margin-bottom: 0;
   cursor: none;
 }
 .section-title h2 {
   font-size: 46px;
   font-weight: 700;
   letter-spacing: -0.02em;
   margin-bottom: 0;
   cursor: none;
 }
 .section-title p {
   margin-top: 20px;
   margin-bottom: 0;
 }
 .section-title-content p {
   margin: 0;
 }
 .section-btn {
   text-align: right;
 }
 .section-content-btn .section-btn {
   text-align: left;
   margin-top: 30px;
 }
 .dark-section {
   background-color: var(--primary-color);
 }
 .dark-section .section-title h1, .dark-section .section-title h2, .dark-section .section-title-content p, .dark-section .section-title p {
   color: var(--white-color);
 }
 .dark-section .section-title h3 {
   background-color: var(--dark-divider-color);
   border-color: var(--dark-divider-color);
   backdrop-filter: blur(15px);
   -webkit-backdrop-filter: blur(15px);
   color: var(--white-color);
 }
 .help-block.with-errors ul {
   margin: 0;
   text-align: left;
 }
 .help-block.with-errors ul li {
   color: var(--error-color);
   font-weight: 500;
   font-size: 14px;
 }
 /************************************/
 /*** 	   03. Header css		  ***/
 /************************************
 header.main-header {
   position: absolute;
   top: 0;
   width: 100%;
   border-bottom: 1px solid var(--dark-divider-color);
   z-index: 100;
 }
 header.main-header .header-sticky {
   position: relative;
   top: 0;
   z-index: 100;
 }
 header.main-header .header-sticky.hide {
   transform: translateY(-100%);
   transition: transform 0.3s ease-in-out;
   border-radius: 0;
 }
 header.main-header .header-sticky.active {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   border-radius: 0;
   transform: translateY(0);
   background: var(--primary-color);
   border-bottom: 1px solid var(--dark-divider-color);
 }
 .navbar {
   padding: 20px 0;
   align-items: center;
 }
 .navbar-brand {
   padding: 0;
   margin: 0;
 }
 .main-menu .nav-menu-wrapper {
   flex: 1;
   text-align: center;
   margin: 0 20px;
 }
 .main-menu .nav-menu-wrapper > ul {
   align-items: center;
   display: inline-flex;
 }
 .main-menu ul li {
   margin: 0 5px;
   position: relative;
 }
 .main-menu ul li a {
   font-size: 16px;
   font-weight: 600;
   line-height: 1.1em;
   padding: 15px 10px !important;
   color: var(--white-color);
   transition: all 0.3s ease-in-out;
 }
 .main-menu ul li.submenu > a:after {
   content: '\f107';
   font-family: 'FontAwesome';
   font-weight: 900;
   font-size: 14px;
   margin-left: 8px;
 }
 .main-menu ul li a:hover, .main-menu ul li a:focus {
   color: var(--accent-color);
 }
 .main-menu ul li a:focus-visible {
   box-shadow: none;
 }
 .main-menu ul ul {
   visibility: hidden;
   opacity: 0;
   transform: scale(1, 0.8);
   transform-origin: top;
   padding: 0;
   margin: 0;
   list-style: none;
   width: 235px;
   border-radius: 20px;
   position: absolute;
   left: 0;
   top: 100%;
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
   transition: all 0.3s ease-in-out;
   text-align: left;
 }
 .main-menu ul li.submenu:first-child ul {
   width: 235px;
 }
 .main-menu ul ul ul {
   left: 100%;
   top: 0;
   text-align: left;
 }
 .main-menu ul li:hover > ul {
   visibility: visible;
   opacity: 1;
   transform: scale(1, 1);
   padding: 5px 0;
 }
 .main-menu ul li.submenu ul li.submenu > a:after {
   content: '\f105';
   float: right;
 }
 .main-menu ul ul li {
   margin: 0;
   padding: 0;
 }
 .main-menu ul ul li a {
   color: var(--white-color);
   padding: 8px 20px !important;
   transition: all 0.3s ease-in-out;
 }
 .main-menu ul ul li a:hover, .main-menu ul ul li a:focus {
   color: var(--primary-color);
   background-color: transparent;
   padding: 8px 20px 8px 23px !important;
 }
 .main-menu ul li.highlighted-menu {
   display: none;
 }
 .responsive-menu, .navbar-toggle {
   display: none;
 }
 .responsive-menu {
   top: 0;
   position: relative;
 }
 .slicknav_btn {
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
   padding: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 38px;
   height: 38px;
   margin: 0;
   border-radius: 6px;
 }
 .slicknav_icon .slicknav_icon-bar {
   display: block;
   width: 100%;
   height: 3px;
   width: 22px;
   background-color: var(--white-color);
   border-radius: 6px;
   margin: 4px auto !important;
   transition: all 0.1s ease-in-out;
 }
 .slicknav_icon .slicknav_icon-bar:first-child {
   margin-top: 0 !important;
 }
 .slicknav_icon .slicknav_icon-bar:last-child {
   margin-bottom: 0 !important;
 }
 .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1) {
   transform: rotate(-45deg) translate(-5px, 5px);
 }
 .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {
   opacity: 0;
 }
 .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {
   transform: rotate(45deg) translate(-5px, -5px);
 }
 .slicknav_menu {
   position: absolute;
   width: 100%;
   padding: 0;
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
 }
 .slicknav_menu ul {
   margin: 5px 0;
 }
 .slicknav_menu ul ul {
   margin: 0;
 }
 .slicknav_nav .slicknav_row, .slicknav_nav li a {
   position: relative;
   font-size: 16px;
   font-weight: 600;
   padding: 8px 20px;
   color: var(--white-color);
   line-height: normal;
   margin: 0;
   border-radius: 0 !important;
   transition: all 0.3s ease-in-out;
 }
 .slicknav_nav a:hover, .slicknav_nav a:focus, .slicknav_nav .slicknav_row:hover {
   background-color: transparent;
   color: var(--primary-color);
 }
 .slicknav_menu ul ul li a {
   padding: 8px 20px 8px 30px;
 }
 .slicknav_arrow {
   font-size: 0 !important;
 }
 .slicknav_arrow:after {
   content: '\f107';
   font-family: 'FontAwesome';
   font-weight: 900;
   font-size: 12px;
   margin-left: 8px;
   color: var(--white-color);
   position: absolute;
   right: 15px;
   top: 50%;
   transform: translateY(-50%);
   transition: all 0.3s ease-out;
 }
 .slicknav_open > a .slicknav_arrow:after {
   transform: translateY(-50%) rotate(-180deg);
   color: var(--primary-color);
 }
 /************************************/
 /***        04. Hero css	      ***/
 /************************************
 .hero {
   position: relative;
   background: url('../images/mictorio-uribras-waterless.jpg') no-repeat;
   background-position: center center;
   background-size: cover;
   padding: 220px 0 110px;
 }
 .hero::before {
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: var(--primary-color);
   opacity: 80%;
   width: 100%;
   height: 100%;
   z-index: 1;
 }
 .hero .container {
   position: relative;
   z-index: 2;
 }
 .hero.hero-video .hero-bg-video::before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: linear-gradient(1deg, rgba(0, 0, 0, 0.00) 20.46%, #000 99.49%), linear-gradient(179deg, rgba(0, 0, 0, 0.00) 0.44%, #000 119.12%);
   width: 100%;
   height: 100%;
   z-index: 0;
 }
 .hero.hero-video .hero-bg-video {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
 }
 .hero.hero-video .hero-bg-video video {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .hero.hero-slider-layout {
   background: none;
   padding: 0;
 }
 .hero.hero-slider-layout .hero-slide {
   position: relative;
   padding: 245px 0 130px;
 }
 .hero.hero-slider-layout .hero-slide::before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: linear-gradient(1deg, rgba(0, 0, 0, 0.00) 20.46%, #000 99.49%), linear-gradient(179deg, rgba(0, 0, 0, 0.00) 0.44%, #000 119.12%);
   width: 100%;
   height: 100%;
   z-index: 2;
 }
 .hero.hero-slider-layout .hero-slide .hero-slider-image {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
 }
 .hero.hero-slider-layout .hero-slide .hero-slider-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .hero.hero-slider-layout .hero-pagination {
   position: absolute;
   bottom: 30px;
   text-align: center;
   z-index: 2;
 }
 .hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet {
   width: 12px;
   height: 12px;
   background: var(--dark-divider-color);
   opacity: 1;
   transition: all 0.3s ease-in-out;
   margin: 0 5px;
 }
 .hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet-active {
   background-color: var(--accent-color);
 }
 .hero-body {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 20px 30px;
 }*/
 .video-play-button {
   display: inline-flex;
   align-items: center;
 }
 .video-play-button p {
   font-weight: 700;
   color: var(--primary-color);
   margin: 0 0 0 15px;
 }
 .video-play-button a {
   position: relative;
   height: 50px;
   width: 50px;
   background: var(--white-color);
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: none;
   transition: all 0.3s ease-in-out;
 }
 .video-play-button a:hover {
   background: var(--accent-color);
 }
 .video-play-button a i {
   font-size: 18px;
   color: var(--accent-color);
   margin-left: 2px;
   transition: all 0.3s ease-in-out;
 }
 .video-play-button a:hover i {
   color: var(--white-color);
 }
 .video-play-button p {
   color: var(--white-color);
   font-weight: 600;
 }/*
 .review-box {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 15px;
   border-top: 1px solid var(--dark-divider-color);
   padding-top: 50px;
   margin-top: 50px;
 }
 .review-images {
   display: inline-flex;
   align-items: center;
 }
 .review-image {
   position: relative;
   display: inline-block;
   margin-left: -14px;
   z-index: 1;
 }
 .review-image:first-child {
   margin: 0;
 }
 .review-image figure {
   display: block;
   border: 1px solid var(--white-color);
   border-radius: 50%;
 }
 .review-image img {
   width: 100%;
   max-width: 50px;
   border-radius: 50%;
 }
 .review-image.add-more {
   width: 50px;
   height: 50px;
   background: linear-gradient(90deg, var(--accent-color) 0%, var(--accent-secondary-color) 50%, var(--accent-color) 100%);
   background-size: 200% auto;
   border: 1px solid var(--bg-color);
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: all 0.3s ease-in-out;
 }
 .review-image.add-more:hover {
   background-position: right center;
 }
 .review-image.add-more i {
   font-size: 22px;
   color: var(--primary-color);
 }
 .satisfy-client-content {
   width: 68%;
 }
 .satisfy-client-content p {
   color: var(--white-color);
   margin: 0;
 }
 .hero-image img {
   width: 100%;
   aspect-ratio: 1 / 0.79;
   object-fit: cover;
 }
 /************************************/
 /*** 	05. Scrolling Ticker css  ***/
 /************************************
 .our-scrolling-ticker {
   background: var(--accent-color);
   padding: 25px 0;
 }
 .scrolling-ticker-box {
   --gap: 30px;
   position: relative;
   display: flex;
   overflow: hidden;
   user-select: none;
   gap: var(--gap);
   align-items: center;
 }
 .scrolling-content {
   flex-shrink: 0;
   display: flex;
   gap: var(--gap);
   min-width: 100%;
   animation: scroll 20s linear infinite;
 }
 .scrolling-content span {
   display: inline-block;
   font-family: var(--accent-font);
   font-size: 26px;
   font-weight: 600;
   line-height: 1.2em;
   color: var(--white-color);
 }
 .scrolling-content span img {
   width: 26px;
   margin-right: 30px;
 }
 @keyframes scroll {
   from {
     transform: translateX(0);
   }
   to {
     transform: translateX(calc(-100% - var(--gap)));
   }
 }*/
 /************************************/
 /*** 	   06. About Us css 	  ***/
 /************************************/
 .about-us {
   padding: 100px 0;
   background: var(--secondary-color);
 }
 .about-image-box {
   position: relative;
 }
 .about-image {
   margin-bottom: 20px;
 }
 .about-image figure {
   display: block;
   border-radius: 20px;
 }
 .about-image figure img {
   width: 100%;
   aspect-ratio: 1 / 0.578;
   object-fit: cover;
   border-radius: 20px;
 }
 .contact-us-circle {
   position: absolute;
   top: calc(50% - 20px);
   left: 50%;
   transform: translate(-50%, 0%);
   z-index: 1;
 }
 .contact-us-circle a {
   display: block;
   border: 10px solid var(--secondary-color);
   border-radius: 50%;
 }
 .contact-us-circle a img {
   width: 100%;
   max-width: 126px;
   border-radius: 50%;
   animation: infiniterotate 20s infinite linear;
 }
 @keyframes infiniterotate {
   from {
     transform: rotate(0);
   }
   to {
     transform: rotate(360deg);
   }
 }
 .contact-us-circle a:hover img {
   animation-play-state: paused;
 }
 .about-image-item-box {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
 }
 .about-image-item, .about-image-item-box .about-image {
   width: calc(50% - 10px);
 }
 .about-image-item {
   background: linear-gradient(270deg, rgba(155, 206, 113, 0.10) 0%, rgba(131, 183, 87, 0.10) 100%);
   border-radius: 20px;
   align-content: center;
   padding: 30px;
 }
 .about-image-item .icon-box {
   margin-bottom: 45px;
 }
 .about-image-item .icon-box img {
   width: 100%;
   max-width: 50px;
 }
 .about-image-item-content h2 {
   font-size: 46px;
   font-weight: 700;
   margin-bottom: 15px;
 }
 .about-image-item-content h3 {
   color: var(--primary-color);
   font-size: 20px;
   font-weight: 600;
 }
 .about-image-item-box .about-image {
   margin-bottom: 0;
 }
 .about-image-item-box .about-image figure {
   height: 100%;
 }
 .about-image-item-box .about-image img {
   height: 100%;
   aspect-ratio: 1 / 0.79;
 }
 .about-us-content {
   margin-left: 15px;
 }
 .about-us-body {
   border-left: 2px solid var(--divider-color);
   padding-left: 40px;
 }
 .about-body-item {
   position: relative;
   margin-bottom: 30px;
 }
 .about-body-item:last-child {
   margin-bottom: 0;
 }
 .about-body-item:before {
   content: '';
   position: absolute;
   top: auto;
   left: -43px;
   bottom: -20px;
   width: 4px;
   height: 0;
   background: var(--primary-color);
   border-radius: 10px;
   z-index: 1;
   transition: all 0.4s ease-in-out;
 }
 .about-body-item.active:before, .about-body-item:hover:before {
   top: -20px;
   height: calc(100% + 35px);
 }
 .about-body-item:first-child.active:before, .about-body-item:first-child:hover:before {
   top: 0;
 }
 .about-body-item:last-child:before {
   bottom: 0;
 }
 .about-body-item:first-child.active:before, .about-body-item:first-child:hover:before, .about-body-item:last-child.active:before, .about-body-item:last-child:hover:before {
   height: calc(100% + 20px);
 }
 .about-body-item .icon-box {
   margin-bottom: 15px;
 }
 .about-body-item .icon-box img {
   width: 100%;
   max-width: 40px;
   transition: all 0.4s ease-in-out;
 }
 .about-body-item.active .icon-box img, .about-body-item:hover .icon-box img {
   transform: rotateY(180deg);
 }
 .about-body-content h3 {
   font-size: 20px;
   line-height: 1.4em;
 }
 .about-body-content p {
   margin: 10px 0 0;
 }
 /************************************/
 /*** 	 07. Our Products css 	  ***/
 /************************************/
 .our-products {
   background: var(--secondary-color);
   padding: 100px 0;
 }
 .product-item {
   background: var(--white-color);
   border-radius: 20px;
   height: calc(100% - 30px);
   margin-bottom: 30px;
   padding: 30px 25px;
 }
 .product-image {
   position: relative;
   text-align: center;
   margin-bottom: 40px;
 }
 .product-image figure {
   display: block;
 }
 .product-image figure img {
   width: 100%;
   max-width: 242px;
 }
 .product-cart-btn {
   position: absolute;
   top: 65%;
   left: 0;
   right: 0;
   text-align: center;
   margin: 0 auto;
   transform: translateY(-50%);
   opacity: 0;
   transition: all 0.4s ease-in-out;
 }
 .product-item.active .product-cart-btn, .product-item:hover .product-cart-btn {
   top: 50%;
   opacity: 1;
 }
 .product-cart-btn a {
   font-size: 14px;
   font-weight: 600;
   color: var(--white-color);
   display: inline-flex;
   align-items: center;
   background: linear-gradient(90deg, var(--accent-color) 0%, var(--accent-secondary-color) 50%, var(--accent-color) 100%);
   background-size: 200% auto;
   border-radius: 10px;
   padding: 12px 40px;
   transition: all 0.3s ease-in-out;
 }
 .product-cart-btn a:hover {
   color: var(--primary-color);
   background-position: right center;
 }
 .product-cart-btn a img {
   max-width: 20px;
   margin-left: 10px;
 }
 .product-content p {
   font-size: 14px;
   font-weight: 500;
   margin-bottom: 5px;
 }
 .product-content h3 {
   font-size: 20px;
 }
 .product-content h3 a {
   color: inherit;
 }
 .product-rating {
   margin-top: 15px;
 }
 .product-rating i {
   margin-right: 1px;
   color: var(--primary-color);
 }
 .product-price {
   margin-top: 20px;
 }
 .product-price h3 {
   font-size: 22px;
 }
 .product-price h3 span {
   font-size: 18px;
   font-weight: 500;
   text-decoration: line-through;
   opacity: 30%;
 }
 .section-footer-text {
   margin-top: 30px;
   text-align: center;
 }
 .section-footer-text p {
   color: var(--primary-color);
   margin-bottom: 0;
 }
 .dark-section .section-footer-text p {
   color: var(--white-color);
 }
 .section-footer-text span {
   font-size: 14px;
   font-weight: 600;
   color: var(--white-color);
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 50%, var(--accent-color) 100%);
   background-size: 200% auto;
   padding: 3px 10px;
   border-radius: 100px;
   margin-right: 10px;
   transition: all 0.3s ease-in-out;
 }
 .section-footer-text p:hover span {
   background-position: right center;
 }
 .section-footer-text p a {
   position: relative;
   font-weight: 600;
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 50%, var(--accent-color) 100%);
   background-size: 200% auto;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   transition: all 0.4s ease-in-out;
   color: var(--accent-color);
 }
 .section-footer-text a::before {
   content: '';
   position: absolute;
   bottom: 1px;
   left: 0;
   right: 0;
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 50%, var(--accent-color) 100%);
   background-size: 200% auto;
   height: 1px;
   width: 100%;
   transition: all 0.3s ease-in-out;
 }
 .section-footer-text p:hover span, .section-footer-text a:hover, .section-footer-text a:hover::before {
   background-position: right center;
 }
 /************************************/
 /*** 	 08. Why Choose Us css 	  ***/
 /************************************/
 .why-choose-us {
   padding: 100px 0;
 }
 .why-choose-list {
   /*border-bottom: 1px solid var(--divider-color);
	margin-bottom: 40px;
	padding-bottom: 40px;*/
 }
 .why-choose-list ul {
   display: flex;
   flex-wrap: wrap;
   gap: 20px 30px;
   list-style: none;
   margin: 0;
   padding: 0;
 }
 .why-choose-list ul li {
   position: relative;
   width: calc(50% - 15px);
   color: var(--primary-color);
   line-height: 1.5em;
   padding-left: 30px;
 }
 .why-choose-list ul li::before {
   content: '\f14a';
   font-family: 'Font Awesome 6 Free';
   position: absolute;
   top: 0;
   left: 0;
   font-size: 18px;
   font-weight: 900;
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 .why-choose-body {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
 .why-choose-experience {
   max-width: 220px;
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 50%, var(--accent-color) 100%);
   background-size: 200% auto;
   border-radius: 10px;
   text-align: center;
   transition: all 0.3s ease-in-out;
   padding: 40px;
 }
 .why-choose-experience:hover {
   background-position: right center;
 }
 .why-choose-experience h2 {
   font-size: 46px;
   color: var(--white-color);
 }
 .why-choose-experience p {
   color: var(--white-color);
   margin: 20px 0 0;
 }
 .why-choose-item-list {
   width: calc(100% - 260px);
   border-left: 1px solid var(--divider-color);
   margin-left: 40px;
   padding-left: 40px;
 }
 .why-choose-item {
   margin-bottom: 30px;
 }
 .why-choose-item:last-child {
   margin-bottom: 0;
 }
 .why-choose-item h3 {
   font-size: 20px;
 }
 .why-choose-item p {
   margin: 10px 0 0;
 }
 .why-choose-image {
   position: relative;
   margin-left: 10px;
   padding: 0 100px 70px 0;
 }
 .why-choose-img-1 figure, .why-choose-img-2 figure {
   display: block;
   border-radius: 50%;
 }
 .why-choose-img-1 img, .why-choose-img-2 img {
   width: 100%;
   border-radius: 50%;
 }
 .why-choose-img-2 {
   position: absolute;
   bottom: 0;
   right: 0;
 }
 .why-choose-img-2 figure img {
   max-width: 300px;
   border: 8px solid var(--white-color);
 }
 .why-choose-counter-list {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
   border-top: 1px solid var(--divider-color);
   margin-top: 60px;
   padding-top: 60px;
 }
 .why-choose-counter-item {
   width: calc(25% - 22.5px);
   text-align: center;
 }
 .why-choose-counter-item h2 {
   font-size: 46px;
   font-weight: 700;
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 50%, var(--accent-color) 100%);
   background-size: 200% auto;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   transition: all 0.4s ease-in-out;
 }
 .why-choose-counter-item:hover h2 {
   background-position: right center;
 }
 .why-choose-counter-item p {
   font-weight: 500;
   color: var(--primary-color);
   margin: 10px 0 0;
 }
 /************************************/
 /*** 	   09. We Offer css 	  ***/
 /************************************/
 .we-offer {
   background-color: var(--secondary-color);
   padding: 100px 0;
 }
 .offer-item-list {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
   margin-bottom: 30px;
 }
 .offer-item {
   width: calc(25% - 22.5px);
   background: var(--white-color);
   text-align: center;
   border-radius: 20px;
   padding: 30px;
   margin-top: 90px;
 }
 .offer-item-image {
   max-width: 196px;
   margin: -120px auto 30px;
 }
 .offer-item-image figure {
   display: block;
   border-radius: 50%;
   overflow: hidden;
   border: 6px solid var(--secondary-color);
 }
 .offer-item-image img {
   width: 100%;
   object-fit: cover;
   border-radius: 50%;
   transition: all 0.3s ease-in-out;
 }
 .offer-item:hover .offer-item-image img {
   transform: scale(1.08);
 }
 .offer-item-content h3 {
   font-size: 20px;
 }
 .offer-item-content p {
   margin: 10px 0 0;
 }
 .offer-item-content .readmore-btn {
   margin-top: 20px;
 }
 /************************************/
 /*** 	 10. Our Benefits css 	  ***/
 /************************************/
 .our-benefits {
   padding: 100px 0;
 }
 .benefit-item {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 50px;
 }
 .benefit-item:last-child {
   margin-bottom: 0;
 }
 .benefit-item .icon-box {
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 50%, var(--accent-color) 100%);
   background-size: 200% auto;
   height: 60px;
   width: 60px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 20px;
   overflow: hidden;
   transition: all 0.3s ease-in-out;
 }
 .benefit-item:hover .icon-box {
   background-position: right center;
 }
 .benefit-item .icon-box img {
   max-width: 30px;
 }
 .benefit-item-content {
   width: calc(100% - 80px);
 }
 .benefit-item-content h3 {
   font-size: 20px;
 }
 .benefit-item-content p {
   margin: 10px 0 0;
 }
 .our-benefits-image figure {
   display: block;
 }
 .our-benefits-image img {
   width: 100%;
   object-fit: cover;
 }
 .our-benefits .section-footer-text {
   margin-top: 60px;
 }
 /************************************/
 /*** 	   11. Intro Video css 	  ***/
 /************************************/
 .intro-video .container-fluid {
   padding: 0;
 }
 .intro-video-box {
   position: relative;
 }
 .intro-video-box, .intro-video-box video {
   width: 100%;
   height: 550px;
 }
 .intro-video-box video {
   object-fit: cover;
   filter: brightness(0.8);
 }
 .video-play-button.bg-effect {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   flex-direction: column;
 }
 .video-play-button.bg-effect a:before, .video-play-button.bg-effect a:after {
   content: '';
   position: absolute;
   top: -50%;
   left: -50%;
   width: 160%;
   height: 160%;
   border: 50px solid var(--white-color);
   opacity: 40%;
   border-radius: 50%;
   transform: scale(0.6);
   z-index: -1;
   animation: border-zooming 1.2s infinite linear;
 }
 .video-play-button.bg-effect a:after {
   animation-delay: .3s;
 }
 @keyframes border-zooming {
   100% {
     transform: scale(1);
     opacity: 0;
   }
 }
 .video-play-button.bg-effect p {
   margin: 30px 0 0;
 }
 /************************************/
 /***  12. Premium Ingredient css  ***/
 /************************************/
 .premium-ingredients {
   padding: 100px 0;
   background: var(--secondary-color);
 }
 .ingredients-body h3 {
   font-size: 20px;
 }
 .ingredients-body ul {
   list-style: disc;
   display: flex;
   flex-wrap: wrap;
   gap: 20px 40px;
   background: var(--secondary-color);
   border-radius: 20px;
   padding: 30px 30px 30px 50px;
   margin: 20px 0 0;
 }
 .ingredients-body ul li {
   width: calc(50% - 20px);
   font-weight: 500;
   line-height: 1.5em;
 }
 .ingredients-body ul li::marker {
   color: var(--accent-color);
 }
 .ingredients-image-box {
   display: flex;
   align-items: center;
   margin-left: 15px;
 }
 .our-ingredients-image figure {
   display: block;
   border-radius: 20px;
 }
 .our-ingredients-image img {
   width: 100%;
   aspect-ratio: 1 / 1.34;
   object-fit: cover;
   border-radius: 20px;
 }
 .ingredient-item-list {
   position: relative;
   max-width: 62%;
   background: var(--secondary-color);
   border-radius: 20px;
   padding: 40px;
   margin-left: -140px;
   z-index: 1;
 }
 .ingredient-item {
   display: flex;
   border-bottom: 1px solid var(--divider-color);
   margin-bottom: 30px;
   padding-bottom: 30px;
 }
 .ingredient-item:last-child {
   border-bottom: none;
   margin-bottom: 0;
   padding-bottom: 0;
 }
 .ingredient-item .icon-box {
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 50%, var(--accent-color) 100%);
   background-size: 200% auto;
   height: 50px;
   width: 50px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 20px;
   overflow: hidden;
   transition: all 0.3s ease-in-out;
 }
 .ingredient-item:hover .icon-box {
   background-position: right center;
 }
 .ingredient-item .icon-box img {
   max-width: 30px;
 }
 .ingredient-item-content {
   width: calc(100% - 70px);
 }
 .ingredient-item-content h3 {
   font-size: 20px;
 }
 .ingredient-item-content p {
   margin: 10px 0 0;
 }
 .premium-ingredient-item-list {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
   border-top: 1px solid var(--divider-color);
   margin-top: 80px;
   padding-top: 80px;
 }
 .premium-ingredient-item {
   width: calc(25% - 22.5px);
 }
 .premium-ingredient-item .icon-box {
   margin-bottom: 30px;
 }
 .premium-ingredient-item .icon-box img {
   max-width: 40px;
   transition: all 0.3s ease-in-out;
 }
 .premium-ingredient-item:hover .icon-box img {
   transform: rotateY(180deg);
   filter: brightness(0) invert(0);
 }
 .premium-ingredient-item-content h3 {
   font-size: 20px;
 }
 .premium-ingredient-item-content p {
   margin: 10px 0 0;
 }
 /************************************/
 /*** 	   13. Sale Now css 	  ***/
 /************************************/
 .sale-now {
   position: relative;
   background: var(--primary-color) url('../images/sale-now-bg-image.png') no-repeat;
   padding: 100px 0;
   overflow: hidden;
 }
 .sale-now::before {
   content: '';
   position: absolute;
   display: block;
   width: 480px;
   height: 525px;
   bottom: -110px;
   left: -100px;
   background-image: url('../images/sale-now-bg-img-1.png');
   background-size: cover;
   background-position: center center;
 }
 .sale-now::after {
   content: '';
   position: absolute;
   display: block;
   width: 454px;
   height: 385px;
   bottom: -30px;
   right: -110px;
   background-image: url('../images/sale-now-bg-img-2.png');
   background-size: cover;
   background-position: center center;
 }
 .sale-now-box .section-title {
   text-align: center;
   max-width: 820px;
   margin: 0 auto;
 }
 .sale-now-box .section-title p {
   max-width: 85%;
   margin-left: auto;
   margin-right: auto;
 }
 .special-saving-content-body {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 60px;
   width: 100%;
   max-width: 950px;
   margin: 60px auto 0;
   z-index: 1;
 }
 .special-saving-content-body .countdown-text {
   position: relative;
   width: calc(25% - 45px);
   background: var(--white-color);
   border-radius: 20px;
   text-align: center;
   padding: 30px;
 }
 .special-saving-content-body .countdown-text::before {
   content: ':';
   position: absolute;
   top: 50%;
   right: -35px;
   transform: translateY(-80%);
   font-size: 46px;
   font-weight: 700;
   color: var(--white-color);
   opacity: 50%;
 }
 .special-saving-content-body .countdown-text:last-child:before {
   display: none;
 }
 .countdown-text h3 {
   font-size: 56px;
   line-height: 1em;
   font-weight: 700;
 }
 .countdown-text p {
   color: var(--primary-color);
   font-weight: 500;
   margin: 10px 0 0;
 }
 .sale-now-image-1 {
   position: absolute;
   left: 0;
   bottom: 0;
 }
 /* ====== Global Success Stories ====== */
 .global-success-stories {
   padding: 100px 0;
   background: var(--surface-color);
 }
 .success-stories-slider .swiper {
   padding-bottom: 16px;
 }
 .success-stories-slider .swiper-slide {
   height: auto;
 }
 .success-story-card {
   height: 100%;
   background: var(--white-color);
   border: 1px solid var(--divider-color);
   border-radius: 20px;
   padding: 36px;
   display: flex;
   flex-direction: column;
   gap: 20px;
 }
 .success-story-card h3 {
   font-size: 24px;
   line-height: 1.3em;
   color: var(--text-color-strong);
 }
 .success-story-card p {
   margin: 0;
   color: var(--text-color);
 }
 .success-story-card p + p {
   margin-top: 2px;
 }
 .success-story-results {
   margin-top: auto;
   padding-top: 16px;
   border-top: 1px solid var(--divider-color);
   font-weight: 600;
 }
 .success-story-results strong {
   color: var(--primary-color);
 }
 .success-stories-pagination {
   position: static;
   margin-top: 16px;
   text-align: center;
 }
 .success-stories-pagination .swiper-pagination-bullet {
   height: 10px;
   width: 10px;
   background: var(--divider-color);
   opacity: 1;
   margin: 0 4px;
   transition: all 0.3s ease-in-out;
 }
 .success-stories-pagination .swiper-pagination-bullet-active {
   width: 30px;
   background: var(--accent-color);
   border-radius: 12px;
 }
 @media only screen and (max-width: 991px) {
   .global-success-stories {
     padding: 80px 0;
   }
   .success-story-card {
     padding: 32px 28px;
   }
 }
 @media only screen and (max-width: 767px) {
   .global-success-stories {
     padding: 60px 0;
   }
   .success-story-card {
     padding: 28px 24px;
   }
 }
 @media only screen and (max-width: 575px) {
   .success-story-card {
     padding: 24px 20px;
   }
   .success-story-card h3 {
     font-size: 20px;
   }
 }
 /************************************/
 /***   14. Our Testimonials css	  ***/
 /************************************/
 .our-testimonials {
   padding: 100px 0;
   /*background: var(--secondary-color);*/
 }
 .testimonial-slider .swiper-wrapper {
   cursor: none;
 }
 .testimonial-item {
   position: relative;
   background: var(--secondary-color);
   border-radius: 20px;
   margin-top: 30px;
   padding: 40px;
 }
 .testimonial-item::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
   transform: scale(0);
   border-radius: 20px;
   width: 100%;
   height: 100%;
   z-index: 0;
   transition: all 0.5s ease-in-out;
   opacity: 0;
 }
 .testimonial-slider .swiper-slide.swiper-slide-active .testimonial-item::before {
   opacity: 1;
   transform: scale(1);
 }
 .testimonial-quote, .testimonial-rating, .testimonial-content, .author-info {
   position: relative;
   z-index: 1;
 }
 .testimonial-quote {
   width: 60px;
   height: 60px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
   border-radius: 50%;
   border: 4px solid var(--white-color);
   margin: -70px 0 30px;
 }
 .testimonial-quote img {
   max-width: 26px;
 }
 .testimonial-rating i {
   color: var(--primary-color);
   margin-right: 2px;
   transition: all 0.4s ease-in-out;
 }
 .testimonial-content {
   margin-top: 30px;
 }
 .testimonial-content p {
   color: var(--primary-color);
   margin-bottom: 0;
   transition: all 0.4s ease-in-out;
 }
 .author-info {
   display: flex;
   align-items: center;
   border-top: 1px solid var(--divider-color);
   margin-top: 20px;
   padding-top: 20px;
   transition: all 0.4s ease-in-out;
 }
 .testimonial-slider .swiper-slide.swiper-slide-active .author-info {
   border-color: var(--dark-divider-color);
 }
 .author-info .author-image {
   margin-right: 15px;
 }
 .author-info .author-image figure {
   border-radius: 50%;
 }
 .author-info .author-image img {
   max-width: 60px;
   border-radius: 50%;
 }
 .author-info .author-content h3 {
   font-size: 20px;
   transition: all 0.4s ease-in-out;
 }
 .author-info .author-content p {
   margin: 5px 0 0;
   transition: all 0.4s ease-in-out;
 }
 .testimonial-slider .swiper-slide.swiper-slide-active .testimonial-rating i, .testimonial-slider .swiper-slide.swiper-slide-active .testimonial-content p, .testimonial-slider .swiper-slide.swiper-slide-active .author-info .author-content h3, .testimonial-slider .swiper-slide.swiper-slide-active .author-info .author-content p {
   color: var(--white-color);
 }
 .testimonial-pagination {
   position: relative;
   text-align: center;
   margin-top: 40px;
 }
 .testimonial-pagination .swiper-pagination-bullet {
   height: 10px;
   width: 10px;
   background: var(--divider-color);
   opacity: 1;
   margin: 0 3px;
   transition: all 0.4s ease-in-out;
 }
 .testimonial-pagination .swiper-pagination-bullet-active {
   width: 30px;
   background: var(--accent-color);
   border-radius: 12px;
 }
 /************************************/
 /*** 	   15. Our FAQs css 	  ***/
 /************************************/
 .our-faqs {
   background: var(--secondary-color);
   padding: 100px 0;
 }
 .faq-accordion .accordion-item {
   position: relative;
   background: var(--secondary-color);
   border: none;
   border-radius: 20px;
   margin-bottom: 30px;
   overflow: hidden;
   transition: all 0.3s ease-in-out;
 }
 .faq-accordion .accordion-item:last-child {
   margin-bottom: 0;
 }
 .faq-accordion .accordion-header .accordion-button {
   font-size: 18px;
   font-weight: 500;
   line-height: 1.222em;
   background: linear-gradient(270deg, var(--accent-color) 0.26%, var(--accent-secondary-color) 99.99%);
   color: var(--white-color);
   padding: 20px 74px 20px 24px;
   transition: all 0.3s ease-in-out;
 }
 .faq-accordion .accordion-header .accordion-button.collapsed {
   background: var(--white-color);
   color: var(--primary-color);
 }
 .faq-accordion .accordion-item .accordion-button::after, .faq-accordion .accordion-item .accordion-button.collapsed::after {
   content: '\2b';
   font-family: "FontAwesome";
   position: absolute;
   right: 24px;
   top: 50%;
   width: 40px;
   height: 40px;
   font-size: 18px;
   font-weight: 400;
   line-height: normal;
   display: flex;
   justify-content: center;
   align-items: center;
   background: var(--white-color);
   border-radius: 50%;
   color: var(--primary-color);
   transform: translateY(-50%) rotate(45deg);
   transition: all 0.3s ease-in-out;
 }
 .faq-accordion .accordion-item .accordion-button.collapsed::after {
   color: var(--white-color);
   background: linear-gradient(270deg, var(--accent-secondary-color) 0%, var(--accent-color) 100%);
   transform: translateY(-50%) rotate(0deg);
 }
 .faq-accordion .accordion-item .accordion-body {
   background-color: var(--white-color);
   padding: 20px 75px 20px 20px;
 }
 .faq-accordion .accordion-item .accordion-body p {
   color: var(--text-color);
 }
 .faq-accordion .accordion-item .accordion-body p:last-child {
   margin: 0;
 }
 .faqs-image {
   position: relative;
   margin-left: 20px;
 }
 .faqs-img figure {
   display: block;
   border-radius: 20px;
 }
 .faqs-img img {
   width: 100%;
   aspect-ratio: 1 / 1.324;
   object-fit: cover;
   border-radius: 20px;
 }
 .faq-cta-box {
   position: absolute;
   left: 40px;
   bottom: 40px;
   width: 100%;
   max-width: 230px;
   background: var(--dark-divider-color);
   backdrop-filter: blur(15px);
   -webkit-backdrop-filter: blur(15px);
   border-radius: 20px;
   padding: 20px;
   z-index: 2;
 }
 .review-content {
   margin-top: 20px;
 }
 .review-content p {
   font-weight: 500;
   color: var(--white-color);
 }
 .review-content p:last-child {
   margin-bottom: 0;
 }
 .review-content h3 {
   font-size: 20px;
   color: var(--white-color);
   margin-bottom: 10px;
 }
 .review-content h3:last-child {
   margin-bottom: 0;
 }
 /************************************/
 /*** 	   16. Our Blog css 	  ***/
 /************************************/
 .our-blog {
   padding: 100px 0 70px;
 }
 .post-item {
   height: calc(100% - 30px);
   margin-bottom: 30px;
 }
 .post-featured-image, .post-item-content {
   margin-bottom: 20px;
 }
 .post-featured-image a {
   cursor: none;
   display: block;
   border-radius: 20px;
   overflow: hidden;
 }
 .post-featured-image figure {
   display: block;
 }
 .post-featured-image img {
   aspect-ratio: 1 / 0.744;
   object-fit: cover;
   border-radius: 20px;
   transition: all 0.5s ease-in-out;
 }
 .post-item:hover .post-featured-image img {
   transform: scale(1.1);
 }
 .post-item-content h2 {
   font-size: 20px;
   line-height: 1.4em;
 }
 .post-item-content h2 a {
   color: inherit;
 }
 /************************************/
 /*** 	    17. Footer css  	  ***/
 /************************************/
 .main-footer {
   padding: 100px 0 0;
 }
 .footer-logo img {
   width: 100%;
   max-width: 173px;
 }
 .about-footer-content {
   margin-top: 25px;
 }
 .about-footer-content p {
   color: var(--white-color);
   margin-bottom: 0;
 }
 .footer-social-links {
   margin-top: 30px;
 }
 .footer-social-links h3 {
   font-size: 18px;
   color: var(--white-color);
   margin-bottom: 20px;
 }
 .footer-social-links ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }
 .footer-social-links ul li {
   display: inline-block;
   border-radius: 50%;
   margin-right: 10px;
 }
 .footer-social-links ul li:last-child {
   margin-right: 0;
 }
 .footer-social-links ul li a {
   background: transparent;
   border: 1px solid var(--dark-divider-color);
   border-radius: 50%;
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease-in-out;
 }
 .footer-social-links ul li:hover a {
   background: var(--accent-color);
 }
 .footer-social-links ul li a i {
   font-size: 20px;
   color: var(--white-color);
 }
 .footer-links-box {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 30px;
   margin-left: 30px;
 }
 .footer-links {
   max-width: 40%;
 }
 .footer-links h3 {
   font-size: 20px;
   color: var(--white-color);
   margin-bottom: 20px;
 }
 .footer-links p {
   color: var(--white-color);
   margin-bottom: 20px;
 }
 .footer-links p:last-child {
   margin-bottom: 0;
 }
 .footer-links ul {
   list-style: disc;
   margin: 0;
   padding-left: 20px;
 }
 .footer-links ul li {
   color: var(--white-color);
   line-height: 1.5em;
   margin-bottom: 15px;
   transition: all 0.3s ease-in-out;
 }
 .footer-links ul li:last-child {
   margin-bottom: 0;
 }
 .footer-links ul li:hover {
   color: var(--accent-color);
 }
 .footer-links ul li::marker {
   color: var(--accent-color);
 }
 .footer-links ul li a {
   color: inherit;
 }
 .footer-contact-list {
   border-top: 1px solid var(--dark-divider-color);
   padding-top: 20px;
 }
 .footer-contact-item {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
 }
 .footer-contact-item:last-child {
   margin-bottom: 0;
 }
 .footer-contact-item .icon-box {
   position: relative;
   width: 40px;
   height: 40px;
   border: 1px solid var(--dark-divider-color);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 15px;
 }
 .footer-contact-item .icon-box:before {
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: var(--accent-color);
   border-radius: 50%;
   height: 100%;
   width: 100%;
   transform: scale(0);
   transition: all 0.4s ease-in-out;
   z-index: 0;
 }
 .footer-contact-item:hover .icon-box::before {
   transform: scale(1);
 }
 .footer-contact-item .icon-box img {
   position: relative;
   width: 100%;
   max-width: 20px;
   z-index: 1;
 }
 .footer-contact-content {
   width: calc(100% - 55px);
 }
 .footer-contact-content p {
   font-weight: 500;
   color: var(--white-color);
   margin: 0;
 }
 .footer-contact-content p a {
   color: inherit;
   transition: all 0.3s ease-in-out;
 }
 .footer-contact-content p a:hover {
   color: var(--accent-color);
 }
 .footer-copyright {
   background: var(--dark-divider-color);
   padding: 20px 0;
   margin: 100px 0 0;
 }
 .footer-copyright-box {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 20px;
 }
 .footer-copyright-text p {
   font-weight: 500;
   color: var(--white-color);
   margin-bottom: 0;
 }
 .footer-privacy-policy ul {
   padding: 0;
   margin: 0;
   list-style: none;
 }
 .footer-privacy-policy ul li {
   font-weight: 500;
   color: var(--white-color);
   display: inline-block;
   border-right: 1px solid var(--dark-divider-color);
   margin-right: 15px;
   padding-right: 15px;
 }
 .footer-privacy-policy ul li:last-child {
   padding: 0;
   margin: 0;
   border: none;
 }
 .footer-privacy-policy ul li a {
   color: inherit;
   transition: all 0.3s ease-in-out;
 }
 .footer-privacy-policy ul li a:hover {
   color: var(--accent-color);
 }
 /************************************/
 /*** 	 18. About Us Page css 	  ***/
 /************************************/
 .page-header {
   background-color: var(--primary-color);
   padding: 265px 0 150px;
 }
 .page-header-box {
   text-align: center;
 }
 .page-header-box h1 {
   display: inline-block;
   font-size: 56px;
   font-weight: 700;
   line-height: 1.1em;
   color: var(--white-color);
   margin-bottom: 10px;
   cursor: none;
 }
 .page-header-box ol {
   margin: 0;
   padding: 0;
   justify-content: center;
 }
 .page-header-box ol li.breadcrumb-item {
   font-size: 16px;
   line-height: normal;
   color: var(--white-color);
 }
 .page-header-box ol li.breadcrumb-item a {
   color: inherit;
 }
 .page-header-box ol .breadcrumb-item + .breadcrumb-item::before {
   color: var(--white-color);
 }
 .our-approach {
   background-color: var(--secondary-color);
   padding: 100px 0;
 }
 .our-apporach-image figure {
   display: block;
   border-radius: 20px;
 }
 .our-apporach-image img {
   width: 100%;
   aspect-ratio: 1 / 0.942;
   object-fit: cover;
   border-radius: 20px;
 }
 .our-apporach-content {
   margin-left: 20px;
 }
 .mission-vision-item {
   background-color: var(--white-color);
   border-radius: 20px;
   margin-bottom: 40px;
   padding: 40px;
 }
 .mission-vision-item:last-child {
   margin-bottom: 0;
 }
 .mission-vision-content {
   margin-bottom: 30px;
 }
 .mission-vision-content h3 {
   font-size: 20px;
   line-height: 1.4em;
   margin-bottom: 10px;
 }
 .mission-vision-content p {
   margin: 0;
 }
 .mission-vision-list ul {
   display: flex;
   flex-wrap: wrap;
   gap: 20px 30px;
   list-style: none;
   margin: 0;
   padding: 0;
 }
 .mission-vision-list ul li {
   position: relative;
   width: calc(50% - 15px);
   color: var(--primary-color);
   line-height: 1.5em;
   padding-left: 25px;
 }
 .mission-vision-list ul li::before {
   content: '\f14a';
   font-family: 'Font Awesome 6 Free';
   position: absolute;
   top: 0;
   left: 0;
   font-size: 18px;
   font-weight: 900;
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 .quality-promise {
   padding: 100px 0;
 }
 .quality-promise-image {
   position: relative;
 }
 .company-experience-box {
   position: absolute;
   top: 40px;
   left: 20px;
   width: 230px;
   background-color: var(--primary-color);
   border-radius: 20px;
   padding: 25px;
   overflow: hidden;
 }
 .company-experience-box:before {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 0;
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
   border-radius: 999px 999px 0 0;
   transition: all 0.4s ease-in-out;
 }
 .company-experience-box:hover:before {
   height: 100%;
   border-radius: 0;
 }
 .company-experience-box .icon-box {
   position: relative;
   margin-bottom: 25px;
   z-index: 1;
 }
 .company-experience-box .icon-box img {
   width: 100%;
   max-width: 50px;
 }
 .company-experience-content h3 {
   position: relative;
   color: var(--white-color);
   font-size: 20px;
   line-height: 1.4em;
   z-index: 1;
 }
 .quality-promise-img img {
   aspect-ratio: 1 / 0.94;
   object-fit: cover;
 }
 .quality-promise-content {
   margin-left: 15px;
 }
 .quality-promise-body {
   margin-bottom: 40px;
 }
 .quality-promise-body-item {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 40px;
 }
 .quality-promise-body-item:last-child {
   margin-bottom: 0;
 }
 .quality-promise-body-item .icon-box {
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 50%, var(--accent-color) 100%);
   background-size: 200% auto;
   height: 60px;
   width: 60px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 20px;
   overflow: hidden;
   transition: all 0.3s ease-in-out;
 }
 .quality-promise-body-item:hover .icon-box {
   background-position: right center;
 }
 .quality-promise-body-item .icon-box img {
   max-width: 30px;
 }
 .quality-promise-body-content {
   width: calc(100% - 80px);
 }
 .quality-promise-body-content h3 {
   font-size: 20px;
   line-height: 1.4em;
   margin-bottom: 10px;
 }
 .quality-promise-body-content p {
   margin: 0;
 }
 .true-taste {
   background-color: var(--secondary-color);
   padding: 100px 0;
 }
 .true-taste-body-item {
   display: flex;
   flex-wrap: wrap;
 }
 .true-taste-body-item .icon-box {
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 50%, var(--accent-color) 100%);
   background-size: 200% auto;
   height: 60px;
   width: 60px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 20px;
   overflow: hidden;
   transition: all 0.3s ease-in-out;
 }
 .true-taste-body-item:hover .icon-box {
   background-position: right center;
 }
 .true-taste-body-item .icon-box img {
   max-width: 30px;
 }
 .true-taste-body-content {
   width: calc(100% - 80px);
 }
 .true-taste-body-content h3 {
   font-size: 20px;
   line-height: 1.4em;
   margin-bottom: 10px;
 }
 .true-taste-body-content p {
   margin: 0;
 }
 .true-taste-counter-list {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
   margin-top: 40px;
 }
 .true-taste-counter-item {
   width: calc(50% - 15px);
   background-color: var(--white-color);
   border-radius: 20px;
   padding: 30px;
 }
 .true-taste-counter-item h2 {
   font-size: 46px;
   margin-bottom: 20px;
 }
 .true-taste-counter-item p {
   margin: 0;
 }
 .true-taste-image-box {
   position: relative;
   margin-left: 20px;
 }
 .true-taste-img figure {
   display: block;
   border-radius: 20px;
 }
 .true-taste-img img {
   width: 100%;
   aspect-ratio: 1 / 1.186;
   object-fit: cover;
   border-radius: 20px;
 }
 .true-taste-image-box .faq-cta-box {
   max-width: 260px;
 }
 .true-taste-image-box .faq-cta-box .review-image img {
   max-width: 44px;
 }
 .true-taste-image-box .faq-cta-box .review-image.add-more {
   width: 44px;
   height: 44px;
 }
 .our-journey {
   padding: 100px 0;
 }
 .our-journey .section-title.section-title-center {
   max-width: 635px;
 }
 .journey-item-list {
   display: flex;
   flex-wrap: wrap;
   align-items: end;
   gap: 30px;
 }
 .journey-item {
   width: calc(25% - 22.5px);
   display: flex;
   justify-content: space-between;
   gap: 10px;
   background: var(--secondary-color);
   border-radius: 20px;
   padding: 30px;
   transition: all 0.4s ease-in-out;
 }
 .journey-item:hover {
   background: var(--accent-color);
 }
 .journey-title {
   transform: rotate(-180deg);
   writing-mode: vertical-rl;
 }
 .journey-title p {
   margin: 0;
   transition: all 0.3s ease-in-out;
 }
 .journey-content {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: end;
   gap: 20px;
 }
 .journey-content .icon-box img {
   width: 100%;
   max-width: 40px;
   transition: all 0.3s ease-in-out;
 }
 .journey-item:hover .journey-content .icon-box img {
   filter: brightness(0) invert(1);
   transform: rotateY(180deg);
 }
 .journey-counter h2 {
   font-size: 46px;
   font-weight: 700;
   transition: all 0.3s ease-in-out;
 }
 .journey-item:hover .journey-title p, .journey-item:hover .journey-counter h2 {
   color: var(--white-color);
 }
 .journey-list {
   margin-top: 40px;
 }
 .journey-list ul {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 20px;
   margin: 0;
   padding: 0;
   list-style: none;
 }
 .journey-list ul li {
   position: relative;
   background: var(--secondary-color);
   border-radius: 50px;
   padding: 20px 20px 20px 40px;
 }
 .journey-list ul li::before {
   content: '';
   position: absolute;
   left: 20px;
   top: 25px;
   background: var(--accent-color);
   width: 6px;
   height: 6px;
   border-radius: 50%;
 }
 /************************************/
 /*** 	 19. Blog Archive css 	  ***/
 /************************************/
 .page-blog {
   padding: 100px 0;
 }
 .page-pagination {
   margin-top: 30px;
   text-align: center;
 }
 .page-pagination ul {
   justify-content: center;
   padding: 0;
   margin: 0;
 }
 .page-pagination ul li a, .page-pagination ul li span {
   display: flex;
   text-decoration: none;
   justify-content: center;
   align-items: center;
   background: var(--secondary-color);
   color: var(--primary-color);
   border-radius: 10px;
   width: 40px;
   height: 40px;
   margin: 0 5px;
   font-weight: 700;
   line-height: 1em;
   transition: all 0.3s ease-in-out;
 }
 .page-pagination ul li.active a, .page-pagination ul li a:hover {
   background: var(--accent-color);
   color: var(--white-color);
 }
 /************************************/
 /*** 	   20. Blog Single css 	  ***/
 /************************************/
 .page-single-post {
   padding: 100px 0;
 }
 .post-single-meta {
   margin-top: 10px;
 }
 .post-single-meta ol li {
   font-size: 18px;
   color: var(--white-color);
   margin-right: 15px;
 }
 .post-single-meta ol li:last-child {
   margin-right: 0;
 }
 .post-single-meta ol li i {
   font-size: 18px;
   color: var(--white-color);
   margin-right: 5px;
 }
 .post-image {
   position: relative;
   margin-bottom: 30px;
 }
 .post-image figure {
   display: block;
   border-radius: 20px;
   overflow: hidden;
 }
 .post-image img {
   width: 100%;
   aspect-ratio: 1 / 0.50;
   object-fit: cover;
   border-radius: 20px;
 }
 .post-content {
   width: 100%;
   max-width: 1100px;
   margin: 0 auto;
 }
 .post-entry {
   border-bottom: 1px solid var(--divider-color);
   padding-bottom: 30px;
   margin-bottom: 30px;
 }
 .post-entry:after {
   content: '';
   display: block;
   clear: both;
 }
 .post-entry a {
   color: var(--accent-color);
 }
 .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 {
   font-weight: 600;
   line-height: 1.2em;
   margin: 0 0 0.435em;
 }
 .post-entry h1 {
   font-size: 56px;
   font-weight: 700;
 }
 .post-entry h2 {
   font-size: 46px;
   font-weight: 700;
 }
 .post-entry h3 {
   font-size: 40px;
 }
 .post-entry h4 {
   font-size: 30px;
 }
 .post-entry h5 {
   font-size: 24px;
 }
 .post-entry h6 {
   font-size: 20px;
 }
 .post-entry p {
   margin-bottom: 20px;
 }
 .post-entry p:last-child {
   margin-bottom: 0;
 }
 .post-entry p strong {
   color: var(--primary-color);
   font-size: 18px;
   font-weight: 600;
 }
 .post-entry ol {
   margin: 0 0 30px;
 }
 .post-entry ul {
   padding: 0;
   margin: 20px 0 20px;
   padding-left: 20px;
 }
 .post-entry ol li, .post-entry ul li {
   position: relative;
   font-size: 16px;
   font-weight: 500;
   line-height: 1.5em;
   color: var(--text-color);
   margin-bottom: 15px;
 }
 .post-entry ul li:last-child {
   margin-bottom: 0;
 }
 .post-entry ul ul, .post-entry ul ol, .post-entry ol ol, .post-entry ol ul {
   margin-top: 20px;
   margin-bottom: 0;
 }
 .post-entry ul ul li:last-child, .post-entry ul ol li:last-child, .post-entry ol ol li:last-child, .post-entry ol ul li:last-child {
   margin-bottom: 0;
 }
 .post-entry blockquote {
   background: url('../images/icon-blockquote.svg'), var(--primary-color);
   background-repeat: no-repeat;
   background-position: 30px 30px;
   background-size: 45px;
   border-radius: 20px;
   padding: 30px 30px 30px 90px;
   margin-bottom: 30px;
 }
 .post-entry blockquote p {
   font-size: 20px;
   font-weight: 600;
   line-height: 1.4em;
   color: var(--white-color);
 }
 .post-entry blockquote p:last-child {
   margin-bottom: 0;
 }
 .tag-links {
   font-size: 20px;
   font-weight: 600;
   color: var(--primary-color);
   display: inline-flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 15px;
 }
 .post-tags .tag-links a {
   display: inline-block;
   font-style: normal;
   font-size: 16px;
   font-weight: 700;
   line-height: 1em;
   background: var(--accent-color);
   color: var(--white-color);
   border-radius: 100px;
   padding: 12px 20px;
   transition: all 0.3s ease-in-out;
 }
 .post-tags .tag-links a:hover {
   background: var(--primary-color);
 }
 .post-social-sharing {
   text-align: right;
 }
 .post-social-sharing ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }
 .post-social-sharing ul li {
   display: inline-block;
   margin-right: 10px;
 }
 .post-social-sharing ul li:last-child {
   margin-right: 0;
 }
 .post-social-sharing ul li a {
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   background: var(--accent-color);
   color: var(--white-color);
   border-radius: 50%;
   width: 40px;
   height: 40px;
   transition: all 0.3s ease-in-out;
 }
 .post-social-sharing ul li:hover a {
   background: var(--primary-color);
 }
 .post-social-sharing ul li a i {
   font-size: 18px;
   color: inherit;
 }
 /************************************/
 /*** 	 21. Features Page css 	  ***/
 /************************************/
 .page-features {
   padding: 100px 0 70px;
 }
 .features-item {
   position: relative;
   background: var(--secondary-color);
   border-radius: 20px;
   height: calc(100% - 30px);
   margin-bottom: 30px;
   padding: 40px;
   overflow: hidden;
 }
 .features-item::before {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
   border-radius: 500px 500px 0 0;
   height: 0;
   width: 100%;
   transition: all 0.4s ease-in-out;
   z-index: 0;
 }
 .features-item.active::before, .features-item:hover::before {
   height: 100%;
   border-radius: 0;
 }
 .features-item .icon-box, .features-item-content {
   position: relative;
   z-index: 1;
 }
 .features-item .icon-box {
   margin-bottom: 30px;
 }
 .features-item .icon-box img {
   max-width: 40px;
   transition: all 0.4s ease-in-out;
 }
 .features-item:hover .icon-box img, .features-item.active .icon-box img {
   filter: brightness(0) invert(1);
 }
 .features-item-content h3 {
   font-size: 20px;
   transition: all 0.4s ease-in-out;
 }
 .features-item-content p {
   margin: 15px 0 0;
   transition: all 0.4s ease-in-out;
 }
 .features-item:hover .features-item-content h3, .features-item.active .features-item-content h3, .features-item:hover .features-item-content p, .features-item.active .features-item-content p {
   color: var(--white-color);
 }
 /************************************/
 /***  22. Testimonials Page css	  ***/
 /************************************/
 .page-testimonials {
   padding: 100px 0 70px;
 }
 .page-testimonials .testimonial-item {
   height: calc(100% - 60px);
   margin-bottom: 30px;
 }
 .page-testimonials .testimonial-item.active::before, .page-testimonials .testimonial-item:hover::before {
   opacity: 1;
   transform: scale(1);
 }
 .page-testimonials .testimonial-item.active .author-info {
   border-color: var(--dark-divider-color);
 }
 .page-testimonials .testimonial-item.active .testimonial-rating i, .page-testimonials .testimonial-item:hover .testimonial-rating i, .page-testimonials .testimonial-item.active .testimonial-content p, .page-testimonials .testimonial-item:hover .testimonial-content p, .page-testimonials .testimonial-item.active .author-info .author-content h3, .page-testimonials .testimonial-item:hover .author-info .author-content h3, .page-testimonials .testimonial-item.active .author-info .author-content p, .page-testimonials .testimonial-item:hover .author-info .author-content p {
   color: var(--white-color);
 }
 /************************************/
 /*** 	   23. FAQs Page css 	  ***/
 /************************************/
 .page-faqs {
   padding: 100px 0;
 }
 .page-single-sidebar {
   position: sticky;
   top: 20px;
   margin-right: 15px;
 }
 .page-catagory-list {
   background: var(--secondary-color);
   border-radius: 20px;
   margin-bottom: 60px;
   padding: 40px;
 }
 .page-catagory-list ul {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 .page-catagory-list ul li {
   line-height: 1.5em;
   border-bottom: 1px solid var(--divider-color);
   padding-bottom: 20px;
   margin-bottom: 20px;
 }
 .page-catagory-list ul li:last-child {
   margin: 0;
   padding: 0;
   border-bottom: none;
 }
 .page-catagory-list ul li a {
   position: relative;
   display: block;
   color: inherit;
   padding-right: 30px;
   transition: all 0.3s ease-in-out;
 }
 .page-catagory-list ul li a:hover {
   color: var(--primary-color);
 }
 .page-catagory-list ul li a::before {
   content: '';
   position: absolute;
   top: 50%;
   right: 0;
   transform: translateY(-50%) rotate(-45deg);
   background: url('../images/arrow-primary.svg') no-repeat;
   background-position: center center;
   background-size: cover;
   width: 20px;
   height: 20px;
   transition: all 0.3s ease-in-out;
 }
 .page-catagory-list ul li a:hover::before {
   transform: translateY(-50%) rotate(0);
 }
 .sidebar-cta-box {
   background: var(--primary-color);
   border-radius: 20px;
   padding: 40px;
 }
 .sidebar-cta-logo {
   margin-bottom: 40px;
 }
 .sidebar-cta-logo img {
   width: 100%;
   max-width: 173px;
 }
 .sidebar-cta-content p {
   font-size: 18px;
   color: var(--white-color);
   margin-bottom: 0;
 }
 .sidebar-cta-body {
   background: var(--dark-divider-color);
   border-radius: 20px;
   padding: 20px;
   margin-top: 30px;
 }
 .sidebar-cta-contact-item {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
 }
 .sidebar-cta-contact-item:last-child {
   margin-bottom: 0;
 }
 .sidebar-cta-contact-item .icon-box {
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: var(--accent-color);
   border-radius: 50%;
   margin-right: 10px;
 }
 .sidebar-cta-contact-item .icon-box img {
   max-width: 20px;
 }
 .sidebar-cta-contact-content {
   width: calc(100% - 50px);
 }
 .sidebar-cta-contact-content p {
   font-size: 18px;
   font-weight: 500;
   color: var(--white-color);
   margin-bottom: 0;
 }
 .sidebar-cta-contact-content p a {
   color: inherit;
   transition: all 0.3s ease-in-out;
 }
 .sidebar-cta-contact-content p a:hover {
   color: var(--accent-color);
 }
 .page-faqs-catagery .page-single-faqs {
   margin-bottom: 60px;
 }
 .page-faqs-catagery .page-single-faqs:last-child {
   margin-bottom: 0;
 }
 .page-faqs-catagery .faq-accordion .accordion-header .accordion-button.collapsed, .page-faqs-catagery .faq-accordion .accordion-item .accordion-body {
   background: var(--secondary-color);
 }
 /************************************/
 /***   24. Contact Us Page css 	  ***/
 /************************************/
 .page-contact-us {
   padding: 100px 0;
 }
 .contact-info-list {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
   margin-bottom: 100px;
 }
 .contact-info-item {
   position: relative;
   width: calc(25% - 22.5px);
   background: var(--secondary-color);
   border-radius: 20px;
   padding: 30px;
   overflow: hidden;
 }
 .contact-info-item::before {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
   border-radius: 999px 999px 0 0;
   width: 100%;
   height: 0;
   z-index: 0;
   transition: all 0.4s ease-in-out;
 }
 .contact-info-item.active::before, .contact-info-item:hover::before {
   border-radius: 0;
   height: 100%;
 }
 .contact-info-item .icon-box, .contact-info-content {
   position: relative;
   z-index: 1;
 }
 .contact-info-item .icon-box {
   position: relative;
   background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
   border-radius: 50%;
   width: 50px;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 30px;
 }
 .contact-info-item .icon-box::before {
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: var(--primary-color);
   border-radius: 50%;
   height: 100%;
   width: 100%;
   transform: scale(0);
   transition: all 0.4s ease-in-out;
 }
 .contact-info-item:hover .icon-box::before {
   transform: scale(1);
 }
 .contact-info-item .icon-box img {
   position: relative;
   width: 100%;
   max-width: 25px;
   z-index: 1;
 }
 .contact-info-content h3 {
   font-size: 20px;
   margin-bottom: 10px;
   transition: all 0.4s ease-in-out;
 }
 .contact-info-content p {
   margin-bottom: 2px;
   transition: all 0.4s ease-in-out;
 }
 .contact-info-item:hover .contact-info-content h3, .contact-info-item:hover .contact-info-content p {
   color: var(--white-color);
 }
 .contact-info-content p:last-child {
   margin-bottom: 0;
 }
 .contact-info-content p a {
   color: inherit;
 }
 .google-map-iframe, .contact-form {
   width: 50%;
 }
 .google-map-iframe iframe {
   width: 100%;
   height: 100%;
   filter: grayscale(1);
   transition: all 0.3s ease-in-out;
 }
 .google-map-iframe iframe:hover {
   filter: grayscale(0);
 }
 .conatct-us-form {
   display: flex;
   flex-wrap: wrap;
   border-radius: 20px;
   overflow: hidden;
 }
 .contact-form {
   padding: 40px;
 }
 .contact-form form .form-control {
   font-size: 16px;
   font-weight: 400;
   line-height: 1.5em;
   color: var(--white-color);
   background-color: var(--dark-divider-color);
   border: none;
   backdrop-filter: blur(14px);
   -webkit-backdrop-filter: blur(14px);
   border-radius: 10px;
   padding: 18px 20px;
   outline: none;
   box-shadow: none;
 }
 .contact-form form .form-control::placeholder {
   color: var(--white-color);
 }
 .contact-form form .btn-default {
   width: 100%;
   padding: 17px;
 }
 .contact-form form .btn-default::before {
   display: none;
 }
 /************************************/
 /*** 	25. 404 Error Page css 	  ***/
 /************************************/
 .error-page {
   padding: 100px 0;
 }
 .error-page-image {
   text-align: center;
   margin-bottom: 30px;
 }
 .error-page-image img {
   width: 100%;
   max-width: 45%;
 }
 .error-page-content {
   text-align: center;
 }
 .error-page-content-body p, .error-page-content .section-title {
   margin-bottom: 20px;
 }
 /************************************/
 /*** 	  26. Responsive css 	  ***/
 /************************************/
 @media only screen and (max-width: 991px) {
   .btn-default {
     padding: 14px 45px 14px 15px;
   }
   .btn-default::before {
     right: 15px;
   }
   .btn-default.btn-border {
     padding: 15px 45px 15px 15px;
   }
   .navbar {
     padding: 20px 0;
   }
   .slicknav_nav li, .slicknav_nav ul {
     display: block;
   }
   .responsive-menu, .navbar-toggle {
     display: block;
   }
   .header-btn {
     display: none;
   }
   .section-row {
     margin-bottom: 40px;
   }
   .section-title.section-title-center {
     max-width: 100%;
   }
   .section-title {
     margin-bottom: 30px;
   }
   .section-title h3 {
     margin-bottom: 10px;
   }
   .section-title h1 {
     font-size: 42px;
   }
   .section-title h2 {
     font-size: 36px;
   }
   .section-title p {
     margin-top: 10px;
   }
   .section-title-content {
     margin-top: 15px;
   }
   .section-btn {
     text-align: left;
     margin-top: 15px;
   }
   .section-content-btn .section-btn {
     margin-top: 15px;
   }

   .hero.hero-slider-layout .hero-slide {
     padding: 140px 0 50px;
   }
   .hero-content {
     margin-bottom: 30px;
   }
   .hero-body {
     gap: 15px 20px;
   }
   .review-box {
     padding-top: 30px;
     margin-top: 30px;
   }
   .hero-image {
     max-width: 75%;
     margin: 0 auto;
   }
   .our-scrolling-ticker {
     padding: 15px 0;
   }
   .scrolling-ticker-box {
     --gap: 20px;
   }
   .scrolling-content span {
     font-size: 24px;
   }
   .scrolling-content span img {
     width: 24px;
     margin-right: 20px;
   }
   .about-us {
     padding: 50px 0;
   }
   .about-image-box {
     margin-bottom: 30px;
   }
   .contact-us-circle {
     top: calc(50% - 10px);
   }
   .about-image-item {
     padding: 20px;
   }
   .about-image-item .icon-box {
     margin-bottom: 30px;
   }
   .about-image-item-content h2 {
     font-size: 36px;
   }
   .about-image-item-content h3 {
     font-size: 18px;
   }
   .about-us-content {
     margin: 0;
     padding: 50px 0;
   }
   .about-us-body {
     padding-left: 30px;
   }
   .about-body-item {
     margin-bottom: 20px;
   }
   .about-body-item:before {
     left: -33px;
   }
   .about-body-content p {
     margin: 5px 0 0;
   }
   .our-products {
     padding: 50px 0;
   }
   .product-item {
     padding: 20px;
   }
   .product-image {
     margin-bottom: 30px;
   }
   .product-image figure img {
     max-width: 210px;
   }
   .product-cart-btn a {
     padding: 10px 24px;
   }
   .product-cart-btn a img {
     max-width: 18px;
   }
   .product-rating {
     margin-top: 10px;
   }
   .product-price {
     margin-top: 15px;
   }
   .product-price h3 {
     font-size: 20px;
   }
   .section-footer-text {
     margin-top: 10px;
   }
   .why-choose-us {
     padding: 50px 0;
   }
   .why-choose-content {
     margin-bottom: 30px;
   }
   .why-choose-list {
     margin-bottom: 30px;
     padding-bottom: 30px;
   }
   .why-choose-list ul li {
     padding-left: 25px;
   }
   .why-choose-experience {
     max-width: 180px;
     padding: 30px;
   }
   .why-choose-experience h2 {
     font-size: 36px;
   }
   .why-choose-experience p {
     margin-top: 15px;
   }
   .why-choose-item-list {
     width: calc(100% - 210px);
     margin-left: 30px;
     padding-left: 30px;
   }
   .why-choose-item {
     margin-bottom: 20px;
   }
   .why-choose-item p {
     margin: 5px 0 0;
   }
   .why-choose-image {
     max-width: 550px;
     margin: 0 auto;
     padding: 0 80px 50px 0;
   }
   .why-choose-img-2 figure img {
     max-width: 260px;
   }
   .why-choose-counter-list {
     gap: 20px;
     margin-top: 30px;
     padding-top: 30px;
   }
   .why-choose-counter-item {
     width: calc(25% - 15px);
   }
   .why-choose-counter-item h2 {
     font-size: 36px;
   }
   .why-choose-counter-item p {
     font-size: 14px;
     margin-top: 5px;
   }
   .we-offer {
     padding: 50px 0;
   }
   .offer-item {
     width: calc(50% - 15px);
     padding: 20px;
     margin-top: 75px;
   }
   .offer-item-image {
     max-width: 160px;
     margin: -100px auto 20px;
   }
   .offer-item-content .readmore-btn {
     margin-top: 15px;
   }
   .our-benefits {
     padding: 50px 0;
   }
   .benefit-item {
     margin-bottom: 30px;
   }
   .benefit-item .icon-box {
     height: 45px;
     width: 45px;
     margin-right: 15px;
   }
   .benefit-item .icon-box img {
     max-width: 22px;
   }
   .benefit-item-content {
     width: calc(100% - 60px);
   }
   .benefit-item-content h3 {
     font-size: 18px;
   }
   .benefit-item-content p {
     margin-top: 5px;
   }
   .our-benefits-image {
     margin: 30px auto 0;
     max-width: 70%;
   }
   .our-benefits .section-footer-text {
     margin-top: 30px;
   }
   .intro-video-box, .intro-video-box video {
     height: 500px;
   }
   .premium-ingredients {
     padding: 50px 0;
   }
   .our-ingredients-content {
     margin-bottom: 30px;
   }
   .ingredients-body ul {
     gap: 15px 40px;
     padding: 20px 20px 20px 40px;
     margin: 15px 0 0;
   }
   .ingredients-image-box {
     margin: 0;
   }
   .ingredient-item-list {
     padding: 30px;
   }
   .ingredient-item {
     margin-bottom: 20px;
     padding-bottom: 20px;
   }
   .premium-ingredient-item-list {
     margin-top: 40px;
     padding-top: 40px;
   }
   .premium-ingredient-item {
     width: calc(50% - 15px);
   }
   .premium-ingredient-item .icon-box {
     margin-bottom: 20px;
   }
   .premium-ingredient-item-content p {
     margin: 5px 0 0;
   }
   .sale-now {
     padding: 50px 0;
   }
   .sale-now::before, .sale-now:after {
     opacity: 40%;
   }
   .sale-now::before {
     width: 315px;
     height: 350px;
   }
   .sale-now::after {
     width: 360px;
     height: 240px;
   }
   .special-saving-content-body {
     margin-top: 40px;
   }
   .special-saving-content-body .countdown-text {
     padding: 20px;
   }
   .countdown-text h3 {
     font-size: 42px;
   }
   .our-testimonials {
     padding: 50px 0;
   }
   .testimonial-item {
     padding: 30px;
   }
   .testimonial-quote {
     margin: -60px 0 20px;
   }
   .testimonial-content {
     margin-top: 20px;
   }
   .author-info {
     margin-top: 15px;
     padding-top: 15px;
   }
   .testimonial-pagination {
     margin-top: 30px;
   }
   .our-faqs {
     padding: 50px 0;
   }
   .faqs-content {
     margin-bottom: 30px;
   }
   .faq-accordion .accordion-item {
     border-radius: 14px;
     margin-bottom: 20px;
   }
   .faq-accordion .accordion-header .accordion-button, .faq-accordion .accordion-item .accordion-body {
     padding: 15px 50px 15px 15px;
   }
   .faq-accordion .accordion-item .accordion-button::after, .faq-accordion .accordion-item .accordion-button.collapsed::after {
     right: 15px;
     width: 30px;
     height: 30px;
     font-size: 16px;
   }
   .faqs-image {
     margin: 0;
   }
   .faqs-img img {
     aspect-ratio: 1 / 0.62;
   }
   .faq-cta-box {
     left: 30px;
     bottom: 30px;
   }
   .our-blog {
     padding: 50px 0 20px;
   }
   .post-featured-image, .post-item-content {
     margin-bottom: 15px;
   }
   .main-footer {
     padding: 50px 0 0;
   }
   .about-footer {
     margin-bottom: 40px;
   }
   .about-footer-content {
     margin-top: 15px;
   }
   .footer-social-links {
     margin-top: 20px;
   }
   .footer-social-links h3 {
     margin-bottom: 10px;
   }
   .footer-links-box {
     margin: 0;
   }
   .footer-links h3, .footer-links p {
     margin-bottom: 15px;
   }
   .footer-links ul li {
     margin-bottom: 10px;
   }
   .footer-contact-list {
     padding-top: 15px;
   }
   .footer-contact-item {
     margin-bottom: 15px;
   }
   .footer-copyright {
     padding: 15px 0;
     margin: 50px 0 0;
   }
   .page-header {
     padding: 170px 0 80px;
   }
   .page-header-box h1 {
     font-size: 42px;
   }
   .our-approach {
     padding: 50px 0;
   }
   .our-apporach-image {
     margin-bottom: 30px;
   }
   .our-apporach-content {
     margin-left: 0;
   }
   .mission-vision-item {
     margin-bottom: 30px;
     padding: 30px;
   }
   .mission-vision-content {
     margin-bottom: 20px;
   }
   .mission-vision-list ul {
     gap: 10px 30px;
   }
   .quality-promise {
     padding: 50px 0;
   }
   .quality-promise-image {
     max-width: 80%;
     margin: 0 auto;
     margin-bottom: 30px;
   }
   .company-experience-box {
     top: 20px;
     width: 190px;
     padding: 20px;
   }
   .company-experience-box .icon-box {
     margin-bottom: 20px;
   }
   .company-experience-box .icon-box img {
     max-width: 40px;
   }
   .quality-promise-content {
     margin-left: 0;
   }
   .quality-promise-body {
     margin-bottom: 30px;
   }
   .quality-promise-body-item {
     margin-bottom: 30px;
   }
   .quality-promise-body-item .icon-box {
     height: 45px;
     width: 45px;
     margin-right: 15px;
   }
   .quality-promise-body-item .icon-box img {
     max-width: 22px;
   }
   .quality-promise-body-content {
     width: calc(100% - 60px);
   }
   .quality-promise-body-content h3 {
     margin-bottom: 5px;
   }
   .true-taste {
     padding: 50px 0;
   }
   .true-taste-content {
     margin-bottom: 30px;
   }
   .true-taste-body-item .icon-box {
     height: 45px;
     width: 45px;
     margin-right: 15px;
   }
   .true-taste-body-item .icon-box img {
     max-width: 22px;
   }
   .true-taste-body-content {
     width: calc(100% - 60px);
   }
   .true-taste-body-content h3 {
     margin-bottom: 5px;
   }
   .true-taste-counter-list {
     margin-top: 30px;
   }
   .true-taste-counter-item {
     padding: 20px;
   }
   .true-taste-counter-item h2 {
     font-size: 36px;
     margin-bottom: 10px;
   }
   .true-taste-image-box {
     margin-left: 0;
   }
   .true-taste-img img {
     aspect-ratio: 1 / 0.8;
   }
   .our-journey {
     padding: 50px 0;
   }
   .our-journey .section-title.section-title-center {
     max-width: 100%;
   }
   .journey-item-list {
     gap: 20px;
   }
   .journey-item {
     width: calc(25% - 15px);
     padding: 20px;
   }
   .journey-counter h2 {
     font-size: 36px;
   }
   .journey-list {
     margin-top: 30px;
   }
   .journey-list ul {
     gap: 20px;
   }
   .journey-list ul li {
     width: calc(50% - 10px);
     padding: 10px 15px 10px 30px;
   }
   .journey-list ul li::before {
     left: 15px;
     top: 16px;
   }
   .page-blog {
     padding: 50px 0;
   }
   .page-pagination {
     margin-top: 10px;
   }
   .page-single-post {
     padding: 50px 0;
   }
   .post-single-meta {
     margin-top: 5px;
   }
   .post-single-meta ol li {
     font-size: 16px;
   }
   .post-single-meta ol li i {
     font-size: 16px;
   }
   .post-image {
     margin-bottom: 20px;
   }
   .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 {
     margin: 0 0 0.417em;
   }
   .post-entry h2 {
     font-size: 36px;
   }
   .post-entry p {
     margin-bottom: 15px;
   }
   .post-entry ol li, .post-entry ul li {
     margin-bottom: 10px;
   }
   .post-entry blockquote {
     background-position: 20px 20px;
     background-size: 40px;
     padding: 20px 20px 20px 70px;
     margin-bottom: 20px;
   }
   .post-entry blockquote p {
     font-size: 18px;
   }
   .post-tags {
     margin-bottom: 20px;
   }
   .post-tags .tag-links a {
     padding: 12px 15px;
   }
   .post-social-sharing ul {
     text-align: left;
   }
   .page-features {
     padding: 50px 0 20px;
   }
   .features-item {
     padding: 30px;
   }
   .features-item .icon-box {
     margin-bottom: 20px;
   }
   .features-item-content p {
     margin: 10px 0 0;
   }
   .page-testimonials {
     padding: 50px 0 20px;
   }
   .page-faqs {
     padding: 50px 0;
   }
   .page-single-sidebar {
     position: initial;
     margin: 0 0 30px;
   }
   .page-catagory-list {
     padding: 30px;
     margin-bottom: 30px;
   }
   .page-catagory-list ul li {
     margin-bottom: 15px;
     padding-bottom: 15px;
   }
   .sidebar-cta-box {
     padding: 30px;
   }
   .sidebar-cta-logo {
     margin-bottom: 20px;
   }
   .sidebar-cta-body {
     margin-top: 20px;
   }
   .page-faqs-catagery .page-single-faqs {
     margin-bottom: 40px;
   }
   .page-contact-us {
     padding: 50px 0;
   }
   .contact-info-list {
     margin-bottom: 50px;
   }
   .contact-info-item {
     width: calc(50% - 15px);
     padding: 20px;
   }
   .contact-info-item .icon-box {
     margin-bottom: 20px;
   }
   .conatct-us-form {
     flex-direction: column-reverse;
   }
   .google-map-iframe, .contact-form {
     width: 100%;
   }
   .google-map-iframe iframe {
     height: 450px;
   }
   .contact-form {
     padding: 30px;
   }
   .contact-form form .form-control {
     padding: 12px 15px;
   }
   .contact-form form .btn-default {
     padding: 14px;
   }
   .error-page {
     padding: 50px 0;
   }
   .error-page-image {
     margin-bottom: 20px;
   }
   .error-page-image img {
     max-width: 80%;
   }
   .error-page-content-body p, .error-page-content .section-title {
     margin-bottom: 15px;
   }
 }
 @media only screen and (max-width: 767px) {
   .section-row {
     margin-bottom: 30px;
   }
   .section-title h1 {
     font-size: 28px;
   }
   .section-title h2 {
     font-size: 26px;
   }
   .section-title p {
     margin-top: 10px;
   }
   .section-title-content {
     margin-top: 10px;
   }
   .satisfy-client-content {
     width: 100%;
   }
   .scrolling-ticker-box {
     gap: 15px;
   }
   .scrolling-content span {
     font-size: 22px;
   }
   .scrolling-content span img {
     width: 22px;
   }
   .hero-image {
     max-width: 100%;
   }
   .contact-us-circle {
     top: calc(50% - 35px);
   }
   .contact-us-circle a {
     border-width: 5px;
   }
   .contact-us-circle a img {
     max-width: 100px;
   }
   .about-image-item .icon-box {
     margin-bottom: 20px;
   }
   .about-image-item .icon-box img {
     max-width: 40px;
   }
   .about-image-item-content h2 {
     font-size: 26px;
     margin-bottom: 10px;
   }
   .about-image-item-content h3 {
     font-size: 14px;
   }
   .about-us-body {
     padding-left: 20px;
   }
   .about-body-item:before {
     left: -23px;
   }
   .about-body-item .icon-box img {
     max-width: 34px;
   }
   .about-body-content h3 {
     font-size: 18px;
   }
   .product-image {
     margin-bottom: 20px;
   }
   .product-content h3, .product-price h3 {
     font-size: 18px;
   }
   .product-price h3 span {
     font-size: 16px;
   }
   .why-choose-list {
     margin-bottom: 20px;
     padding-bottom: 20px;
   }
   .why-choose-list ul {
     gap: 10px;
   }
   .why-choose-list ul li {
     width: 100%;
   }
   .why-choose-body {
     display: block;
   }
   .why-choose-experience {
     max-width: 100%;
     padding: 15px;
   }
   .why-choose-experience p {
     margin-top: 10px;
   }
   .why-choose-item-list {
     width: 100%;
     border-top: 1px solid var(--divider-color);
     margin: 20px 0 0;
     padding: 20px 0 0;
     border-left: none;
   }
   .why-choose-item h3 {
     font-size: 18px;
   }
   .why-choose-img-2 figure img {
     max-width: 200px;
   }
   .why-choose-counter-list {
     margin-top: 20px;
     padding-top: 20px;
   }
   .why-choose-counter-item {
     width: calc(50% - 10px);
   }
   .why-choose-counter-item h2 {
     font-size: 26px;
   }
   .offer-item {
     width: 100%;
   }
   .offer-item-image {
     margin-bottom: 15px;
   }
   .offer-item-content h3 {
     font-size: 18px;
   }
   .benefit-item {
     margin-bottom: 20px;
   }
   .our-benefits-image {
     margin: 30px auto;
     max-width: 100%;
   }
   .intro-video-box, .intro-video-box video {
     height: 350px;
   }
   .ingredients-body h3 {
     font-size: 18px;
   }
   .ingredients-body ul {
     gap: 10px;
     padding: 15px 15px 15px 35px;
   }
   .ingredients-body ul li {
     width: 100%;
   }
   .ingredients-image-box {
     display: block;
   }
   .our-ingredients-image img {
     aspect-ratio: 1 / 0.65;
   }
   .ingredient-item-list {
     max-width: 100%;
     padding: 20px;
     margin: 20px 0 0;
   }
   .ingredient-item {
     margin-bottom: 15px;
     padding-bottom: 15px;
   }
   .ingredient-item .icon-box {
     margin-right: 10px;
   }
   .ingredient-item-content {
     width: calc(100% - 60px);
   }
   .ingredient-item-content h3 {
     font-size: 18px;
   }
   .premium-ingredient-item-list {
     gap: 20px;
     margin-top: 30px;
     padding-top: 30px;
   }
   .premium-ingredient-item {
     width: 100%;
   }
   .premium-ingredient-item .icon-box {
     margin-bottom: 15px;
   }
   .premium-ingredient-item-content h3 {
     font-size: 18px;
   }
   .sale-now-box .section-title p {
     max-width: 100%;
   }
   .special-saving-content-body {
     gap: 20px;
     margin-top: 30px;
   }
   .special-saving-content-body .countdown-text {
     width: calc(25% - 15px);
     padding: 15px 10px;
     border-radius: 12px;
   }
   .special-saving-content-body .countdown-text::before {
     right: -14px;
     font-size: 30px;
   }
   .countdown-text h3 {
     font-size: 28px;
   }
   .countdown-text p {
     font-size: 14px;
     margin-top: 5px;
   }
   .testimonial-item {
     padding: 20px;
   }
   .testimonial-quote {
     margin: -50px 0 15px;
   }
   .testimonial-content {
     margin-top: 15px;
   }
   .author-info .author-image img {
     max-width: 50px;
   }
   .author-info .author-content h3 {
     font-size: 18px;
   }
   .faq-accordion .accordion-header .accordion-button {
     font-size: 16px;
   }
   .faq-accordion .accordion-item .accordion-body {
     padding: 15px;
   }
   .faq-accordion .accordion-item .accordion-body p {
     font-size: 14px;
   }
   .faqs-img img {
     aspect-ratio: 1 / 1.02;
   }
   .faq-cta-box {
     left: 20px;
     bottom: 20px;
     padding: 15px;
   }
   .review-content {
     margin-top: 15px;
   }
   .review-content h3 {
     font-size: 18px;
   }
   .post-item-content h2 {
     font-size: 18px;
   }
   .about-footer {
     margin-bottom: 30px;
   }
   .footer-links {
     max-width: 55%;
   }
   .footer-links.footer-contact-links {
     max-width: 100%;
   }
   .footer-links h3 {
     font-size: 18px;
   }
   .footer-contact-item {
     margin-bottom: 10px;
   }
   .footer-copyright {
     margin: 30px 0 0;
   }
   .footer-copyright-box {
     gap: 10px;
     flex-direction: column;
   }
   .page-header-box h1 {
     font-size: 28px;
   }
   .mission-vision-item {
     padding: 20px;
   }
   .mission-vision-content h3 {
     font-size: 18px;
   }
   .mission-vision-list ul li {
     width: 100%;
   }
   .quality-promise-image {
     max-width: 100%;
   }
   .company-experience-box {
     width: 145px;
     padding: 15px;
   }
   .company-experience-box .icon-box {
     margin-bottom: 15px;
   }
   .company-experience-content h3 {
     font-size: 18px;
   }
   .quality-promise-body-content h3 {
     font-size: 18px;
   }
   .true-taste-body-content h3 {
     font-size: 18px;
   }
   .true-taste-counter-list {
     gap: 20px;
   }
   .true-taste-counter-item {
     width: calc(50% - 10px);
     padding: 15px;
   }
   .true-taste-counter-item h2 {
     font-size: 26px;
   }
   .journey-item {
     width: calc(50% - 10px);
   }
   .journey-counter h2 {
     font-size: 26px;
   }
   .journey-list ul {
     gap: 15px;
   }
   .journey-list ul li {
     width: 100%;
   }
   .post-image img {
     aspect-ratio: 1 / 0.7;
   }
   .post-entry blockquote {
     background-position: 15px 15px;
     padding: 60px 15px 15px 15px;
   }
   .post-entry blockquote p {
     font-size: 16px;
   }
   .post-entry h2 {
     font-size: 26px;
   }
   .tag-links {
     font-size: 18px;
   }
   .features-item {
     padding: 30px;
   }
   .features-item-content h3 {
     font-size: 18px;
   }
   .page-catagory-list {
     padding: 20px;
   }
   .sidebar-cta-box {
     padding: 20px;
   }
   .sidebar-cta-contact-item {
     margin-bottom: 15px;
   }
   .sidebar-cta-contact-content p {
     font-size: 16px;
   }
   .contact-info-list {
     gap: 20px;
   }
   .contact-info-item {
     width: 100%;
   }
   .contact-info-item .icon-box {
     margin-bottom: 15px;
   }
   .contact-info-content h3 {
     font-size: 18px;
   }
   .contact-form {
     padding: 20px;
   }
   .google-map-iframe iframe {
     height: 350px;
   }
 }
 /*HEADER*/
 .navbar {
   background-color: #FFF !important;
 }
 .mp-rem {
   padding-top: 4rem !important;
 }
 /************************************/
 /*** 	 06. Why Choose Us css 	  ***/
 /************************************/
 .why-choose-us-2 {
   /*background: var(--secondary-color); /*url('../images/section-bg-shape-1.png') no-repeat*/
   background-position: left -40px bottom;
   background-size: auto;
 }
 .why-choose-us-2 .container-fluid {
   padding: 0;
 }
 .why-choose-box {
   display: flex;
   flex-wrap: wrap;
   padding-left: calc(((100vw - 1300px) / 2));
 }
 .why-choose-content {
   width: 52%;
   align-content: center;
   padding: 100px 200px 100px 0;
 }
 .why-choose-item-box {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
 }
 .why-choose-item {
   width: calc(50% - 15px);
 }
 .why-choose-item .icon-box {
   position: relative;
   background: var(--accent-color);
   border-radius: 50%;
   width: 60px;
   height: 60px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 30px;
 }
 .why-choose-item .icon-box::before {
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: var(--primary-color);
   border-radius: 50%;
   height: 100%;
   width: 100%;
   transform: scale(0);
   transition: all 0.4s ease-in-out;
 }
 .why-choose-item:hover .icon-box::before {
   transform: scale(1);
 }
 .why-choose-item .icon-box img {
   position: relative;
   max-width: 35px;
   z-index: 1;
 }
 .why-choose-item-content h3 {
   font-size: 20px;
   margin-bottom: 10px;
 }
 .why-choose-item-content p {
   margin: 0;
 }
 .why-choose-body {
   background: var(--secondary-color);
   border-radius: 20px;
   display: flex;
   align-items: center;
   padding: 30px;
   margin-top: 40px;
 }
 .why-choose-body .icon-box {
   margin-right: 40px;
 }
 .why-choose-body .icon-box img {
   width: 100%;
   max-width: 120px;
   border-radius: 50%;
   animation: infiniterotate 20s infinite linear;
 }
 .why-choose-body-content {
   width: calc(100% - 160px);
 }
 .why-choose-body-content p {
   margin: 0;
 }
 .why-choose-images {
   width: 48%;
 }
 .why-choose-images {
   position: relative;
 }
 .why-choose-img figure, .why-choose-img {
   height: 100%;
 }
 .why-choose-img img {
   width: 100%;
   height: 100%;
   aspect-ratio: 1 / 1.12;
   object-fit: cover;
 }
 .why-choose-product-image {
   position: absolute;
   left: 0;
   bottom: 0;
   transform: translateX(-50%);
   width: 100%;
   max-width: 300px;
 }
 .company-supports-slider {
   border-top: 1px solid var(--dark-divider-color);
   /*margin-top: 80px;
    padding-top: 80px;*/
 }
 @media only screen and (max-width: 991px) {
   .company-supports-slider {
     /* margin-top: 40px;
        padding-top: 40px;*/
   }
 }
 @media only screen and (max-width: 767px) {
   .company-supports-slider {
     /*margin-top: 30px;
        padding-top: 30px;*/
   }
 }
 /* ====== MOBILE (até 991px) ====== */
 @media (max-width: 991px) {
   /* Container da navbar vira “stack” e centraliza o conteúdo */
   header.main-header .header-sticky .navbar .container {
     position: relative;
     display: flex;
     flex-direction: column;
     align-items: center; /* centraliza horizontalmente */
     justify-content: center;
   }
   /* Logo centralizado */
   header.main-header .navbar-brand {
     margin: 0 auto; /* empurra para o centro */
     padding: 0;
     display: block;
     order: 1; /* aparece primeiro */
   }
   header.main-header .navbar-brand img {
     display: block;
     margin: 0 auto; /* imagem centralizada */
     height: auto;
     max-width: 230px; /* ajuste se quiser menor no mobile */
   }
   /* Botão do menu (toggle) fixo à direita, sem tirar o logo do centro */
   header.main-header .navbar-toggle {
     position: absolute;
     right: 12px;
     top: 50%;
     transform: translateY(-50%);
     order: 2;
   }
   /* Menu colapsado ocupa largura total e com texto central */
   header.main-header .collapse.navbar-collapse.main-menu {
     width: 100%;
     text-align: center;
     order: 3;
   }
   header.main-header .collapse.navbar-collapse.main-menu ul.navbar-nav {
     width: 100%;
     justify-content: center;
   }
   header.main-header .collapse.navbar-collapse.main-menu ul.navbar-nav > li > a {
     text-align: center;
     width: 100%;
   }
   /* Títulos e parágrafos das seções hero/primeiro bloco centralizados */
   .section-title, .section-title h1, .section-title h2, .section-title h3, .section-title p {
     text-align: center;
   }
   /* Botões de CTA centralizados */
   .btn, .cta-btn a, .hero .btn, .hero .cta-btn a {
     display: inline-block;
     margin-left: auto;
     margin-right: auto;
   }
   .hero-btn {
     width: 100%;
     text-align: center;
   }
   .hero-btn a {
     display: inline-block;
     margin: 0 auto;
   }
   
   .our-ingredients-image img {
     aspect-ratio: 0;
   }
   .product-item-body {
     text-align: center
   }
 }
 @media only screen and (max-width: 1300px) {
   .why-choose-us-2 .why-choose-box {
     padding: 0;
   }
   .why-choose-us-2 .why-choose-content {
     padding: 50px 80px 50px 15px;
   }
   .why-choose-us-2 .why-choose-product-image {
     max-width: 100px;
     display: none;
   }
 }
 @media only screen and (max-width: 991px) {
   .why-choose-us-2 {
     background-position: left -10px bottom;
     background-size: 100px auto;
   }
   .why-choose-us-2 .why-choose-content {
     width: 100%;
     padding: 50px 15px 0 15px;
   }
   .why-choose-images {
     width: 100%;
   }
   .why-choose-img figure, .why-choose-img {
     height: auto;
   }
   .why-choose-product-image {
     display: none;
   }
 }
 /*****************************************
*************** FOOTER *******************
*****************************************/
 /*BASE CSS E CELULAR PADRAO*/
 .footer {
   background-color: var(--primary-color);
   padding: 18px 0;
 }
 .footer_container {
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
 }
 .footer_lgpd-link, .footer_copyright-title, .footer_copyright-disclaimer, .footer_author-text {
   color: var(--white-color);
   font-size: 11px;
 }
 .footer_lgpd-list {
   display: flex;
   justify-content: center;
   gap: 12px;
   margin-top: 20px;
 }
 .footer_lgpd-link {
   transition: .5s ease;
 }
 .footer_lgpd-link::before {
   content: '';
   display: inline-block;
   width: 4px;
   height: 4px;
   border: solid var(--white-color);
   border-width: 2px 2px 0 0;
   transform: rotate(45deg);
   margin: 0 6px 1px 0;
 }
 .footer_copyright-area {
   text-align: center;
 }
 .footer_copyright-title {
   font-size: 13px;
   font-weight: 600;
   margin: 0 0 4px;
 }
 .footer_copyright-disclaimer {
   line-height: 1.4;
 }
 .footer_author-area {
   text-align: right;
   margin-top: 20px;
 }
 .footer_author-link {
   transition: .5s ease;
 }
 .footer_author-logo {
   display: inline-block;
   width: 44px;
   margin: 0 0 -1px 5px;
   vertical-align: baseline;
 }
 /*NOTEBOOK PEQUENO*/
 @media (min-width: 1024px) {
   .footer_lgpd-link:hover, .footer_author-link:hover {
     opacity: .64;
   }
 }
 /* NOTEBOOK E DESKTOP PADRAO */
 @media (min-width: 1320px) {
   .footer {
     padding: 24px 0;
   }
   .footer_container {
     flex-direction: row;
     gap: 0;
   }
   .footer_lgpd-area {
     order: 1;
   }
   .footer_copyright-area {
     order: 2;
   }
   .footer_author-area {
     order: 3;
   }
   .footer_copyright-area {
     width: 56%;
   }
   .footer_copyright-title {
     font-size: 14px;
     margin: 0 0 6px;
   }
   .footer_lgpd-link, .footer_copyright-title, .footer_copyright-disclaimer, .footer_author-text {
     font-size: 13px;
   }
   .footer_lgpd-list {
     display: block;
   }
   .footer_lgpd-link::before {
     width: 4px;
     height: 4px;
     margin: 0 10px 1px 0;
   }
   .footer_author-logo {
     width: 48px;
   }
 }
 /* DESKTOP GRANDE E RETINA */
 @media (min-width: 1560px) {
   .footer {
     padding: 32px 0;
   }
   .footer_copyright-title {
     font-size: 15px;
     margin: 0 0 6px;
   }
   .footer_lgpd-link, .footer_copyright-disclaimer, .footer_author-text {
     font-size: 14px;
   }
   .footer_lgpd-link::before {
     width: 5px;
     height: 5px;
     margin: 0 10px 1px 0;
   }
   .footer_author-logo {
     width: 60px;
   }
 }
 /*****************************************
**************** MODAL *******************
*****************************************/
 /*BASE CSS*/
 .modal {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
   vertical-align: middle;
   text-align: center;
   overflow: auto;
   z-index: 999;
 }
 .modal::before {
   content: '';
   box-sizing: border-box;
   display: inline-block;
   height: 100%;
   vertical-align: middle;
   margin: 0 -0.05em 0 0
 }
 .modal_overlay {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background-color: var(--black-color);
   opacity: .8;
 }
 .modal_holder {
   position: relative;
   display: inline-block;
   width: 100%;
   max-width: 95%;
   vertical-align: middle;
   text-align: left;
   overflow: hidden;
   padding: 32px 0;
 }
 .modal_box {
   overflow: hidden;
   border-radius: 8px;
 }
 /* Container que envolve ícone + textos */
 .modal_header {
   display: flex;
   background-color: var(--whatsapp-50-color);
   align-items: center; /* alinha verticalmente ícone e texto */
   gap: 10px; /* espaço entre ícone e textos */
 }
 /* Área de texto do título e descrição */
 .modal_header-title-area {
   display: flex;
   flex-direction: column; /* garante que título fique em cima e subtítulo embaixo */
   justify-content: center;
 }
 .modal_header-icon {
   width: 8.5vw;
   fill: var(--white-color);
   margin: 0 3vw 0 0;
 }
 .modal_header-title-area {
   width: calc(100% - 8.5vw - 3vw - 4vw - 3vw);
 }
 .modal_header-title {
   color: var(--white-color);
   font-size: 3.9vw;
   font-weight: 500;
   line-height: 1.2;
   margin: 0 0 4px;
 }
 .modal_close {
   cursor: pointer;
   position: relative;
   background-color: transparent;
   border: none;
   width: 4vw;
   height: 4vw;
   margin: 0 0 0 3vw;
   opacity: .4;
   transition: .5s ease;
 }
 .modal_close:before, .modal_close:after {
   position: absolute;
   content: '';
   top: 50%;
   left: 50%;
   width: 100%;
   height: 2px;
   background-color: var(--white-color);
 }
 .modal_close:before {
   transform: translate(-50%, -50%) rotate(45deg);
 }
 .modal_close:after {
   transform: translate(-50%, -50%) rotate(-45deg);
 }
 .modal_header-description {
   color: var(--white-color);
   font-size: 3.13vw;
   font-weight: 400;
   line-height: 1.32;
   opacity: .8;
 }
 .modal_body {
   background-color: var(--white-color);
   padding: 5.5vw;
 }
 /*CELULAR PEQUENO*/
 @media (min-width: 450px) {
   .modal_holder {
     max-width: 420px;
   }
   .modal_header {
     padding: 18px 24px;
   }
   .modal_header-icon {
     width: 36px;
     margin: 0 14px 0 0;
   }
   .modal_header-title-area {
     width: calc(100% - 36px - 14px - 16px - 14px);
   }
   .modal_header-title {
     font-size: 17px;
   }
   .modal_header-description {
     font-size: 13.7px;
   }
   .modal_close {
     width: 16px;
     height: 16px;
     margin: 0 0 0 14px;
   }
   .modal_body {
     padding: 24px;
   }
 }
 /* NOTEBOOK E DESKTOP PADRAO */
 @media (min-width: 768px) {
   .modal_holder {
     max-width: 480px;
   }
   .modal_header {
     padding: 20px 26px;
   }
   .modal_body {
     padding: 26px;
   }
 }
 /* DESKTOP GRANDE E RETINA */
 @media (min-width: 1560px) {
   .modal_holder {
     max-width: 580px;
   }
   .modal_header {
     padding: 24px 36px;
   }
   .modal_header-icon {
     width: 48px;
     margin: 0 18px 0 0;
   }
   .modal_header-title-area {
     width: calc(100% - 48px - 18px - 22px - 18px);
   }
   .modal_header-title {
     font-size: 21px;
     margin: 0 0 4px;
   }
   .modal_header-description {
     font-size: 16.8px;
   }
   .modal_close {
     width: 22px;
     height: 22px;
     margin: 0 0 0 18px;
   }
   .modal_body {
     padding: 36px;
   }
 }
 /*****************************************
************** LGPD POPUP ****************
*****************************************/
 .warning {
   position: fixed;
   left: 0;
   bottom: 16px;
   right: 0;
   margin: 0 auto;
   z-index: 997;
 }
 .warning-wrapper {
   background-color: var(--white-color);
   border: 1px solid var(--neutral-550-color);
   border-radius: 8px;
   padding: 12px;
 }
 .warning_box {
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 8px;
   text-align: center;
 }
 .warning_text {
   font-size: 11px;
   line-height: 1.4;
 }
 .warning_link {
   color: var(--primary-color);
   font-weight: 600;
   transition: .5s ease;
 }
 .warning_button {
   display: block;
   width: 100%;
   background-color: var(--primary-color);
   color: var(--white-color);
   font-size: 11px;
   font-weight: 600;
   border-radius: 4px;
   padding: 8px 32px;
   transition: .5s ease;
 }
 /*TABLET*/
 @media (min-width: 768px) {
   .warning_box {
     gap: 12px;
   }
   .warning_text, .warning_button {
     font-size: 13px;
   }
 }
 /*NOTEBOOK PEQUENO*/
 @media (min-width: 1024px) {
   .warning_link:hover, .warning_button:hover {
     opacity: .64;
   }
 }
 /* NOTEBOOK E DESKTOP PADRAO */
 @media (min-width: 1320px) {
   .warning_box {
     flex-direction: row;
     gap: 0;
     text-align: left;
   }
   .warning-wrapper {
     padding: 10px 14px;
   }
   .warning_text-area {
     width: 92%;
   }
   .warning_button-area {
     width: 8%;
   }
 }
 /* DESKTOP GRANDE E RETINA */
 @media (min-width: 1560px) {
   .warning_text, .warning_button {
     font-size: 14px;
   }
 }
 /*****************************************
************** LGPD PAGE *****************
*****************************************/
 .lgpd-header {
   background-color: var(--white-color);
   border-bottom: 1px solid var(--neutral-550-color);
   padding: 12px 0;
 }
 .lgpd-header_container {
   display: flex;
   justify-content: center;
 }
 .lgpd-header_link {
   display: block;
 }
 .lgpd_header-logo {
   width: 80px;
 }
 .lgpd {
   min-height: 100vh;
 }
 .lgpd_text-area p:not(:last-child) {
   margin: 0 0 16px;
 }
 .lgpd_text-area h3 {
   margin: 32px 0 12px;
 }
 @media (min-width: 1024px) {
   .lgpd-header {
     padding: 16px 0;
   }
   .lgpd_header-logo {
     width: 120px;
   }
   .lgpd_text-area h3 {
     margin: 40px 0 16px;
   }
 }
 /*****************************************
**************** FORM ********************
*****************************************/
 /*BASE CSS E CELULAR PADRAO*/
 .form {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   gap: 8px;
 }
 .form_field-area {
   position: relative;
 }
 .form_field-group {
   display: grid;
   grid-template-columns: 1fr;
   gap: 8px;
 }
 .form_field-group.group-3 {
   grid-template-columns: 1fr;
 }
 .form_field-select::before {
   content: '';
   position: absolute;
   top: 15px;
   right: 14px;
   width: 5px;
   height: 5px;
   border: 2px var(--neutral-300-color);
   border-top-style: solid;
   border-left-style: solid;
   transform: rotate(225deg);
 }
 .form_field-select label {
   opacity: 0;
 }
 .form_field {
   display: block;
   width: 100%;
   background-color: transparent;
   color: var(--neutral-150-color);
   font-size: 12px;
   line-height: 1.4;
   border: 1px solid var(--neutral-500-color);
   border-radius: 4px;
   outline: none;
   padding: 15px 15px 15px 34px;
   transition: .4s;
 }
 .form_field:focus {
   border-color: var(--whatsapp-50-color);
 }
 .form_input, .form_select {
   height: 40px;
 }
 .form_select {
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   background-color: transparent;
   background-image: none;
   padding: 0 15px 0 32px;
 }
 .form_textarea {
   height: 104px;
 }
 .form_label {
   cursor: text;
   position: absolute;
   top: 14px;
   left: 25px;
   background-color: var(--white-color);
   font-weight: 400;
   transform-origin: left;
   padding: 0 8px;
   transition: .4s;
 }
 .form_label, .form_select {
   color: var(--neutral-250-color);
   font-size: 12px;
 }
 .form_field:focus ~ .form_label, .form_field.valid ~ .form_label {
   color: var(--whatsapp-50-color);
   transform: scale(0.78) translate(4px, -26px);
 }
 .form_select.valid {
   color: var(--neutral-50-color);
 }
 .form_icon {
   position: absolute;
   left: 12px;
   top: 14px;
   width: 12px;
   fill: var(--neutral-300-color);
   transition: .5s ease;
 }
 .form_field:focus ~ .form_icon, .form_field.valid ~ .form_icon {
   fill: var(--whatsapp-50-color);
 }
 .modal_header {
   padding: 3.55vw;
 }
 .modal_header-icon {
   width: 8vw;
   margin: 0 5px;
   margin-left: 10px;
 }
 .modal_header-title {
   font-size: 3.55vw;
 }
 .modal_header-description {
   font-size: 2.66vw;
 }
 .modal_close {
   width: 3.55vw;
   height: 3.55vw;
   margin: 0 0 0 5.33vw;
 }
 .form_warn {
   display: flex;
   justify-content: center;
   gap: 10px;
 }
 .form_warn-ic {
   fill: var(--whatsapp-50-color);
   width: 20px;
 }
 .form_warn-txt {
   display: block;
   color: var(--neutral-150-color);
   font-size: 12.8px;
   font-weight: 500;
 }
 .form_warn-txt span {
   color: var(--neutral-50-color);
   font-weight: 600;
 }
 .form_warn-obs {
   display: block;
   color: var(--neutral-250-color);
   font-size: 11px;
   letter-spacing: .018em;
   margin: 1px 0 0;
 }
 /*CELULAR PEQUENO*/
 @media (min-width: 450px) {
   .modal_header {
     padding: 16px;
   }
   .modal_header-icon {
     width: 36px;
     margin: 0 14px 0 0;
   }
   .modal_header-title {
     font-size: 16px;
   }
   .modal_header-description {
     font-size: 12px;
   }
   .modal_close {
     width: 16px;
     height: 16px;
     margin: 0 0 0 24px;
   }
 }
 /*TABLET*/
 @media (min-width: 768px) {
   .form_field-select::before {
     top: 11.5px;
     right: 15px;
     width: 6px;
     height: 6px;
   }
   .form_field {
     font-size: 13px;
     padding: 12px 12px 12px 42px;
   }
   .form_input, .form_select {
     height: 36px;
   }
   .form_select {
     padding: 0 15px 0 41px;
   }
   .form_textarea {
     height: 88px;
   }
   .form_label {
     top: 11.5px;
     left: 32px;
     font-size: 12.5px;
   }
   .form_select {
     font-size: 12.5px;
   }
   .form_icon {
     left: 15px;
     top: 11.5px;
     width: 13px;
   }
   .form_field:focus ~ .form_label, .form_field.valid ~ .form_label {
     transform: scale(0.78) translate(4px, -23px);
   }
 }
 /*NOTEBOOK PEQUENO*/
 @media (min-width: 1024px) {
   .form_field-group {
     grid-template-columns: repeat(2, 1fr);
   }
   .form_field-group.group-3 {
     grid-template-columns: repeat(3, 1fr);
   }
 }
 /* DESKTOP GRANDE E RETINA */
 @media (min-width: 1560px) {
   .form, .form_field-group {
     gap: 12px;
   }
   .form_field {
     font-size: 14px;
     padding: 15px 15px 15px 45px;
   }
   .form_field-select::before {
     top: 14px;
     right: 16px;
     width: 7px;
     height: 7px;
   }
   .form_input, .form_select {
     height: 42px;
   }
   .form_select {
     padding: 0 15px 0 44px;
   }
   .form_textarea {
     height: 112px;
   }
   .form_icon {
     left: 16px;
     top: 14.5px;
     width: 14px;
   }
   .form_label {
     top: 14.5px;
     left: 36px;
     font-size: 14px;
   }
   .form_select {
     font-size: 14px;
   }
   .form_field:focus ~ .form_label, .form_field.valid ~ .form_label {
     transform: scale(0.78) translate(4px, -26px);
   }
   .form_warn-ic {
     width: 25px;
   }
   .form_warn-txt {
     font-size: 14px;
   }
   .form_warn-obs {
     font-size: 12px;
   }
 }
 /*****************************************
************ WHATSAPP FIXO ***************
*****************************************/
 .fixed-whatsapp_area {
   position: fixed;
   bottom: 12px;
   right: 12px;
   z-index: 998;
 }
 .fixed-whatsapp {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 50px;
   height: 50px;
   background-color: var(--whatsapp-50-color);
   fill: var(--white-color);
   border: 2px solid var(--whatsapp-50-color);
   border-radius: 100%;
   transition: .5s ease;
 }
 .fixed-whatsapp::before, .fixed-whatsapp::after {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background-color: var(--whatsapp-50-color);
   opacity: 0.5;
   transform: scale(1);
   z-index: -1;
 }
 .fixed-whatsapp.anim::before {
   animation: wppPulse 2.5s infinite;
 }
 .fixed-whatsapp.anim::after {
   animation: wppPulse 2.5s infinite .6s;
 }
 .fixed-whatsapp_icon {
   position: relative;
   top: -1px;
   width: 26px;
 }
 .anim .fixed-whatsapp_icon {
   animation: wppShake 1.5s infinite;
 }
 .fixed-whatsapp_badge {
   position: absolute;
   top: 2px;
   right: 1px;
   width: 10px;
   height: 10px;
   background-color: #fb0707;
   border-radius: 50%;
   animation: wppGrow 0.4s ease-out;
 }
 /*ANIMACOES*/
 @keyframes wppPulse {
   0% {
     transform: scale(1);
     opacity: 0.4;
   }
   70% {
     transform: scale(1.8);
     opacity: 0;
   }
   100% {
     opacity: 0;
   }
 }
 @keyframes wppShake {
   0%, 100% {
     transform: rotate(0deg) translateX(0);
   }
   25% {
     transform: rotate(-3deg) translateX(-1px);
   }
   50% {
     transform: rotate(3deg) translateX(1px);
   }
   75% {
     transform: rotate(-2deg) translateX(-1px);
   }
 }
 @keyframes wppGrow {
   from {
     transform: scale(0);
     opacity: 0;
   }
   to {
     transform: scale(1);
     opacity: 1;
   }
 }
 /*NOTEBOOK PEQUENO*/
 @media (min-width: 1024px) {
   .fixed-whatsapp_area {
     bottom: 16px;
     right: 16px;
   }
   .fixed-whatsapp {
     width: 64px;
     height: 64px;
   }
   .fixed-whatsapp:hover {
     background-color: var(--white-color);
     fill: var(--whatsapp-50-color);
   }
   .fixed-whatsapp_icon {
     top: -2px;
     width: 32px;
   }
   .fixed-whatsapp_badge {
     top: 3px;
     right: 2px;
     width: 12px;
     height: 12px;
   }
 }
 /* DESKTOP GRANDE E RETINA */
 @media (min-width: 1560px) {
   .fixed-whatsapp_area {
     bottom: 20px;
     right: 20px;
   }
   .fixed-whatsapp {
     width: 72px;
     height: 72px;
   }
   .fixed-whatsapp_icon {
     width: 36px;
   }
   .fixed-whatsapp_badge {
     width: 14px;
     height: 14px;
   }
 }
 @media (max-width: 767px) {
   .footer_lgpd-list {
     display: flex;
     justify-content: center; /* centraliza horizontal */
     align-items: center; /* centraliza vertical */
     margin-top: 0; /* remove espaço de cima */
     padding-left: 0; /* remove indentação padrão do UL */
     gap: 10px; /* espaço uniforme entre links */
   }
   .footer_lgpd-list li {
     list-style: none; /* remove bolinhas */
     margin: 0; /* garante que não tenha espaçamento extra */
   }
   .footer_lgpd-link {
     text-align: center; /* garante centralização no texto */
     display: inline-block;
   }
   /* Centraliza área "Desenvolvido por" */
   .footer_author-area {
     text-align: center; /* centraliza horizontal */
     margin-top: 0 !important; /* reduz espaço superior */
   }
   .footer_author-text {
     margin: 0; /* remove espaçamento extra */
     display: inline-block;
   }
 }
 /*****************************************
************** LGPD PAGE *****************
*****************************************/
 .lgpd-header {
   background-color: var(--white-color);
   border-bottom: 1px solid var(--neutral-550-color);
   padding: 12px 0;
 }
 .lgpd-header_container {
   display: flex;
   justify-content: center;
 }
 .lgpd-header_link {
   display: block;
 }
 .lgpd_header-logo {
   width: 80px;
 }
 .lgpd {
   min-height: 100vh;
   padding: 50px 0;
 }
 .lgpd_text-area p:not(:last-child) {
   margin: 0 0 16px;
 }
 .lgpd_text-area h3 {
   margin: 32px 0 12px;
 }
 @media (min-width: 1024px) {
   .lgpd-header {
     padding: 16px 0;
   }
   .lgpd_header-logo {
     width: 120px;
   }
   .lgpd_text-area h3 {
     margin: 40px 0 16px;
   }
 }
 @media (min-width: 1440px) {
   .modal_header-icon {
     width: 38px;
     margin: 0 18px 0 10px;
   }
 }
 /******************************************
**************** SPIN FORM ****************
*************************** **************/
 .form-loading {
   display: none;
   text-align: center;
   margin-top: 15px;
   margin-bottom: 15px;
 }
 .form-loading::after {
   content: "";
   display: inline-block;
   width: 20px;
   height: 20px;
   border: 4px solid #ccc;
   border-top: 4px solid #4D863F; /* Cor do destaque */
   border-radius: 50%;
   animation: spin 1s linear infinite;
   vertical-align: middle;
 }
 @keyframes spin {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
 }

 /*****************************************
**************** HERO ********************
*****************************************/
 .hero {
   position: relative;
   overflow: hidden;
   background-color: var(--black-color);
   z-index: 1;
 }
 .hero::before, .hero::after {
   content: '';
   position: absolute;
   width: 440px;
   height: 440px;
   background-color: var(--primary-50-color);
   border-radius: 50%;
   filter: blur(112px);
   opacity: 0.6;
   z-index: 2;
 }
 .hero::before {
   left: -12%;
   bottom: -18%;
 }
 .hero::after {
   top: -48%;
   right: -12%;
 }
 .hero_img-area {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
 }
 .hero_img-area::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   /*background: linear-gradient(to right, var(--black-color) 18%, transparent 104%);*/
   opacity: .56;
 }
 .hero_img {
   object-fit: cover;
   width: 100%;
   height: 100%;
 }
 .hero_container {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 632px;
   z-index: 9;
 }
 /*****************************************
********** HERO TOP (LOGO + TEL) *********
*****************************************/
 .hero_top {
   position: absolute;
   top: 16px;
   left: 15px;
   right: 15px;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 .hero_logo-link {
   display: block;
 }
 .hero_brand {
   width: 144px;
 }
 .hero_tel-btn {
   display: inline-flex;
   font-size: 14px;
 }
 .hero_tel-btn .btn-ic {
   width: 16px;
   height: 16px;
 }
 @media (max-width: 1140px) {
   .hero_top {
     justify-content: center;
   }
   .hero_brand {
     width: 144px;
   }
   .hero_tel-btn {
     display: none !important;
   }
 }
 /*****************************************
************** HERO CONTENT **************
*****************************************/
 .hero_ttl {
   color: var(--white-color);
   font-size: 46px;
   font-weight: 700;
   line-height: 1.16;
   text-shadow: 0 0 8px #00000056;
 }
 .hero_ttl::after {
   content: '';
   display: block;
   width: 72px;
   height: 2px;
   background-color: var(--accent-color);
   margin: 12px 0 32px;
 }
 .hero_ttl strong {
   color: var(--accent-color);
   font-weight: inherit;
 }
 .hero_txt {
   color: var(--white-color);
   font-size: 17px;
   text-shadow: 0 0 8px #00000056;
 }
 .hero_btn {
   display: none;
 }
 .hero_form-area {
   background-color: var(--white-color);
   width: 30.5%;
   border-radius: 16px;
   box-shadow: 0 0 32px #00000024;
   padding: 28px;
 }
 .hero_form-head {
   display: flex;
   margin: 0 0 20px;
 }
 .hero_form-head-ic {
   fill: var(--whatsapp-50-color);
   width: 36px;
   margin: 0 14px 0 0;
 }
 .hero_form-head-txt-area {
   width: calc(100% - 36px - 14px);
 }
 .hero_form-head-ttl {
   color: var(--neutral-50-color);
   font-size: 18px;
   font-weight: 600;
   margin: 0 0 6px;
 }
 .hero_form-head-txt {
   font-size: 14px;
 }
 .hero_div-area {
   position: absolute;
   left: 0;
   bottom: -1px;
   right: 0;
   width: calc(100% + 2px);
   height: 630px;
   overflow: hidden;
   margin: 0 auto;
   z-index: 3;
 }
 .hero_div {
   width: 100%;
   height: 100%;
 }
 @media (max-width: 1384px) {
   .hero_ttl {
     font-size: 44px;
   }
   .hero_txt {
     font-size: 16px;
   }
   .hero_form-area {
     width: 36%;
   }
 }
 @media (max-width: 1140px) {
   .hero_container {
     justify-content: center;
   }
   .hero_txt-area {
     text-align: center;
   }
   .hero_ttl::after {
     margin: 12px auto 32px;
   }
   .hero_btn {
     display: inline-flex;
     margin: 32px 0 0;
   }
   .hero_form-area {
     display: none;
   }
   .hero_div-area {
     width: 112%;
   }
 }
 @media (max-width: 768px) {
   .hero::before, .hero::after {
     display: none;
   }
   .hero_img-area::before {
     background: linear-gradient(to top, var(--black-color) 32%, transparent 82%);
     opacity: 0.56;
   }
   .hero_container {
     align-items: flex-end;
     height: 600px;
     padding-bottom: 40px;
   }
   .hero_logo {
     width: 104px;
   }
   .hero_txt-area br {
     display: none;
   }
   .hero_ttl {
     text-wrap: balance;
     font-size: 6.2vw;
   }
   .hero_ttl::after {
     margin: 6px auto 12px;
   }
   .hero_txt {
     font-size: 3.1vw;
   }
   .hero_btn {
     margin: 24px 0 0;
   }
   .hero_div-area {
     display: none;
   }
 }
 /*****************************************
***************** WHY ********************
*****************************************/
 .why {
   padding: 28px 0 0;
 }
 .why_container {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
 }
 .why_box {
   display: flex;
   align-items: center;
 }
 .why_ic {
   fill: var(--primary-50-color);
   width: 52px;
   height: auto;
   margin: 0 14px 0 0;
 }
 .why_ic.adj {
   transform-origin: right;
   transform: scale(1.24);
 }
 .why_txt {
   width: calc(100% - 52px - 14px);
   color: var(--neutral-50-color);
   line-height: 1.4;
 }
 .why_txt span {
   font-weight: 600;
 }
 .why_div {
   display: block;
   width: 1.5px;
   height: 50px;
   background-color: var(--neutral-200-color);
   border: none;
   opacity: .64;
 }
 @media (max-width: 1140px) {
   .why_container {
     row-gap: 24px;
     padding: 0 80px;
   }
   .why_div {
     display: none;
   }
 }
 @media (max-width: 768px) {
   .why_container {
     padding: 0 28px;
   }
   .why_ic {
     width: 30px;
     margin: 0 10px 0 0;
   }
   .why_txt {
     width: calc(100% - 30px - 10px);
     font-size: 13px;
   }
 }