/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: "Poppins", sans-serif;
}

body {
  background: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

* {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
}

button {
  cursor: pointer;
  font-family: "Poppins", sans-serif;
}

*:focus,
*:visited,
*:focus:visited,
*:focus:active {
  outline: none !important;
}

textarea:focus,
input:focus {
  outline: none !important;
}

img {
  border: none;
  max-width: 100%;
}

a,
a:hover {
  text-decoration: none;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

ul {
  margin: 0px;
  padding: 0px;
}

.container {
  width: 100%;
  max-width: 1280px;
  padding: 0 20px;
  margin: 0 auto;
}

.root-reveal {
  background: #1a1a1a !important;
}

/*-== Loader Css ==-*/
.loader {
  position: fixed;
  inset: 0;
  background: #161616;
  z-index: 9999;
  transform: translateY(0);
}

.loader-logo {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}

.loader-logo img {
  width: 190px;
}

.vertical-border {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 40%;
  background: #fff;
  transform: translateX(-50%) scaleY(1);
  transform-origin: top;
}

.site {
  opacity: 0;
  transition-duration: 0.3s;
}

/* Seachbox FAQ page - Start */

.search-box{
  border: 1px solid #E4E4E4;
  background: #FAFAFA;
  display: flex;
  gap: 0px;
  max-width: 528px;
  margin: auto;
  padding: 18px 16px;
  justify-content: space-between;
  align-items: center;
}
.search-box input{
  box-sizing: border-box;
  width: 100%;
  border: 0px solid transparent;
  color: #595959;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  background: transparent;
  appearance: none;
  outline: none;
  padding: 0; 
  box-shadow: none;
  height:auto;
}

input[type="search"]:focus {
  border: 0px solid transparent;
  box-shadow: none;
  outline: none;
  background: transparent;
}

.search-box input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.search-box button{
  background: transparent; 
  border: none; 
  width: 24px; 
  height: 24px; 
  display: inline-block; 
  padding: 0; 
  box-shadow: none;
}
/* Seachbox FAQ page - end */


/*-== Header Css ==-*/
.site-header {
  width: 100%;
  position: relative;
  z-index: 99;
  border-bottom: 1px solid #BABABA;
}

.header-inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo img {
  display: block;
}

.menu {
  list-style: none;
  display: flex;
  gap: 30px;
}

.menu-item a,
.menu-link {
  text-decoration: none;
  background: none;
  border: none;
  cursor: pointer;
  color: #161616;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.menu-item {
  padding: 30px 0px;
}

.has-dropdown a.menu-link {
  display: flex;
  gap: 10px;
  align-items: center;
}

.has-dropdown a.menu-link img {
  display: block;
}

.submenu {
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 210px;
  background: #fff;
  padding: 0 15px;
  border: 1px solid #BABABA;
}

.submenu li a {
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #BABABA;
  color: #161616;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.submenu li:last-child a {
  border-bottom: none;
}

.has-dropdown:hover .submenu {
  display: block;
}

.hamburger img {
  width: 24px;
  display: block;
}

.certified-item.certified-2 h5 {
  max-width: 150px;
}

.certified-item.certified-3 h5 {
  max-width: 200px;
}

.three-vs-img p {
  margin: 0;
}

/* .ast-article-single.product.type-product {
    display: none;
} */
.full-ci-text h6 {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  margin-bottom: 20px;
}

.product-features .icon-text-row .icon-text-item:nth-child(3) h5,
.product-features .icon-text-row .icon-text-item:nth-child(4) h5 {
  max-width: 160px;
  margin-left: auto;
  margin-right: auto;
}

.product-item-text .pd-review {
  display: none;
}

.home-product-slider .product-item-text .product-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.head-right-icons ul li a .dgwt-wcas-search-wrapp {
  max-width: 600px;
  min-width: 270px;
}

@media (min-width: 1025px) {
  .has-dropdown {
    position: relative;
  }

  .has-dropdown>.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 260px;
    background: #fff;
    border: 1px solid #e5e5e5;
    opacity: 0;
    transform: translateY(-12px);
    visibility: hidden;
    pointer-events: none;
    transition:
      opacity 0.20s ease,
      transform 0.20s ease;
  }

  .has-dropdown:hover>.submenu {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
  }
}

@media (max-width: 1024px) {
  .menu {
    display: none;
    flex-direction: column;
    border-top: 1px solid #ddd;
  }

  .menu.show {
    display: flex;
  }

  .submenu {
    position: static;
    border: none;
  }
}

.sidebar {
  position: fixed;
  top: 0;
  left: -280px;
  width: 280px;
  height: 100%;
  background: #fff;
  transition: left 0.3s ease;
  z-index: 1001;
}

.sidebar.active {
  left: 0;
}

.sidebar-menu {
  list-style: none;
}

.sidebar-menu a,
.sidebar-menu .menu-link {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16px 20px;
  font-size: 18px;
  border-bottom: 1px solid #e5e5e5;
  background: none;
  border: none;
  text-decoration: none;
  color: #000;
  cursor: pointer;
}

.sidebar .submenu {
  display: none;
  background: #fafafa;
}

.sidebar .submenu a {
  padding-left: 32px;
}

.overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 1000;
}

.overlay.active {
  opacity: 1;
  visibility: visible;
}

.nav {
  display: block;
}

.hamburger {
  display: none;
  font-size: 26px;
  background: none;
  border: none;
}

@media (max-width: 1024px) {
  .nav {
    display: none;
  }

  .hamburger {
    display: block;
  }
}

.head-right-icons ul {
  display: flex;
  gap: 32px;
}

.head-right-icons ul img {
  display: block;
}

@media (max-width: 1024px) {
  .site-header {
    padding: 20px 0;
    border-bottom: 1px solid #D9D9D9;
  }

  /*li.hri-1,
  li.hri-2 {
    display: none;
  }*/

  li.hri-2 {
    display: none;
  }

  .head-right-icons li.hri-1 {
      display: block;
  }

  .dgwt-wcas-enable-mobile-form {
    position: relative;
  }

  .head-right-icons ul {
    gap: 20px;
  }

  .menu-item {
    padding: 0px;
  }

  .sidebar-menu a,
  .sidebar-menu .menu-link {
    font-size: 16px;
  }

  button.menu-link.sidebar-toggle img {
    display: block;
  }

  .submenu {
    width: 100%;
    padding: 0 20px;
  }

  .submenu li a {
    font-size: 14px;
  }

  .sidebar .submenu a {
    padding-left: 0;
  }

  button.menu-link.sidebar-toggle {
    padding: 12px 20px;
  }

  .sidebar h4 {
    padding: 15px 20px;
    border-bottom: 1px solid #BABABA;
    margin-bottom: 15px;
    color: #161616;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
  }
}

/* Panels */
.mobile-panel {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  left: auto;
  background: #fff;
  z-index: 1001;
  max-width: 400px;
  transition: right 0.35s ease;
}

.mobile-panel.active {
  right: 0;
}

/* Submenu stacked above main */
.submenu-panel {
  z-index: 1002;
}

/* Header inside panel */
.panel-header {
  border-bottom: 1px solid #D9D9D9;
  padding: 20px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.panel-header.submenu-panel-header {
  padding: 27px 20px;
}

.panel-header img {
  display: block;
}

.panel-header.submenu-panel-header .back {
  display: flex;
  align-items: center;
  gap: 10px;
}

.panel-header.submenu-panel-header strong {
  font-family: "Poppins", sans-serif;
  color: #161616;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -1.2px;
}

.panel-header.submenu-panel-header .back img {
  transform: rotate(180deg);
}

.panel-logo img {
  display: block;
}

.panel-header .back,
.panel-header .close {
  background: none;
  border: none;
  font-size: 22px;
  box-shadow: none;
}

/* Menu list */
.menu-list {
  list-style: none;
}

.menu-list li {
  padding: 0 20px;
}

li.has-children img {
  display: block;
}

.menu-list li a,
.menu-list li button {
  font-family: "Poppins", sans-serif;
  width: 100%;
  text-align: left;
  padding: 20px 10px;
  background: none;
  border: none;
  border-bottom: 1px solid #BABABA;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #161616;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -1.2px;
}

.menu-list li:last-child a {
  border-bottom: 0px;
}


/*-== Hero Banner Css ==-*/
.hero-banner {
  width: 100%;
  height: 685px;
  position: relative;
}

.hero-banner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hero-banner-content {
  position: absolute;
  width: 100%;
  text-align: center;
  padding: 0 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}

.hero-banner-content h5 {
  color: #FFF;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 0px;
  letter-spacing: -2px;
}

.hero-banner-content h1 {
  color: #FFF;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 0px;
  letter-spacing: -4px;
}

.hero-video-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}

@media(max-width: 991px) {
  .hero-banner-content h1 {
    font-size: 70px;
  }

  .hero-banner-content h5 {
    font-size: 30px;
  }
}

@media(max-width: 767px) {
  .panel-header .close {
    padding-right: 0;
  }

  .hero-banner {
    height: auto;
  }

  .hero-banner-content h5 {
    font-size: 20px;
    letter-spacing: -1px;
  }

  .hero-banner-content h1 {
    font-size: 32px;
    letter-spacing: -1.6px;
  }
}


/*-== Home Product Slider Css ==-*/
.home-product-slider {
  width: 100%;
  background: #EDEDED;
  padding: 100px 0 70px 0;
}

.home-product-slider .slick-slide {
  width: 240px;
  margin-right: 20px;
}

.product-item-img {
  margin-bottom: 0px;
}

.product-item-img img {
  width: 240px;
  margin-left: -25px;
}

.product-item-text h6 {
  color: #161616;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 5px;
  letter-spacing: -1.2px;
}

.product-item-text h4 {
  color: #161616;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 10px;
  letter-spacing: -1.6px;
}

.product-item-text p {
  color: #595959;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 10px;
  max-width: 200px;
}

.product-item-text .more-btn {
  border-radius: 50px;
  background: #161616;
  padding: 8px 24px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: capitalize;
  display: inline-block;
}

@media(max-width: 767px) {
  .product-item-img img {
    width: 133px;
    margin-left: -20px;
  }

  .technology-content {
    width: 100%;
    padding: 0 15px !important;
  }

  .product-item-text h6 {
    font-size: 20px;
    letter-spacing: -1px;
  }

  .product-item-text h4 {
    font-size: 24px;
    letter-spacing: -1.2px;
    max-width: 150px;
  }

  .home-product-slider .slick-slide {
    width: 200px;
  }

  .product-item-text p {
    max-width: 195px;
  }

  .home-product-slider {
    padding: 60px 0;
  }

  .product-carousel {
    padding-left: 20px;
  }
}


/*-== Technology Section Css ==-*/
.technology-section {
  width: 100%;
  background: #161616;
  padding: 88px 0 0 0;
}

.technology-content {
  max-width: 627px;
  margin: 0 auto;
  padding: 0px;
}

.technology-content h6 {
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 12px;
  letter-spacing: -1.2px;
}

.technology-content h3 {
  color: #FFF;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 12px;
  max-width: 500px;
  letter-spacing: -2px;
}

.technology-content p {
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 12px;
  letter-spacing: -1px;
}

.technology-content p:last-child {
  margin-bottom: 0px;
}

.technology-gsap {
  width: 100%;
  position: relative;
}

.technology-gsap img {
  display: block;
}

.technology-gsap img.technology-bg {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.technology-gsap img.technology-strips {
  width: 720px;
  margin: 0 auto;
  z-index: 9;
  position: relative;
}

@media(max-width: 767px) {
  .technology-section {
    padding: 60px 0 0 0;
  }

  .technology-content h3 {
    font-size: 32px;
    letter-spacing: -1.6px;
  }
}


/*-== Why Icon Section Css ==-*/
.why-icon-section {
  width: 100%;
  padding: 350px 0 100px 0;
  background: #1a1a1a;
}

.why-icon-section h3 {
  color: #FFF;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 60px;
  letter-spacing: -2px;
}

.why-icon-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.why-icon-item {
  text-align: center;
}

.why-icon-item img {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}

.why-icon-item h6 {
  color: #FFF;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 0px;
  padding: 0 10px;
  letter-spacing: -1.6px;
}

@media(max-width: 991px) {
  .why-icon-row {
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px 0;
  }

  .why-icon-item {
    width: 50%;
  }
}

@media(max-width: 767px) {
  .why-icon-section h3 {
    font-size: 32px;
    letter-spacing: -1.6px;
  }

  .why-icon-item img {
    height: 80px;
  }

  .why-icon-item h6 {
    font-size: 24px;
    letter-spacing: -1.2px;
  }

  .why-icon-item.wii-1 h6 {
    max-width: 250px;
    margin: 0 auto;
  }

  .why-icon-row {
    gap: 20px 0;
  }

  .why-icon-section {
    padding: 150px 0 60px 0;
  }
}


/*-== Comparison Section Css ==-*/
.comparison-section {
  width: 100%;
  padding: 100px 0;
}

.comparison-title {
  margin-bottom: 60px;
}

.comparison-title h3 {
  color: #161616;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin: 0 auto;
  max-width: 650px;
  letter-spacing: -2px;
}

.comparison-main {
  width: 100%;
  display: flex;
  gap: 80px;
  justify-content: center;
}

.comparison-item img {
  display: block;
  margin-bottom: 30px;
}

.comparison-item ul {
  max-width: 410px;
  margin: 0 auto;
}

.comparison-item li {
  color: #595959;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  border-bottom: 1px solid #BABABA;
  padding-bottom: 52px;
  margin-bottom: 52px;
  letter-spacing: -1.6px;
}

.comparison-item li:last-child {
  margin-bottom: 0px;
}

.comparison-last {
  width: 100%;
  padding-top: 40px;
}

.comparison-last p {
  color: #161616;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin: 0px;
  letter-spacing: -1.2px;
}

@media(max-width: 991px) {
  .comparison-main {
    gap: 30px;
  }

  .comparison-item {
    flex: 1;
  }

  .comparison-item-img {
    height: 310px;
    margin-bottom: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }

  .comparison-item img {
    display: block;
    max-height: 100%;
    margin: 0 auto;
  }

  li.ci-li3 {
    min-height: 168px;
  }
}

@media(max-width: 767px) {
  .comparison-section {
    padding: 60px 0;
  }

  .comparison-title h3 {
    font-size: 32px;
    letter-spacing: -1.6px;
  }

  .comparison-item-img {
    height: 160px;
  }

  .comparison-title {
    margin-bottom: 40px;
  }

  .comparison-item li {
    font-size: 24px;
    letter-spacing: -1.2px;
  }

  .comparison-last p {
    font-size: 24px;
    letter-spacing: -1.2px;
  }

  .comparison-item {
    min-width: 230px;
  }

  .comparison-main {
    justify-content: flex-start;
  }

  .comparison-scroll {
    overflow: auto;
    margin: 0 -20px;
    padding-left: 20px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .comparison-scroll::-webkit-scrollbar {
    display: none;
  }

  li.ci-li3 {
    min-height: 140px;
  }
}


/*-== Peptide Education Section Css ==-*/
.peptide-education {
  width: 100%;
  margin-bottom: 100px;
}

.peptide-education-main {
  border-radius: 20px;
  background: #F4F4F4;
  padding: 80px 60px;
  overflow: hidden;
  position: relative;
}

.peptide-education-text {
  max-width: 580px;
}

.peptide-education-text h6 {
  color: #595959;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.peptide-education-text h3 {
  color: #161616;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 20px;
  letter-spacing: -2px;
}

.peptide-education-text p {
  color: #595959;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 20px;
}

.btn-dark {
  display: inline-block;
  border-radius: 50px;
  background: #161616;
  padding: 8px 24px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: capitalize;
}

.peptide-education-img {
  position: absolute;
  top: 0px;
  right: 0px;
}

@media (max-width: 1024px) {
  .peptide-education-text {
    max-width: 490px;
  }

  .peptide-education-img {
    right: -110px;
  }
}

@media(max-width: 991px) {
  .peptide-education-img {
    right: auto;
    text-align: right;
    position: relative;
    top: auto;
  }

  div#overlay {
    display: none;
  }

  .peptide-education-main {
    padding: 0px 0px 80px 0px;
    display: flex;
    flex-direction: column-reverse;
  }

  .peptide-education-text {
    max-width: 100%;
    padding: 0 50px;
  }
}

@media(max-width: 767px) {
  .peptide-education-img {
    right: auto;
    text-align: right;
    position: relative;
    top: -30px;
    width: 500px;
  }

  .peptide-education-main {
    padding: 0px 0px 20px 0px;
  }

  .peptide-education-text {
    max-width: 100%;
    padding: 0 20px;
    margin-top: -40px;
    position: relative;
    z-index: 9;
  }

  .peptide-education-text h3 {
    font-size: 32px;
    letter-spacing: -1.6px;
  }

  .peptide-education {
    width: 100%;
    margin-bottom: 60px;
  }
}


/*-== Certified Icon Text Section Css ==-*/
.certified-icon-text {
  width: 100%;
  background: #474747;
  padding: 50px 0;
}

.certified-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.certified-item img {
  display: block;
  margin-bottom: 40px;
}

.certified-item h5 {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 30px;
  letter-spacing: -1.2px;
}

.certified-item p {
  margin-bottom: 0px;
  padding-right: 30px;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.certified-item {
  flex: 1;
  border-right: 1px solid #F5F5F5;
  padding-right: 40px;
  margin-right: 40px;
}

.certified-item:last-child {
  border-right: 0px;
  padding-right: 0px;
  margin-right: 0px;
}

@media (max-width: 1024px) {
  .certified-item img {
    height: 100px;
  }

  .certified-item p {
    padding-right: 0;
  }
}

@media(max-width: 991px) {
  .certified-row {
    flex-wrap: wrap;
  }

  .certified-item {
    flex: auto;
    border-right: 0px;
    padding-right: 0px;
    margin-right: 0px;
    border-bottom: 1px solid #F5F5F5;
    padding-bottom: 40px;
    margin-bottom: 40px;
    width: 100%;
  }

  .certified-item:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}

@media(max-width: 767px) {
  .certified-icon-text {
    padding: 60px 0;
  }

  .certified-item img {
    height: auto;
    margin: 0 auto;
    margin-bottom: 40px;
  }

  .certified-item h5 {
    font-size: 20px;
    margin: 0 auto;
    margin-bottom: 10px;
    letter-spacing: -1px;
  }

  .certified-item p {
    font-size: 16px;
    letter-spacing: 0;
    max-width: 300px;
    margin: 0 auto;
  }

  .certified-item h5 br {
    display: none;
  }

  .certified-item.certified-1 h5 {
    max-width: 210px;
  }

  .certified-item {
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: center;
  }

  .certified-item.certified-1 img {
    max-width: 330px;
  }

  .certified-item.certified-2 img {
    width: 130px;
  }

  .certified-item.certified-3 img {
    width: 150px;
  }
}


/*-== Discover Section Css ==-*/
.discover-section {
  width: 100%;
  padding: 100px 0;
}

.discover-title {
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
  margin-bottom: 100px;
  text-align: center;
}

.discover-title h3 {
  color: #161616;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 20px;
  letter-spacing: -2px;
}

.discover-row {
  width: 100%;
  display: flex;
  gap: 20px;
}

.discover-item {
  flex: 1;
  padding: 30px;
  background: #F5F5F5;
}

.discover-item h4 {
  color: #161616;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 10px;
  letter-spacing: -1.6px;
}

.discover-item p {
  color: #595959;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 20px;
}

.discover-item img {
  width: 100%;
  display: block;
}

@media(max-width: 991px) {
  .discover-row {
    flex-wrap: wrap;
  }

  .discover-item {
    flex: auto;
    width: 100%;
  }
}

@media(max-width: 767px) {
  .discover-section {
    padding: 60px 0;
  }

  .discover-title h3 {
    font-size: 32px;
    letter-spacing: -1.6px;
  }

  .discover-title {
    margin-bottom: 60px;
  }

  .discover-item {
    padding: 20px;
  }
}


/*-== Footer Css ==-*/
.footer-main {
  width: 100%;
  background: #161616;
  padding: 60px 0 40px 0;
}

.footer-row {
  width: 100%;
  display: flex;
  gap: 60px;
  justify-content: space-between;
}

.subscribe-main {
  max-width: 368px;
}

.footer-links {
  display: flex;
  gap: 80px;
}

.footer-links .fl-card h5 {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 20px;
  letter-spacing: -1.2px;
}

.footer-links li a {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.footer-links li {
  margin-bottom: 8px;
}

.footer-links li:last-child {
  margin-bottom: 0px;
}

ul.subscribe-social {
  display: flex;
  gap: 8px;
  margin-bottom: 15px;
}

ul.subscribe-social img {
  display: block;
}

.subscribe-card span {
  font-family: 'proxima-nova';
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  width: 100%;
  display: block;
  margin-bottom: 16px;
}

.subscribe-input {
  margin-bottom: 16px;
}

.subscribe-input form {
  width: 100%;
  display: flex;
}

.subscribe-input input {
  flex: 1;
  border: 1px solid #FFF;
  background: #FFF;
  height: 47px;
  padding: 0 20px;
  color: #4E4E4E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  border-radius: 0;
}

.subscribe-input button {
  background: #545454;
  padding: 15px 10px;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  border: 0px;
  flex: none;
  border-radius: 0;
}

.subscribe-card p {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 0px;
}

.footer-last {
  width: 100%;
  margin-top: 30px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.footer-bbb img {
  display: block;
}

.footer-cc {
  max-width: 500px;
}

.footer-cc p {
  color: #FFF;
  font-family: 'proxima-nova';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 20px;
}

.footer-cc span {
  width: 100%;
  display: block;
  text-align: right;
  color: #FFF;
  font-family: 'proxima-nova';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

@media (max-width: 1024px) {
  .footer-row {
    flex-wrap: wrap;
    gap: 30px;
  }

  .footer-logo {
    width: 100%;
  }
}

@media(max-width: 991px) {
  .footer-links {
    width: 100%;
  }

  .subscribe-main {
    max-width: 100%;
  }
}

@media(max-width: 767px) {
  .footer-main {
    padding: 40px 0 40px 0;
  }

  .footer-row {
    gap: 40px;
  }

  .footer-links {
    width: 100%;
    flex-wrap: wrap;
    gap: 0;
  }

  .footer-links .fl-card {
    width: 100%;
  }

  .footer-links .fl-card:last-child {
    border-top: 1px solid #BABABA;
    padding-top: 20px;
    margin-top: 20px;
  }

  .footer-last {
    margin-top: 20px;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
  }

  .footer-cc span {
    text-align: center;
  }
}


/*-== Age Popup Css ==-*/
.pum-theme-344 .pum-container, .pum-theme-lightbox .pum-container {
  padding: 0;
}
.pum-content .age-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.40);
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.pum-theme-344 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
    position: absolute;
    height: 24px;
    width: 24px;
    left: auto;
    right: 20px;
    bottom: auto;
    top: 30px;
    padding: 0px;
    color: #000000;
    font-weight: 100;
    font-size: 28px;
    line-height: 24px;
    border: 0px solid #000000;
    border-radius: 0;
    text-shadow: none;
    background-color: rgba( 255, 255, 255, 1.00 );
    box-shadow: none;
}

.pum-content .age-popup {
  background: #fff;
  width: 100%;
  max-width: calc(100% - 0px);
  padding: 20px;
  text-align: center;
  position: relative;
}

.pum-content .age-close {
  position: absolute;
  top: 30px;
  right: 20px;
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  padding: 0;
}

.age-close img {
  display: block;
}

.age-logo {
  text-align: center;
  margin-bottom: 40px;
}

.age-logo img {
  width: 185px;
  display: block;
  margin: 0 auto;
}

.pum-content .question {
  color: #161616; 
  font-size: 20px; 
  font-style: normal; 
  font-weight: 600; 
  line-height: 120%; 
  letter-spacing: -1px; 
  margin-bottom: 10px; 
}

.age-popup .description { 
  color: #161616; 
  text-align: center; 
  font-size:14px; 
  font-weight: 400; 
  line-height: 140%; 
  margin-bottom: 20px; 
}

.age-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 30px;
}

.btn-age {
  padding: 7px 24px;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: capitalize;
  border-radius: 50px;
}

.age-btn-outline {
  color: #161616;
  border: 1px solid #BABABA;
  background: #F5F5F5;
}

.age-btn-fill {
  color: #fff;
  border: 1px solid #161616;
  background: #161616;
}

.pum-content .remember {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  user-select: none;
  color: #161616;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  position: relative;
  padding-left: 30px;
}
.pum-content .remember:before {
  width: 18px;
  height: 18px;
  border: 2px solid #161616;
  border-radius: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  content: "";
  position: absolute;
  left: 0;
}


.pum-content .remember input {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  opacity: 0;
}

.pum-content .remember input:checked{
  opacity: 1;
}

.pum-content .remember input:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  z-index: 9;
  top: 3px;
  left: 6px;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.pum-content .remember input:after {
  content: "";
  width: 18px;
  height: 18px;
  opacity: 0;
  transition: opacity 0.2s ease;
  top: 0;
  position: absolute;
  left: 0;
  background: #000;
}
.pum-content .remember input:checked:before,
.pum-content .remember input:checked:after {
  opacity: 1 !important;
}

.checkmark {
  width: 18px;
  height: 18px;
  border: 2px solid #161616;
  border-radius: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.checkmark::after {
  content: "";
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s ease;
  top: -2px;
  position: relative;
}

.remember input:checked+.checkmark {
  background: #161616;
  border-color: #161616;
}

.remember input:checked+.checkmark::after {
  opacity: 1;
}

.remember:hover .checkmark {
  border-color: #333;
}

@media(max-width: 767px) {
  .age-logo img {
    width: 160px;
  }

  .question {
    font-size: 20px;
  }
}


/*-== PRODUCT DETAILS PAGE CSS ==-*/
/*-== Product Details top CSS ==-*/
.product-details-card {
  width: 100%;
  padding: 20px 0 75px 0;
}

.product-details-row {
  width: 100%;
  display: flex;
}

.product-details-carousel {
  width: 52%;
}

.product-details-content {
  width: 48%;
  padding-left: 70px;
}

.product__slider_parent {
  display: flex;
  gap: 18px;
  justify-content: center;
}

.product__slider_nav {
  width: 110px;
  display: block;
}

.product_slider {
  display: block;
  overflow: hidden;
  width: calc(100% - 106px);
  margin: 0 !important;
}

.slick-slide {
  width: 240px;
  margin-right: 0;
}

.product_slider_item {
  display: block !important;
}

.product__slider_nav .slick-slide {
  border: 0px;
}

.product__slider_nav_item {
  margin-bottom: 25px;
  display: block !important;
  background: #EFEFEF;
}

.product-details-content h2 {
  color: #161616;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -2px;
  margin-bottom: 5px;
}

.product-details-content h1 {
  color: #161616;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2px;
  margin-bottom: 10px;
  max-width: 300px;
}

.product-details-content p {
  color: #595959;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 30px;
}

.pd-review {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 10px;
  color: #595959;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.pd-review img {
  display: block;
}

.pd-price {
  width: 100%;
  display: flex;
  gap: 30px;
  align-items: center;
  margin-bottom: 30px;
}

.pd-main-price {
  display: flex;
  gap: 5px;
  align-items: flex-end;
}

.pd-main-price h3 span {
  color: #161616;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -2px;
  margin-bottom: 0px;
}

.pd-main-price span {
  color: #161616;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -1px;
  margin-bottom: 10px;
}

.pd-delivered p {
  color: #595959;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 0px;
  max-width: 270px;
}

.add-to-cart-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
}

.cta-btn {
  flex: 1;
}

.add-to-cart-btn {
  width: 100%;
  border-radius: 50px;
  background: #161616;
  border: none;
  cursor: pointer;
  color: #FFF;
  text-align: center;
  font-family: 'proxima-nova', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: capitalize;
  padding: 8px 20px;
}

.quantity {
  width: 85px;
  height: 36px;
  display: flex;
  align-items: center;
  border: 1px solid #BABABA;
  background: #FFF;
  justify-content: space-between;
  overflow: hidden;
}

.woocommerce-js .quantity .qty {
  width: 25px;
  min-height: 35px;
  padding: 0 !important;
  border: 0;
  line-height: 1;
  text-align: center;
}

.quantity .qut-btn {
  color: #161616;
  font-size: 18.779px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: 0px;
  width: 28px;
  height: 100%;
  background: transparent;
}

.quantity-input {
  border: 0px;
  width: 25px;
  height: 100%;
  background: transparent;
  text-align: center;
  color: #161616;
  font-size: 18.779px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

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

.quantity button.qty-btn {
  padding: 0;
  width: 28px;
}

@media (max-width: 1199px) {
  .product__slider_nav {
    width: 102px;
  }
}

@media (max-width: 1024px) {
  .product-details-content {
    width: 48%;
    padding-left: 30px;
  }

  .pd-price {
    gap: 15px;
    flex-wrap: wrap;
  }

  .pd-delivered {
    width: 100%;
  }

  .product__slider_nav_item {
    margin-bottom: 10px;
  }

  .product__slider_nav {
    width: 90px;
  }
}

@media(max-width: 991px) {
  .product-details-row {
    flex-wrap: wrap;
  }

  .product-details-carousel {
    width: 100%;
  }

  .product-details-content {
    width: 100%;
    padding-left: 0;
    padding-top: 25px;
  }

  .product__slider_parent {
    gap: 10px;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .product_slider {
    width: 100%;
  }

  .product__slider_nav {
    width: 100%;
  }

  .product__slider_nav_item {
    margin-bottom: 0;
  }

  .product__slider_nav .slick-slide {
    margin-left: 10px;
  }

  .product__slider_nav .slick-list {
    margin-left: -10px;
  }

  .product_slider .slick-arrow {
    width: 32px;
    height: 32px;
    border: 1px solid #8A8A8A;
    border-radius: 50%;
    z-index: 9;
  }

  .product_slider .slick-next:before,
  .product_slider .slick-prev:before {
    display: none;
  }

  .product_slider .slick-arrow.slick-prev {
    left: 10px;
    background: url('/wp-content/uploads/2026/02/prev-btn.svg') #FFF;
    background-repeat: no-repeat;
    background-position: center;
  }

  .product_slider .slick-arrow.slick-next {
    right: 10px;
    background: url('/wp-content/uploads/2026/02/next-btn.svg') #FFF;
    background-repeat: no-repeat;
    background-position: center;
  }
}

@media(max-width: 767px) {
  .product-details-content h2 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -1.6px;
  }

  .quantity {
    border: 1px solid #595959;
  }
}


/*-== Left Img and Text top CSS ==-*/
.full-ci-row {
  width: 100%;
  display: flex;
}

.full-ci-img {
  width: 50%;
}

.full-ci-img img {
  display: block;
  width: 100%;
}

.full-ci-text {
  width: 50%;
  padding: 0 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #F5F5F5;
  align-items: flex-start;
}

.manufactured-section .full-ci-text {
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
}

.manufactured-section .full-ci-row {
  display: flex;
  flex-direction: row-reverse;
}

.full-ci-text h3 {
  max-width: 520px;
  color: #161616;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2px;
  margin-bottom: 10px;
}

.full-ci-text p {
  color: #595959;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 20px;
  max-width: 550px;
}

.full-ci-icon {
  display: flex;
  gap: 18px;
  margin-top: 50px;
}

.subtitle-mob {
  display: none;
  color: #595959;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .full-ci-icon {
    flex-wrap: wrap;
  }
}

@media (max-width: 1024px) {
  .full-ci-img img {
    height: 100%;
    object-fit: cover;
  }

  .full-ci-text {
    padding: 50px 20px;
  }
}

@media(max-width: 767px) {
  .manufactured-section .full-ci-row {
    flex-wrap: wrap;
  }

  .full-ci-img {
    width: 100%;
  }

  .full-ci-text {
    padding: 30px 20px 60px 20px;
    width: 100%;
  }

  .full-ci-img img {
    height: auto;
  }

  .full-ci-text h3 {
    font-size: 32px;
    letter-spacing: -1.6px;
  }

  .full-ci-text .btn-dark {
    width: 100%;
  }

  .full-ci-icon {
    justify-content: center;
  }

  .healing-section .full-ci-row {
    flex-wrap: wrap;
  }

  .subtitle-mob {
    display: inline-block;
  }
}


/*-== Product VS CSS ==-*/
.three-vs-section {
  width: 100%;
  padding: 100px 0;
}

.three-vs-title {
  width: 100%;
  text-align: center;
  margin-bottom: 87px;
}

.three-vs-title h3 {
  color: #161616;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2px;
  max-width: 610px;
  margin: 0 auto;
}

.three-vs-row {
  width: 100%;
  display: flex;
  gap: 65px;
  justify-content: center;
}

.three-vs-item {
  max-width: 300px;
  position: relative;
  flex: 1;
  border: 1px solid #BABABA;
  text-align: center;
}

.three-vs-img img {
  display: block;
  margin: 0 auto;
  height: 118px;
}

.three-vs-img {
  padding-top: 3px;
}

.three-vs-img h5 {
  width: 100%;
  background: #F5F5F5;
  padding: 10px;
  margin-bottom: 0px;
  color: #161616;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1px;
  margin-top: 7px;
}

.three-vs-item li {
  width: 100%;
  border-top: 1px solid #BABABA;
  padding: 14px 10px;
  color: #161616;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.best-note {
  width: 100%;
  background: #161616;
  padding: 6px 10px;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  position: absolute;
  top: -29px;
  left: 0;
}

.sublingual-item .three-vs-img h5 {
  background: #6BADC9;
  color: #FFF;
}

.vs-card {
  position: absolute;
  right: -45px;
  top: 50%;
  transform: translateY(-50%);
  color: #161616;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1px;
}

li.tvsl-4 {
  min-height: 63px;
}

@media(max-width: 991px) {
  .three-vs-row {
    flex-wrap: wrap;
    gap: 40px;
  }

  .three-vs-item {
    flex: auto;
    width: 100%;
    max-width: 350px;
  }

  .vs-card {
    right: auto;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
  }

  .three-vs-item.sublingual-item {
    order: 1;
  }

  .three-vs-item.oral-item {
    order: 2;
  }

  .three-vs-item.injectable-item {
    order: 3;
  }
}

@media(max-width: 767px) {
  .three-vs-section {
    padding: 60px 0;
  }

  .three-vs-title h3 {
    font-size: 32px;
    letter-spacing: -1.6px;
  }

  .three-vs-title {
    margin-bottom: 50px;
  }

  .three-vs-item li {
    font-size: 14px;
    line-height: 21px;
    padding: 11px 10px;
  }

  li.tvsl-4 {
    min-height: auto;
  }
}


/*-== Supplement Innovation CSS ==-*/
.supplement-innovation {
  width: 100%;
  background: #161616;
  padding-top: 70px;
}

.supplement-innov-title {
  max-width: 780px;
  margin: 0 auto;
}

.supplement-innov-title h3 {
  color: #FFF;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -2px;
  max-width: 500px;
  margin: 0 auto;
  margin-bottom: 12px;
}

.supplement-innov-title p {
  color: #F5F5F5;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1px;
  margin-bottom: 0px;
}

.supplement-innov-img {
  width: 100%;
  margin-top: 85px;
}

.si-img-desk {
  display: block;
  width: 100%;
}

.si-img-mob {
  display: none;
}

@media(max-width: 767px) {
  .supplement-innovation {
    padding: 60px 0;
  }

  .supplement-innov-title h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -1.6px;
    margin-bottom: 12px;
  }

  .supplement-innov-img {
    margin-top: 55px;
  }

  .si-img-desk {
    display: none;
  }

  .si-img-mob {
    width: 100%;
    display: block;
  }
}


/*-== Icon Text CSS ==-*/
.icon-text-three {
  width: 100%;
  padding: 100px 0;
}

.icon-text-row {
  width: 100%;
  display: flex;
  gap: 30px;
}

.icon-text-item {
  flex: 1;
  border: 1px solid #BABABA;
  padding: 20px;
  text-align: center;
}

.icon-text-item img {
  height: 124px;
  display: block;
  margin: 0 auto;
  margin-bottom: 40px;
}

.icon-text-item h5 {
  color: #161616;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.2px;
  margin-bottom: 30px;
}

.icon-text-item p {
  color: #595959;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1px;
  margin-bottom: 0px;
  padding: 0 3px;
}

@media(max-width: 991px) {
  .icon-text-row {
    flex-wrap: wrap;
  }

  .icon-text-item {
    flex: auto;
    width: 100%;
  }
}

@media(max-width: 767px) {
  .icon-text-three {
    padding: 60px 0;
  }

  .icon-text-item p {
    padding: 0;
  }
}


/*-== Repair Systems CSS ==-*/
.repair-systems {
  width: 100%;
  background: #A1AEB1;
  overflow: hidden;
}

.repair-systems-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 25px;
  align-items: center;
  position: relative;
}

.repair-systems-content {
  max-width: 520px;
  padding: 150px 0;
}

.repair-systems-content h3 {
  color: #FFF;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2px;
  margin-bottom: 10px;
}

.repair-systems-content p {
  color: #F5F5F5;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 20px;
}

.repair-systems-content .btn-dark {
  background: #FFF;
  color: #161616;
  font-family: 'proxima-nova';
}

.repair-systems-img {
  position: absolute;
  top: -80px;
  right: -50px;
  width: 680px;
}

.rs-img-mob {
  display: none;
}

@media (max-width: 1024px) {
  .repair-systems-img {
    top: 10px;
    right: -50px;
    width: 540px;
  }
}

@media(max-width: 991px) {
  .rs-img-mob {
    display: inline-block;
  }

  .rs-img-desk {
    display: none;
  }

  .repair-systems-img {
    top: auto;
    right: auto;
    width: 100%;
    position: relative;
  }

  .repair-systems-row {
    gap: 55px;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .repair-systems-content {
    max-width: 100%;
    padding: 0 0 20px 0;
  }

  .rs-img-mob {
    vv display: block;
    margin: 0 auto;
  }
}

@media(max-width: 767px) {
  .repair-systems-img {
    width: auto;
    margin: 0 -20px;
  }
}


/*-== Title Text Three CSS ==-*/
.title-text-three .icon-text-item h3 {
  color: #161616;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2px;
  margin-bottom: 20px;
}

.title-text-three .icon-text-item p {
  padding: 0px;
}

.title-text-three .icon-text-row {
  gap: 20px;
}

.title-text-foot {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.title-text-foot p {
  color: #595959;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1px;
  margin-bottom: 0px;
}


/*-== Product SFP CSS ==-*/
.product-sfp {
  width: 100%;
  background: #A1AEB1;
  margin-top: 100px;
  padding-bottom: 110px;
}

.product-sfp-row {
  width: 100%;
  display: flex;
  gap: 93px;
}

.product-sfp-img {
  width: 100%;
  max-width: 575px;
  margin-top: -100px;
  flex: none;
}

.product-sfp-img img {
  display: block;
}

.product-sfp-content {
  padding: 122px 0 0 0;
  flex: 1;
}

.product-sfp-content li {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.6px;
  position: relative;
  padding-left: 37px;
}

.product-sfp-content li::after {
  position: absolute;
  content: "";
  background: url(/wp-content/uploads/2026/02/check-ic.svg) no-repeat;
  background-repeat: repeat;
  top: 14px;
  left: 0px;
  width: 23px;
  height: 14px;
}

.product-sfp-content li+li {
  margin-top: 20px;
}

@media (max-width: 1024px) {
  .product-sfp-row {
    gap: 40px;
  }
}

@media(max-width: 991px) {
  .product-sfp-row {
    gap: 40px;
    flex-wrap: wrap;
  }

  .product-sfp-content {
    padding: 0;
  }
}

@media(max-width: 767px) {
  .product-sfp {
    margin-top: 127px;
    padding-bottom: 20px;
  }

  .product-sfp-img {
    margin-top: -127px;
  }

  .product-sfp-row {
    gap: 30px;
  }

  .product-sfp-content li {
    font-size: 24px;
    letter-spacing: -1.2px;
  }

  .product-sfp-content li::after {
    top: 9px;
  }
}


/*-== Product Features CSS ==-*/
.product-features .icon-text-row {
  gap: 20px;
}

.product-features .features-icon {
  width: 100%;
  background: #F5F5F5;
  padding: 20px 0;
  margin-bottom: 40px;
}

.product-features .icon-text-item img {
  height: 100px;
  margin-bottom: 0px;
}

.product-features .icon-text-item p {
  padding: 0px;
}

@media (max-width: 1024px) {
  .product-features .icon-text-row {
    gap: 20px;
    flex-wrap: wrap;
  }

  .product-features .icon-text-row .icon-text-item {
    flex: auto;
    width: 48%;
  }

  .product-features .icon-text-item p br {
    display: none;
  }
}


/*-== Product Options CSS ==-*/
.purchase-box {
  width: 100%;
  border: 1px solid #BABABA;
  background: #F5F5F5;
  padding: 20px;
  margin-bottom: 30px;
}

.purchase-option {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.purchase-option input {
  display: none;
}

.custom-radio {
  border-radius: 2px;
  border: 2px solid #595959;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-radio.checked {
  border-color: #161616;
}

.custom-radio.checked::after {
  content: "";
  background: url('/wp-content/uploads/2026/02/radio-checked.svg') no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
}

span.wcsatt-options-prompt-action {
  color: #161616;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1px;
}

.purchase-option.active .purchase-text {
  font-weight: 500;
}

.text-group .purchase-subtext {
  color: #161616;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-top: 4px;
  display: block;
}

.divider {
  height: 1px;
  background: #BABABA;
  margin: 20px 0;
}

.product-options {
  width: 100%;
  margin-bottom: 100px;
}

.product-options-row {
  width: 100%;
  display: flex;
  gap: 20px;
}

.product-options-item {
  flex: 1;
  border: 1px solid #BABABA;
  padding: 30px 20px;
}

.po-title {
  width: 100%;
  margin-bottom: 14px;
  text-align: center;
}

.po-title h4 {
  color: #161616;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.6px;
  margin-bottom: 0px;
}

.po-img {
  margin-bottom: 20px;
}

.po-img img {
  width: 100%;
  display: block;
}

.po-price {
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
}

.po-price h4 {
  color: #161616;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2px;
  margin-bottom: 0px;
}

.po-price span {
  width: 100%;
  display: inline-block;
  color: #595959;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1px;
}

.po-cta-btn .option-btn {
  width: 100%;
  display: inline-block;
  border-radius: 50px;
  background: #6BADC9;
  padding: 10px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  border: 0px;
  text-transform: capitalize;
}

.po-cta-btn span {
  width: 100%;
  margin-top: 10px;
  display: inline-block;
  color: #161616;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

@media (max-width: 1024px) {
  .purchase-text {
    font-size: 18px;
  }

  .po-title h4 br {
    display: none;
  }

  .po-title h4 {
    padding: 0 30px;
  }

  .product-options-item.po-item-3 .po-title h4 {
    padding: 0;
  }
}

@media(max-width: 991px) {
  .product-options-row {
    flex-wrap: wrap;
  }

  .product-options-item {
    flex: auto;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}

@media(max-width: 767px) {
  .po-title h4 {
    padding: 0;
  }

  .purchase-text {
    font-size: 20px;
  }

  .product-options {
    margin-bottom: 60px;
  }
}


/*-== FAQ Section CSS ==-*/
.faqs_section {
  width: 100%;
  background: #F5F5F5;
  padding: 80px 0;
}

.faq-row {
  width: 100%;
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}

.faq-title {
  max-width: 350px;
  flex: none;
}

.faq-title h3 {
  color: #161616;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2px;
  margin-bottom: 0px;
}

.faq-card {
  flex: 1;
}

.faqs_section ul.accordion .accordion_heading {
  padding: 0;
  cursor: pointer;
  position: relative;
  border-top: 1px solid #BABABA;
}

.secondary_sub_heading {
  font-size: 25px;
  letter-spacing: .25px;
  line-height: 30px;
  font-weight: 700;
}

.faqs_section ul.accordion .accordion_heading h4 {
  color: #161616;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  position: relative;
  margin: 0;
  cursor: pointer;
  padding: 20px 70px 20px 10px;
  display: flex;
  align-items: center;
}

.faqs_section ul.accordion .accordion_content p {
  color: #161616;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.faqs_section ul.accordion .accordion_heading .icon {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -1px;
}

.faqs_section ul.accordion .accordion_heading .icon svg {
  width: 100%;
  height: 100%;
}

.faqs_section ul.accordion .accordion_heading .icon svg.minus {
  display: none;
  transform: rotate(90deg);
}

.faqs_section ul.accordion .accordion_heading.active .icon svg.minus {
  display: block;
  margin-top: 1px;
}

.faqs_section ul.accordion .accordion_heading.active .icon svg.plus {
  display: none;
}

.faqs_section ul.accordion .accordion_heading .icon svg path {
  fill: #161616;
}

.faqs_section ul.accordion .accordion_content {
  padding: 10px 100px 10px 10px;
  margin: 0 0 20px;
  display: none;
}

@media (max-width: 1024px) {
  .faqs_section ul.accordion .accordion_heading h4 br {
    display: none;
  }
}

@media(max-width: 991px) {
  .faq-title {
    max-width: 100%;
    flex: auto;
  }

  .faq-card {
    flex: auto;
    width: 100%;
  }

  .faqs_section ul.accordion .accordion_content {
    padding: 10px;
  }
}

@media (max-width: 767px) {
  .faqs_section ul.accordion .accordion_heading h4 {
    font-size: 16px;
    line-height: 20px;
    padding: 20px 50px 20px 10px;
  }

  .faqs_section ul.accordion .accordion_content {
    padding: 10px 10px;
  }

  .faqs_section {
    padding: 60px 0;
  }

  .faq-title h3 {
    font-size: 32px;
    letter-spacing: -1.6px;
  }

  .faq-row {
    gap: 30px;
  }
}


/*-== Reviews Section CSS ==-*/
.reviews-section {
  width: 100%;
  padding: 100px 0;
}

.reviews-section .container {
  max-width: 940px;
}

.reviews-title {
  width: 100%;
  margin-bottom: 30px;
}

.reviews-title h3 {
  color: #161616;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -2px;
  margin-bottom: 30px;
}

.reviews-card {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.reviews-card h4 {
  color: #161616;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -2px;
  margin-bottom: 0px;
}

.reviews-star img {
  display: block;
  margin-bottom: 5px;
}

.reviews-star span {
  color: #161616;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.reviews-item {
  width: 100%;
  min-height: 175px;
  margin-bottom: 20px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 48px;
  border: 1px solid #BABABA;
  background: #F5F5F5;
}

.reviews-profile {
  display: flex;
  align-items: center;
  gap: 23px;
  flex: none;
}

.reviews-profile img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  flex: none;
}

.reviews-profile-title {
  flex: 1;
}

.reviews-profile-title h5 {
  color: #161616;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.2px;
  margin-bottom: 0px;
}

.reviews-profile-title span {
  color: #595959;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.reviews-content {
  flex: 1;
}

.reviews-content .reviews-content-star {
  display: inline-flex;
  margin-bottom: 20px;
  gap: 10px;
  align-items: center;
}

.reviews-content .reviews-content-star img {
  display: block;
}

.reviews-content .reviews-content-star span {
  color: #161616;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.reviews-content p {
  color: #595959;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 0px;
}

@media(max-width: 767px) {
  .reviews-item {
    flex-wrap: wrap;
  }

  .reviews-section {
    width: 100%;
    padding: 60px 0;
  }

  .reviews-title h3 {
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -1.6px;
  }

  .why-icon-section {
    background: #161616;
  }
}


.has-dropdown>.submenu li {
  padding: 0;
}

ul.submenu {
  margin: 0;
}

.ast-header-navigation-arrow {
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-image: url(/wp-content/themes/astra-child/images/menu-dd.svg);
}

#menu-footer-company li,
ul#menu-footer-support li {
  padding: 0;
}

.hamburger {
  padding: 0;
}

.mobile-panel nav.nav,
.mobile-panel nav.nav ul {
  display: block !important;
}

.mobile-panel nav.nav ul.submenu {
  display: none !important;
}

.mobile-panel nav.nav ul.submenu.submenu-open {
  display: block !important;
}

li.menu-item.has-dropdown {
  position: relative;
}

body button.ast-menu-toggle {
  position: absolute;
  padding: 0 !important;
  justify-content: flex-end;
  left: 0;
  border: 0;
  box-shadow: none;
  padding: 0 18px !important;
  top: 20px;
}

.woocommerce-js .loader::before {
  display: none;
}

form.cart {
  width: 100%;
  display: flex;
  gap: 15px;
}

.add-to-cart-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
}

button.single_add_to_cart_button.button.alt {
  width: 100%;
  border-radius: 50px;
  background: #161616;
  border: none;
  cursor: pointer;
  color: #FFF;
  text-align: center;
  font-family: 'proxima-nova', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: capitalize;
  padding: 8px 20px;
}


/*============*/

.blog-banner-final h1,
.blog-content-final h1,
.blog-content-final h2,
.blog-content-final h3,
.blog-content-final h4,
.blog-content-final p,
.blog-content-final li {
  font-family: "Poppins", sans-serif;
}

.blog-banner-final {
  padding: 60px 0 0px 0;
  max-width: 1072px;
  margin: 0 auto;
}

.blog-banner-final .breadcrumb {
  margin: 0 0 20px;
}

.breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.breadcrumb ul li {
  position: relative;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  color: #161616;
}

.breadcrumb ul li:not(:last-child)::after {
  content: "|";
  color: #595959;
  font-weight: 400;
  margin: 0 10px;
}

.breadcrumb ul li:last-child::before {
  display: none;
}

.breadcrumb ul li a {
  color: #595959;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-decoration: none;
}

.breadcrumb ul li a {
  color: #595959;
}

.blog-banner-final h1 {
  color: #161616;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -2px;
  margin-bottom: 10px;
}

.blog-banner-final p {
  color: #8E8E8E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin: 0;
}

.blog-content-final {
  margin-top: 32px;
  padding: 0 0 100px;
}

.blog-content-final img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}

.blog-content-final p a,
.blog-content-final ul li a{
	display: inline-block;
    color: #595959;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    transition: 0.3s;
}
.blog-content-final p a:hover,
.blog-content-final ul li a:hover{
	color: #595959;
}

.blog-content-final .blog-cnt-inner {
  max-width: 1032px;
  margin: 0 auto;
}

.blog-img-dv {
    margin-top: 90px;
}

.blog-img-dv.blog-sub-img {
    margin-top: 32px;
}

.blog-img-dv:first-child {
    margin-top: 0;
}

.blog-content-final .blog-cnt-inner .blog-title-dv h3 {
  margin: 32px 0 10px;
  color: #161616;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.2px;
}

.blog-content-final .blog-cnt-inner .blog-title-dv h4 {
    margin: 10px 0 10px;
    color: #161616;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -1.2px;
}

.blog-img-dv.blog-sub-img ~ .blog-title-dv h4 {
  margin-top: 32px;
}

.blog-content-final .blog-cnt-inner .blog-title-dv p {
  color: #595959;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin: 0 0 15px 0;
}

.blog-text-dv {
    margin: 32px 0 0;
}
.blog-text-dv p {
    color: #595959;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: 0 0 15px 0;
}
.blog-content-final .blog-cnt-inner .blog-text-dv p:last-child {
    margin: 0 0 0 0;
}

.blog-content-final .blog-cnt-inner .blog-title-dv ul {
    margin: 0 0px 15px 0;
    padding: 0 0 0 20px;
}
.blog-content-final .blog-cnt-inner .blog-title-dv ul li{
  list-style-type: disc;
  color: #595959;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin: 0 0 10px 0;
}
.blog-content-final .blog-cnt-inner .blog-title-dv ul li:last-child{
  margin: 0 0 0 0;
}

.blog-content-final .blog-cnt-inner .blog-title-dv p:last-child{
  margin: 0 0 0 0;
}

.blog-content-final .blog-cnt-inner .blog-img-list-dv {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 60px;
}

.blog-content-final .blog-cnt-inner .blog-img-list-dv .blog-img-list-inner {
  flex: 1;
}

.blog-content-final .blog-cnt-inner .blog-img-list-dv .blog-img-list-inner h3 {
  color: #161616;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.2px;
  margin: 20px 0 10px;
}

.blog-content-final .blog-cnt-inner .blog-img-list-dv .blog-img-list-inner p {
  color: #595959;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.blog-content-final .blog-cnt-inner .blog-img-list-dv .blog-img-list-inner ul {
  margin-top: 20px;
}

.blog-content-final .blog-cnt-inner .blog-img-list-dv .blog-img-list-inner ul li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: #161616;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.blog-content-final .blog-cnt-inner .blog-img-list-dv .blog-img-list-inner ul li:last-child {
  margin-bottom: 0px;
}

.blog-content-final .blog-cnt-inner .blog-img-list-dv .blog-img-list-inner ul li span {
  display: flex;
}

.blog-content-final .blog-cnt-inner .blog-side-dv {
  margin: 32px 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.blog-content-final .blog-cnt-inner .blog-side-dv h3 {
  color: #161616;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1px;
  margin-bottom: 10px;
}

.blog-content-final .blog-cnt-inner .blog-side-dv .blog-side-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}

.blog-content-final .blog-cnt-inner .blog-side-dv .blog-side-inner .blog-side-img {
  max-width: 295px;
}

.blog-content-final .blog-cnt-inner .blog-side-dv .blog-side-inner .blog-side-cnt {
  width: calc(100% - 315px);
}

.blog-content-final .blog-cnt-inner .blog-side-dv .blog-side-inner .blog-side-cnt h4 {
  color: #161616;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.2px;
  margin-bottom: 10px;
}

.blog-content-final .blog-cnt-inner .blog-side-dv .blog-side-inner .blog-side-cnt p {
  color: #595959;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  margin: 0 0 15px 0;
}
.blog-content-final .blog-cnt-inner .blog-side-dv .blog-side-inner .blog-side-cnt p:last-child{
	margin:0 0 0 0;
}

.blog-content-final .blog-img-list-inner h3 {
  color: #161616;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.2px;
  margin: 0 0 10px;
}

.blog-content-final .blog-side-full p {
  color: #595959;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  margin: 0 0 15px 0;
}
.blog-content-final .blog-side-full p:last-child {
	margin:0 0 0 0;
}
.blog-content-final .blog-cnt-inner .blog-img-list-dv-4 {
  margin-top: 24px;
}

.blog-content-final .blog-side-dv .sub-heading-3 {
  color: #161616;
  font-size: 32px !important;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.6px !important;
  margin: 8px 0 0px !important;
  text-align: center;
}

.blog-content-final .blog-cnt-inner .blog-img-list-dv-6 .blog-img-list-inner p {
  color: #595959;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
}

.blog-img-list-dv-6 h3 {
  color: #161616;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.2px;
  margin: 32px 0 10px;
}

.blog-content-final .blog-cnt-inner .blog-side-dv .blog-side-inner .blog-side-cnt ul li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: #161616;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.blog-ol-list{
  padding: 0;
  border: none;
  background: transparent;
  margin:32px 0 0px;
}

.blog-ol-list p{
  color: #161616;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  margin: 0 0 0 0;
}

.blog-ol-list ol {
  padding: 0;
  margin: 0;
  list-style: none;
  counter-reset: steps;
}

.blog-ol-list ol li{
  counter-increment: steps;
  position: relative;
  color: #8E8E8E;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 0 0 5px 20px;
}

.blog-ol-list ol li:last-child{
  padding: 0 0 0 20px;
}

.blog-ol-list ol li::before {
    content: "[" counter(steps) "]";
    position: absolute;
    top: auto;
    left: 0;
    color: #8E8E8E;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    display: inline-block;
}

.blog-ol-list ol li a{
  display: inline-block;
  color: #6BADC9;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.blog-ol-list ol li a:hover{
  color: #6BADC9;
}

/*.blog-ul-list {
  padding: 0px;
  border: none;
  background: transparent;
  margin: 32px 0 0px;
}

.blog-ul-list p {
  color: #161616;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin: 0 0 0 0;
}

.blog-ul-list ul {
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	list-style:disc;
}

.blog-ul-list ul li {
  display: block;
  padding: 0 0 10px 0;
  position: relative;
  color: #8E8E8E;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.blog-ul-list ul li:last-child{
	padding:0 0 0 0;
}


.blog-ul-list ul li a {
  display: inline-block;
  color: #6BADC9;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.blog-ul-list ul li a:hover {
  color:#6BADC9;
} */




.blog-content-final .blog-cnt-inner .blog-side-dv .blog-side-inner .blog-side-cnt ul li:last-child {
  margin-bottom: 0px;
}

.blog-content-final .blog-cnt-inner .blog-side-dv .blog-side-inner .blog-side-cnt ul li span {
  display: flex;
}

.read-more-dv .title-dv h2{
  color: #161616;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; 
  letter-spacing: -1.6px;
  margin: 32px 0;
}

.read-more-dv .read-posts {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.read-more-dv .read-posts .read-posts-inner{
  flex: 1;
}
.read-more-dv .read-posts .read-posts-inner .read-posts-img img{
  display: block;
}
.read-more-dv .read-posts .read-posts-inner .read-posts-cnt h4{
  color: #161616;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin: 20px 0 10px;
}
.read-more-dv .read-posts .read-posts-inner .read-posts-cnt p{
  color: #8E8E8E;
  font-size:14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0px;
}

.read-more-dv .read-posts .read-posts-inner .read-posts-cnt h4 a {
  display: block;
  color: #161616;
}
.read-more-dv .read-posts .read-posts-inner .read-posts-cnt h4 a:hover {
  color: #161616;
}



/* Responsive (from your file) */
@media(max-width: 767px) {
  .blog-banner-final {
    padding: 40px 0 0px 0;
  }

  .blog-content-final {
    padding: 0 0 60px;
  }

  .blog-img-dv {
      margin-top: 32px;
  }

  .blog-content-final .blog-cnt-inner .blog-side-dv .blog-side-inner .blog-side-img {
    max-width: 100%;
    width: 100%;
  }
  .blog-content-final .blog-cnt-inner .blog-side-dv .blog-side-inner .blog-side-cnt {
    width: calc(100% - 0px);
  }

  .read-more-dv .title-dv h2 {
    font-size: 20px;
    margin: 32px 0 16px;
  }
  .read-more-dv .read-posts {
    gap: 12px;
  }
  .read-more-dv .read-posts .read-posts-inner {
    flex: none;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
  }
  .read-more-dv .read-posts .read-posts-inner .read-posts-img{
    width: 80px;
  }
  .read-more-dv .read-posts .read-posts-inner .read-posts-cnt {
    width: calc(100% - 100px);
  }
  .read-more-dv .read-posts .read-posts-inner .read-posts-cnt h4 {
    color: #161616;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 0px 0 10px;
  }
}

/* FAQ CSS - Start */

.faqs_section {
  width: 100%;
  background: #F5F5F5;
  padding: 80px 0;
}
.faq-row{
  width: 100%;
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.faq-title {
  max-width: 350px;
  flex: none;
}
.faq-title h3{
  color: #161616;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -2px;
  margin-bottom: 0px;
}
.faq-card{
  flex: 1;
}
.faqs_section ul.accordion .accordion_heading {
    padding: 0;
    cursor: pointer;
    position: relative;
    border-top: 1px solid #BABABA;
}
.secondary_sub_heading {
    font-size: 25px;
    letter-spacing: .25px;
    line-height: 30px;
    font-weight: 700;
}
.faqs_section ul.accordion .accordion_heading h4 {
    color: #161616;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    position: relative;
    margin: 0;
    cursor: pointer;
    padding: 20px 70px 20px 10px;
    display: flex;
    align-items: center;
}
.faqs_section ul.accordion .accordion_content p {
    color: #161616;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.faqs_section ul.accordion .accordion_heading .icon {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -1px;
}
.faqs_section ul.accordion .accordion_heading .icon svg{
  width: 100%;
  height: 100%;
}
.faqs_section ul.accordion .accordion_heading .icon svg.minus {
    display: none;
    transform: rotate(90deg);
}
.faqs_section ul.accordion .accordion_heading.active .icon svg.minus {
    display: block;
    margin-top: 1px;
}
.faqs_section ul.accordion .accordion_heading.active .icon svg.plus {
    display: none;
}
.faqs_section ul.accordion .accordion_heading .icon svg path {
    fill: #161616;
}
.faqs_section ul.accordion .accordion_content {
    padding: 10px 100px 10px 10px;
    margin: 0 0 20px;
    display: none;
}
@media (max-width: 1024px) {
  .faqs_section ul.accordion .accordion_heading h4 br{
    display: none;
  }
}
@media(max-width: 991px) {
  .faq-title {
    max-width: 100%;
    flex: auto;
  }
  .faq-card {
    flex: auto;
    width: 100%;
  }
  .faqs_section ul.accordion .accordion_content{
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .faqs_section ul.accordion .accordion_heading h4 {
    font-size: 16px;
    line-height: 20px;
    padding: 20px 50px 20px 10px;
  }
  .faqs_section ul.accordion .accordion_content{
      padding: 10px 10px;
  }
  .faqs_section {
    padding: 60px 0;
  }
  .faq-title h3 {
    font-size: 32px;
    letter-spacing: -1.6px;
  }
  .faq-row {
    gap: 30px;
  }
}



.faq-banner{
  padding: 40px 0;
}
.faq-banner h1 {
  color: #161616;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -2px;
  margin-bottom: 10px;
}
.faq-banner p {
  color: #595959;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
  margin-bottom: 40px;
}

.faq-banner .search-box{
  max-width: 500px;
}
.faq-banner-1 {
  padding: 40px 0 64px;
}
.faq-two-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 0 40px 0;
}
.faq-two-inner .faq-tab-col{
  flex: none;
  max-width: 293px;
  border: solid 1px #BABABA;
  padding: 20px;
}
.faq-two-inner .faq-list-col{
  flex: 1;
}

.faq-call-action .faq-call-inner{
  max-width: 1026px;
  margin: 0 auto 100px;
  background: #F5F5F5;
  padding: 32px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.faq-call-action .faq-call-inner .faq-call-cnt{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.faq-call-action .faq-call-inner .faq-call-cnt img{
  display: block;
}
.faq-call-action .faq-call-inner .faq-call-cnt{
  width: calc(100% - 80px);
}
.faq-call-action .faq-call-inner .faq-call-cnt h4{
  color:  #161616;
  font-size:20px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -1px;
  margin-bottom: 5px;
}
.faq-call-action .faq-call-inner .faq-call-cnt p{
  color: #595959;
  margin: 0;
}
.faq-call-action .faq-call-inner .faq-call-btn a {
  display: inline-block;
  font-family: 'proxima-nova';
  font-size:16px;
  font-weight: 700;
  line-height: 120%;
  text-transform: capitalize;
  text-align: center;
  padding: 8px 24px;
  color: #FFF;
  border-radius: 50px;
  background: #161616;
  border: solid 1px #161616;
  white-space: nowrap;
}
.faq-call-action .faq-call-inner .faq-call-btn a:hover{
  background: transparent;
  color: #161616;
}

.faq-part{
  max-width: 1026px;
  margin: 0 auto 40px;
}

.faq-contant{
  display: none;
}
.faq-contant.act{
  display: block;
}

.faq-part .faq-contant .accordion li:not(:last-child){
  border-bottom: solid 1px #BABABA;
}
.faq-part .faq-contant .accordion li .accordion_heading .head{
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  padding: 20px 34px 20px 10px;
}
.faq-part .faq-contant .accordion li .accordion_heading .head h4{
  color: #161616;
  font-size:  16px;
  font-weight: 400;
  line-height: 120%;
}
.faq-part .faq-contant .accordion li .accordion_heading .head .icon {
  position: absolute;
  top: 50%;
  left: auto;
  right: 0;
  width: 14px;
  height: 14px;
  transform: translate(-10px, -50%);
}
.faq-part .faq-contant .accordion li .accordion_heading .head .icon svg{
  width: 100%;
  height: 100%;
}
.faq-part .faq-contant .accordion li .accordion_heading .head .icon svg.minus{
  display: none;
  transform: rotate(90deg);
}
.faq-part .faq-contant .accordion li .accordion_heading.active .head .icon svg.minus{
  display: block;
}
.faq-part .faq-contant .accordion li .accordion_heading.active .head .icon svg.plus{
  display: none;
}
.faq-part .faq-contant .accordion li .accordion_content{
  padding: 0 10px 20px;
  display: none;
}
.faq-part .faq-contant .accordion li .accordion_content p{
  color: #595959;
  margin: 0;
}

.faq-two-inner .faq-list-col .faq-part {
  max-width: 100%;
  margin: 0;
}
.faq-two-inner .faq-tab-col h3{
  color: #161616;
  font-size:14px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 20px;
}
.faq-two-inner .faq-tab-col ul{
  display: flex;
  flex-direction: column;
}
.faq-two-inner .faq-tab-col ul li a{
  display: block;
  background: #FFF;
  padding: 12px 0px;
  color: #161616;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  transition: all 300ms ease;
}
.faq-two-inner .faq-tab-col ul li.act a{
  color: #FFF;
  background: #161616;
  padding: 12px 20px;
}

.faq-dropdown{
  display: none;
}

@media(max-width: 767px) {
  .faq-banner-1 {
    padding: 40px 0 20px;
  }
  .faq-two-inner .faq-tab-col {
    display: none;
  }
  .faq-two-inner .faq-list-col {
    flex: none;
    width: 100%;
  }
  .faq-two-inner {
    margin: 0 0 20px 0;
  }

  .faq-dropdown {
    position: relative;
    width: auto;
    display: block;
  }
  .faq-selected {
    padding: 10px 44px 10px 10px;
    background: #161616;
    cursor: pointer;
    color:  #FFF;
    font-size:  16px;
    font-weight: 400;
    line-height: 120%;
    position: relative;
    display: inline-block;
  }
  .faq-selected:before {
    content: "";
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    width: 24px;
    height: 24px;
    background: url(/wp-content/themes/astra-child/images/white-arrow-down.svg) no-repeat center center;
    background-size: 13px;
    transform: translate(-4px, -50%);
  }
  .faq-options {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #BABABA;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 10;
  }
  .faq-options li a {
    display: block;
    padding: 10px;
    color: #161616;
  }

  

  .faq-call-action .faq-call-inner {
    margin: 0 auto 60px;
    gap: 20px;
    flex-direction: column;
  }
  .faq-call-action .faq-call-inner .faq-call-cnt { 
    width: calc(100% - 0px);
  }
  .faq-call-action .faq-call-inner .faq-call-cnt .faq-call-img{
    width: 60px;
  }
  .faq-call-action .faq-call-inner .faq-call-cnt .faq-call-haed{
    width: calc(100% - 80px);
  }
  .faq-call-action .faq-call-inner .faq-call-btn ,
  .faq-call-action .faq-call-inner .faq-call-btn a{
    width: 100%;
  }
}

/* FAQ CSS - End */