@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
  --site-font: 'Plus Jakarta Sans', sans-serif;
  --themeColor: #008457;
  --themeDarkColor: #1c4836;
  --textColor: #262b30;
  --textGray: #484e55;
  --themeWhite: #fff;
  --textWhite: #fff;
  --textDark: #000;
  --themeDark: #000;
  --alertBg: #00aeef;
}
.block-editor-block-list__layout .wp-block {
    max-width: none !important;
    width: 100% !important;
}
.editor-styles-wrapper {
  font-size: 18px;
  color: var(--textColor);
  font-family: var(--site-font);
  /*letter-spacing: -0.29px;*/
  scroll-behavior: unset;
}
html {
  scroll-behavior: unset !important;
}
a {
  color: inherit;
  text-decoration: none;
}
p>a {
  color: #00673e;
  font-weight: 400;
}
iframe { max-width: 100%; }
li { padding-bottom: 15px; }
h1,
h2,
h3 {
  letter-spacing: -0.45px;
}
h1 {
  font-size: 45px;
  font-weight: 700;
}
h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
}
h3 {
  font-size: 25px;
  line-height: 35px;
}
h6 {
  font-weight: 700;
}
img {
  max-width: 100%;
  height: auto;
}
.btn-default {
  background-color: var(--themeColor);
  color: var(--textWhite);
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 100px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  transition: all ease 0.2s;
  gap: 4px;
  align-items: center;
}
.btn-default .icon {
  width: 13px;
  flex-shrink: 0;
}
.btn-default:hover {
  background-color: var(--themeDarkColor);
}
.btn-light {
  background-color: var(--themeWhite);
  color: var(--textDark);
}
.btn-light:hover {
  background-color: var(--themeColor);
  color: var(--textWhite);
}
.btn-outline {
  background-color: var(--themeWhite);
  background-color: transparent;
  border: 1px solid var(--themeColor);
  color: var(--themeColor);
}
.btn-outline:hover {
  background-color: var(--themeColor);
  color: var(--textWhite);
}
.bg-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.container {
  max-width: 1220px;
}
.btn-list {
  display: flex;
  flex-wrap: wrap;
  gap: 27px;
  align-items: center;
}
.btn-list.gap-narrow {
  column-gap: 14px;
}
.btn-list a:not(.btn-default) {
  font-size: 16px;
  color: var(--textDark);
  font-weight: 700;
  transition: all ease 0.2s;
  text-decoration: none;
}
.btn-list a:not(.btn-default):hover {
  color: var(--themeColor);
}
.media-responsive {
  position: relative;
  overflow: hidden;  
}
.media-responsive * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

  /* border-radius: 50% 50%; */
  /* padding: 20px;   */
}
/* Header */

.header-top {
  /* padding: 10px 0; */
  background-color: #e6e6e6;
}
.header-alert-bar {
  padding: 10px 0 11px;
  background-color: var(--alertBg);
  text-align: center;
}
.header-alert-bar .alert-text {
  position: relative;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  line-height: normal;
}
.header-alert-bar .alert-text-inner {
  position: relative;
  display: flex;
}
.header-alert-bar .alert-text-inner:before {
  content: '';
  width: 7px;
  height: 7px;
  background-color: var(--themeColor);
  /* left: -9px;
  top: 7px; */
  border-radius: 20px;
  box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 0.8);
  display: inline-block;
  flex-shrink: 0;
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
}
.header-alert-bar .alert-text .btn-default {
  padding: 1px 23px 4px 16px;
  background-image: url('../images/chevron-right.png');
  background-position: right 11px center;
  background-repeat: no-repeat;
  background-size: 8px;
}
.header-alert-bar .alert-text p {
  margin: 0;
  font-size: 15px;
  letter-spacing: -0.24px;
}
.header-top-navigation > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.header-top-navigation > ul > li a {
  text-decoration: none;
}
.header-top-navigation > ul > li {
  padding-block: 10px;
}
.header-top-navigation > ul > li:not(:first-child) {
  padding-left: 16px;
}
.header-top-navigation > ul > li:not(:last-child) {
  padding-right: 16px;
}
.header-top-navigation > ul > li:not(:last-child):after {
  content: '|';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.header-top-navigation li a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.header-top-navigation li,
.header-top-navigation li a {
  color: #000;
  font-size: 11px;
  font-weight: 600;
  position: relative;
}
.header-top-navigation li img {
  width: 13px;
}
.header-top-navigation li.country-selector img {
  width: 17px;
}
.header-top-navigation li.menu-item-has-children > a:after {
  content: '\f0d7';
  font-family: 'Font Awesome 7 Free';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.top_header_language_selector .dropdown-menu {
  /* display: block; */
  padding: 12px 20px;
  background-color: #2c2c2c;
  border: 0px;
  border-radius: 0px;
}
.dropdown.top_header_language_selector .dropdown-toggle::after {
  font-size: 20px;
  margin: 0px;
}
.dropdown.top_header_language_selector .languages ul {
  padding: 0px;
}
.dropdown.top_header_language_selector .languages ul li {
  list-style: none;
  padding: 2px 4px;
  text-decoration: none;
  color: #fff;
}
.dropdown.top_header_language_selector .languages ul li a {
  color: #fff;
}
.header-top-navigation li.menu-item-has-children > a {
  padding-right: 12px;
}
.header-top-navigation li.menu-item-has-children:hover ul.sub-menu {
  display: block;
}
.header-top-navigation ul.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #07120D;
  min-width: 200px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  display: none;
  list-style: none;
  padding: 10px;
  margin: 0;
  z-index: 11;
  border-radius: 0px 0 10px 10px;
}
.header-top-navigation ul.sub-menu li {
  display: block;
  padding: 0;
}
.header-top-navigation ul.sub-menu > li > a {
  padding: 5px 10px;
  border-bottom: 1px solid rgba(from var(--textWhite) r g b / 51%);
  display: block;
  color: var(--textWhite);
}
.header-top-navigation ul.sub-menu > li:last-child > a {
  border: 0;
}
.header-logo {
  max-width: 230px;
  width: 100%;
}
.main-sticky-header .menu a {
  text-decoration: none;
  color: var(--textDark);
  font-weight: 600;
}
.main-sticky-header .menu {
  gap: 20px;
}
.main-sticky-header .menu li a {
    font-size: 16px;
}
.main-sticky-header .navbar-collapse {
  justify-content: center;
}
.main-sticky-header .navbar {
  padding: 0;
}
.main-sticky-header .navbar .navbar-brand {
  padding: 0;
}
.main-sticky-header {
  padding: 14px 18px;
  border-radius: 5px;
  background-color: var(--themeWhite);
}
.site-header {
  position: relative;
}
.main-sticky-header .mobile-nav .navbar-toggler:focus {
  box-shadow: none;
  outline: none;
}
.main-sticky-header .mobile-nav .navbar-toggler img {
  height: 25px;
}
.main-header {
  position: absolute;
  top: 93px;
  z-index: 9;
  width: 100%;
  left: 0;
}

.header-search {
  max-width: 340px;
  width: 100%;
}
.header-search form {
  position: relative;
}
.header-search .form-control {
  height: 37px;
  box-shadow: 0px 1px 6px #00000050;
  border-radius: 0;
  border: 0;
  width: 100%;
}
.header-search .btn-submit {
  background-color: transparent;
  border: 0;
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  line-height: 0;
}
.header-search .btn-submit img {
  width: 20px;
}

/* Index Banner Style */

.index-banner-wrapper {
  padding: 242px 0 290px;
  position: relative;
}
.index-banner-wrapper:after {
  content: '';
  background: #000;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0.47;
}
.index-banner-wrapper .container {
  position: relative;
  z-index: 1;
}
.block-bg-video,
.block-bg-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.block-bg-video video {
  object-fit: cover;
  opacity: 0.95;
}
.index-banner-wrapper .banner-content {
  color: #fff;
  max-width: 820px;
  width: 100%;
  margin: auto;
}
.index-banner-wrapper .banner-content h1 {
  font-weight: 800;
  text-shadow: 0px 3px 6px #000000e3;
  letter-spacing: -0.72px;
}
.index-banner-wrapper .banner-content .btn-list {
  justify-content: center;
  margin-top: 23px;
}
.index-banner-wrapper .banner-content .btn-list .btn-default {
  box-shadow: 0px 3px 6px #00000069;
  padding: 14px 26px;
  font-size: 19px;
}
.index-banner-wrapper .banner-watermark {
  position: absolute;
  left: 20px;
  bottom: -60px;
}

/* Quick Links Bar */

.quick-link-bar-warpper .title-box h6 {
  color: var(--textWhite);
  margin-bottom: 0;
  font-weight: 600;
}
.quick-link-bar {
  /*border-radius: 8px;*/
  /* overflow: hidden; */
  box-shadow: 0px 3px 6px #00000029;
  margin-top: -62px;
  margin-bottom: -32px;
  z-index: 9;
  position: relative;
  background-color: #fff;
}
.quick-link-bar .title-box {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--themeDark);
  height: 100%;
  /*border-top-left-radius: 8px;*/
  /*border-bottom-left-radius: 8px;*/
  gap: 11px;
}
.quick-link-bar .title-box .icon {
  width: 28px;
}

.quick-link-bar .quick-list > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
  /* column-gap: 50px; */
  row-gap: 20px;
}
.quick-link-bar .quick-list li {
  /* position: relative; */
  padding-bottom: 0px;
}
.quick-link-bar .item-modal {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  max-width: 1098px;
  margin-inline: auto;
  background-color: #fff;
  right: 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 25px 60px 8px 30px;
  opacity: 0;
  visibility: hidden;
  transition: all ease-out 0.2s;
}
.quick-link-bar .item-modal.active {
  opacity: 1;
  visibility: visible;
  margin-top: 10px;	
}
.quick-link-bar .item-modal .form-title {
  margin-bottom: 16px;
}
.quick-link-bar .item-modal .form-title h6 {
  font-size: 17px;
}
.quick-link-bar .item-modal .item-data .thumb {
  /* max-width: 188px; */
  width: 100%;
  margin-inline: auto;
  margin-bottom: 18px;
}
.quick-link-bar .item-modal .item-data .thumb-list {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  max-width: 300px;
  width: 100%;
  margin-inline: auto;
}
.quick-link-bar .item-modal .item-data .content {
  font-size: 16px;
}
.quick-link-bar .item-modal .item-data .content p a {
  color: inherit;
}
.quick-link-bar .item-modal .item-data .content h6 {
  font-size: 17px;
  color: var(--themeDarkColor);
  margin-bottom: 22px;
}
.collection-card-list .collection-card .app-title {
  padding: 6px 5px 8px;
}
.collection-card-list .collection-card .app-title h5 {
  font-size: 10px;
}

.quick-link-bar .item-modal .clickdform.mainDiv {
    padding-left: 8% !important;
    padding-top: 32px !important;
    padding-bottom: 20px !important;
}
.quick-link-bar .item-modal .form-box {
  max-width: 600px;
  width: 100%;
  min-height: 645px;
  padding: 0;
  border: 0;
  box-shadow: inherit;
  background-color: inherit; 
}
.quick-link-bar .item-modal .icon-close {
  width: 18px;
  margin-left: auto;
  line-height: 0;
  margin-bottom: -7px;
  margin-right: -37px;
  cursor: pointer;
}
.quick-link-bar .quick-list .modal-trigger a {
  text-decoration: none;
  color: var(--textDark);
  padding: 20px 40px;
  display: block;
}
.quick-link-bar .quick-list .modal-trigger a.active {
  background-color: var(--themeColor);
  color: var(--textWhite);
}
.quick-link-bar .quick-list .modal-trigger a.active .icon img {
  filter: grayscale(1) brightness(0) invert(1);
}
.quick-link-bar .quick-list .icon {
  margin-bottom: 4px;
}
/* .quick-link-bar .quick-list .icon img {
  height: 18px;
} */
.quick-link-bar .quick-list .text p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}
.quick-link-bar .collection-list-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.quick-link-bar .collection-list {
  max-width: 180px;
  width: 100%;
}
.quick-link-bar .collection-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.quick-link-bar .collection-list a {
  color: inherit;
  font-size: 16px;
}
.quick-link-bar .collection-list + .media-grid {
  max-width: calc(89% - 180px);
  margin-left: auto;
  width: 100%;
}
.quick-link-bar .collection-list + .media-grid .image-small {
  bottom: -1%;
  left: 5%;
}
.quick-link-bar .media-grid .grid-image-outer .ellipse-1 {
  width: 50px;
  top: -13%;
}
.quick-link-bar .media-grid .grid-image-outer .ellipse-2 {
  width: 36px;
  left: 86%;
}

/* Three Image content grid */

.three-images-content-grid-block {
  padding: 140px 0 200px;
  background-image: url('../images/lrg-circle-dust-opt.png');
  background-repeat: no-repeat;
  background-position: right -6vw top -22vw;
  background-size: 51vw;
}
.three-images-content-grid-block .content-grid h2 {
  margin-bottom: 30px;
  letter-spacing: -0.45px;
}
.three-images-content-grid-block .content-grid p {
  letter-spacing: -0.29px;
}
.three-images-content-grid-block .content-grid .btn-list {
  margin-top: 30px;
  row-gap: 12px;
}
.machine-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
  row-gap: 20px;
  align-items: flex-end;
  position: relative;
  z-index: 1;
  justify-content: center;  
}
.machine-list-outer {
  position: relative;
}
.machine-list-outer .thumb-circle {
  position: absolute;
  left: -23%;
  top: -35%;
}
.machine-list .machine-single {
  width: auto;
  flex: 1 0 0%;
}

/* Lowest Cost Ownership */

div#cost_owner {
    max-width: 65%;
    margin: 0 auto;
    padding-top: 150px;
}


/* Trusted Filter */

.trusted-filters-block {
  padding: 175px 0 195px;
  position: relative;
}
.trusted-filters-block .block-bg-video:after {
    content: '';
    height: 100%;
    width: 100%;
    background-color: #d3dad76b;
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
}
.trusted-filters-block .container {
  position: relative;
  z-index: 1;
}
.trusted-filters-block .image-grid {
  position: relative;
}
.trusted-filters-block .image-grid .rounded-thumb {
  position: relative;
}
.trusted-filters-block .image-grid .rounded-thumb .rounded-thumb-dotted {
  position: absolute;
    top: 50%;
    left: 50%;
    height: calc(100% + 120px);
    width: calc(100% + 120px);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
}
.trusted-filters-block .image-grid .rounded-thumb .media-responsive,
.trusted-filters-block .image-grid .rounded-small-thumb {
  overflow: hidden;
  border-radius: 100%;
  aspect-ratio: 1;
}
.trusted-filters-block .image-grid .rounded-thumb {
  width: calc(100% - 157px);
  margin-left: auto;
}
.trusted-filters-block .image-grid .rounded-small-thumb {
  max-width: 157px;
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
}
.trusted-filters-block .image-grid .sponsor-thumb {
  padding: 12px 22px;
  border-radius: 10px;
  box-shadow: 0px 3px 12px #00000080;
  background-color: var(--themeWhite);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -16%;
  max-width: 37%;
}
.trusted-filters-block .image-grid .sponsor-thumb img {
  max-width: 160px;
  max-width: 100%;
  width: 100%;
}
.trusted-filters-block .block-content-grid h2 {
  margin-bottom: 28px;
}
.trusted-filters-block .filter-list {
  display: flex;
  flex-wrap: wrap;
  margin: 35px -12px 0;
}
.trusted-filters-block .filter-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}
.trusted-filters-block .btn-list a:not(.btn-default) {
  text-decoration: underline;
}
.filter-head {
  margin-bottom: 14px;
}
.trusted-filters-block .filter-list ul.simple-list li {
    background-image: none;
    list-style: inside;
    padding-left: 0;
}
.trusted-filters-block .filter-list li {
  background-image: url('../images/list-arrow.png');
  background-position: left top 8px;
  background-size: 17px;
  background-repeat: no-repeat;
  padding-left: 22px;
  padding-bottom: 5px;
}
.trusted-filters-block .filter-list li a {
    font-size: 16px;
    color: #000;
    text-decoration: none;  
}
.trusted-filters-block .filter-list li a:hover {
      color: var(--themeColor);
    text-decoration: underline;  
}
.trusted-filters-block .filter-list .filter-single {
  width: 50%;
  padding: 0 12px;
}
.trusted-filters-block .btn-list {
  margin-top: 30px;
}

.trusted-filters-block .btn-list a.btn-default {
  color: var(--themeColor);
}
.trusted-filters-block .btn-list a.btn-default:hover {
  color: var(--textWhite);
}
/* Sponsors Block */

.sponsors-block {
  padding: 200px 0 200px;
}
.sponsors-block .title h2 {
  font-weight: 500;
  color: var(--themeDarkColor);
  margin-bottom: 28px;
}

/* Collection Slider */

.collection-slider-block {
  padding: 85px 0;
}
.collection-slider-block .block-title {
  max-width: 450px;
  width: 100%;
  margin-inline: auto;
  margin-bottom: 30px;
}
.collection-slider-block .block-title h2 {
  font-size: 26px;
}
.collection-app-slider {
  max-width: 90%;
  width: 100%;
  margin-inline: auto;
}
.collection-app-slider .slide-item {
  padding: 0 12px;
}
.collection-app-slider .slide-item a {
    color: #00673e;
    font-weight: 400;
    text-decoration: none;
}
.collection-app-slider .slide-item a:hover {
    text-decoration: underline;
}
.collection-app-slider .slick-list {
  padding-block: 20px;
}
.collection-card {
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--themeWhite);
  box-shadow: 0px 3px 6px #00000029;
}
.collection-card .media-responsive {
  aspect-ratio: 1.5;
}
.collection-card .app-title {
  padding: 17px 10px 20px;
  text-align: center;
}
.collection-card .app-title h5 {
  font-weight: 400;
  margin-bottom: 0;
}
.collection-app-slider-main {
  position: relative;
}
.collection-app-slider-controls {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  transform: translateY(-50%);
}
.collection-app-slider-controls * {
  pointer-events: auto;
}
.collection-app-slider-controls .control {
  width: 58px;
  height: 104px;
  background-color: #262b30;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.collection-app-slider-controls .control img {
  position: relative;
  right: 8px;
}
.collection-app-slider-controls .arrow-right {
  border-radius: 0;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}
.collection-app-slider-controls .arrow-right img {
  right: auto;
  left: 8px;
}
.collection-slider-block .block-btn {
  margin-top: 40px;
}

/* Two Column Image Counter */

.two-column-image-counter-block {
  padding: 140px 0 140px;
}
.media-grid {
  position: relative;
}
.media-grid .image-small {
  width: 133px;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 100%;
  position: absolute;
  bottom: 40px;
  width: 23%;
}
.media-grid .grid-image {
  aspect-ratio: 1;
  border-radius: 100%;
}
.media-grid .grid-image-outer {
  position: relative;
  width: calc(100% - 133px);
  width: 77%;
  margin-left: auto;
}
.media-grid .grid-image-outer .image-border {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 100px);
  width: 120%;
  height: calc(100% + 100px);
  height: 120%;
}
.media-grid .grid-image-outer .image-border img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}
.media-grid .grid-image-outer .ellipse {
  position: absolute;
  top: -70px;
  top: -15%;
  left: 50px;
  left: 11%;
}
.media-grid .grid-image-outer .ellipse-2 {
  left: 85%;
  top: 26%;
  transform: translateX(73%);
}

.counter-single .counter h1 {
  font-size: 95px;
  font-size: 5.9rem;
  font-weight: 800;
  margin: 0;
  letter-spacing: -5.37px;
}
.counter-single .text h4 {
  font-size: 25px;
  color: #484e55;
}
.counter-single:not(:last-child) {
  margin-bottom: 12px;
}
.counter-single-text {
  padding-top: 32px;
  padding-bottom: 32px;
}
.counter-list .counter-single-text p {
  margin-bottom: 0px;
}

/* Explore product section */
.explore_product_section {
  padding: 120px 0 120px;
  background-color: #d3ded9cf;
  /*background-image: url(https://staging-camfilapc-staging.kinsta.cloud/wp-content/themes/Camfilnew/images/footer-2.webp);*/
  background-repeat: no-repeat;
  background-size: cover;
}
.explore_product_section h3 {
  font-weight: 600;
  margin-bottom: 32px;
  padding: 0 20px;
  line-height: 1.5;
}
.explore_product_section .product_lists {
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: space-between;
  align-items: flex-end;
}

/* Product Detail Temple */

:root {
  --content-max: 1440px;
  --gutter: clamp(16px, 4vw, 32px);
  --section-top: clamp(24px, 4vw, 48px);
}

/* Add breathing room after the banner */
.main-content-area-prod-detail {
  padding-top: var(--section-top);
}

/* Constrain all block content by default */
.main-content-area-prod-detail > *,
.main-content-area-prod-detail .wp-block-group__inner-container > * {
  max-width: var(--content-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

/* Full width blocks */
.main-content-area-prod-detail .alignfull {
  max-width: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Wide blocks (optional) */
.main-content-area-prod-detail .alignwide {
  max-width: 1340px;
}

/* Key Product Features Block */
.key-features-blk {
  background-image: url('/wp-content/themes/Camfilnew/images/particles.mp4');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


/* Footer Section  */
.footer_section {
  padding: 100px 55px 0px 55px;
  background-color: #245B44;
  color: var(--textWhite);
  font-size: 14px;
  line-height: 23px;
  letter-spacing: normal;
}
.footer_section .widget_text.widget {
  margin-bottom: 40px;
}
.footer_section li a {
  color: var(--textWhite);
  text-decoration: none;
}
.footer_section li a:hover {
  text-decoration: underline;
}
.footer_section .link-title {
  /*border-bottom: 1px solid #a3a3a3;*/
  clear: both;
  margin-top: 0;
  padding-bottom: 10px;
  font-size: 16px;
  margin-bottom: 10px;
}
.footer_section .arrow-list li {
  margin-bottom: 1px;
  padding-left: 15px;
  position: relative;
}
.footer_section .arrow-list li::before {
  content: '\f054';
  font-family: fontawesome;
  left: 0;
  position: absolute;
  top: 0;
  color: #fff;
}
.footer_section .social-ico {
  padding-bottom: 45px;
}
.footer_section .social-ico li a {
  color: #fff;
  font-size: 28px;
}
.badge-box i {
  height: 10px;
  width: 10px;
  background-color: #afafaf;
  display: inline-block;
  border-radius: 20px;
  margin-right: 4px;
}
.copy-write {
  border-top: 1px solid #a3a3a3;
  font-size: 12px;
  margin-top: 2rem;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* Logo Slider */

.sponsors-slider .sponsor-logo img {
  max-height: 70px;
  height: 100%;
  margin-inline: auto;
}
.sponsors-slider .sponsor-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 15px;
}
.sponsors-slider .slick-list {
  padding: 18px 0;
}
.sponsors-slider .slick-dots button:before {
  display: none;
}
.sponsors-slider .slick-dots .slick-active button {
  background-color: #8d8c8c;
}
.sponsors-slider .slick-dots button {
  width: 12px;
  height: 12px;
  border-radius: 20px;
  border: 2px solid #444;
  padding: 0;
}
.sponsors-slider .slick-dots li {
  width: auto;
  height: auto;
}

/* Product Index banner */

.products-banner-wrapper {
  position: relative;
  /*margin-bottom: 88px;*/
  padding-bottom: 10px;
}
.products-banner-wrapper:after {
  content: '';
  background-image: url('../images/dotted-circle.webp');
  width: 410px;
  height: 180px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-position: right top;
  background-repeat: no-repeat;
  opacity: 0.25;
}
.products-banner-wrapper .banner-main {
  padding: 215px 0 130px;
  position: relative;
  overflow: hidden;
}
.products-banner-wrapper:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 49%;
  position: absolute;
  left: 0;
  top: 0;
}
.products-banner-wrapper .container {
  position: relative;
  z-index: 1;
}
.products-banner-wrapper .banner-content {
  color: #fff;
  max-width: 748px;
  width: 100%;
  margin-inline: auto;
}
.products-banner-wrapper .banner-content h1 {
  margin-bottom: 30px;
  font-size: 35px;
  font-weight: 800;
}
.products-banner-wrapper .banner-breadcrumb ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  justify-content: center;
  gap: 8px;
}
.products-banner-wrapper .banner-breadcrumb li a {
  color: inherit;
  text-decoration: none;
}
.products-banner-wrapper .banner-breadcrumb li {
  position: relative;
}
.products-banner-wrapper .banner-breadcrumb li:not(:last-child):after {
  content: '»';
  margin-left: 7px;
}
.products-banner-wrapper .breadcrumbs, .products-banner-wrapper .breadcrumbs a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
.products-banner-wrapper .breadcrumbs span {
  margin-right: 1px; 
  margin-left: 1px;
}
.products-banner-wrapper .circles-top {
  position: absolute;
  top: -266px;
  right: -200px;
  opacity: 0.5;
}
.products-banner-wrapper .banner-circles-bottom {
  position: absolute;
  bottom: -88px;
  left: 30px;
  opacity: 0.5;
}
.product-select-bar {
  /* margin-bottom: -48px; */
  margin-top: -128px;
    position: relative;  
}
.product-select-bar-rounded {
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000029;
}
.product-select-bar [class^='col-'] {
  padding: 0;
}
.product-select-bar .row {
  margin: 0;
}
.bar-fragment {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  height: 100%;
}
.bar-left-fragment {
  background-color: #000;
}
.bar-fragment h6 {
  margin: 0;
}
.bar-left-fragment h6 {
  color: #fff;
  margin: 0;
  font-size: 17px;
}
.bar-left-fragment select {
  height: 40px;
  border-radius: 8px;
  min-width: 222px;
  padding-left: 16px;
  max-width: 222px;;
}

/* Product Collection Block */

.product-collection-block {
  padding: 70px 0;
}
.product-collection-block .block-title {
  text-align: center;
  margin-bottom: 35px;
}
.product-collection-block .block-title h2 {
  color: var(--themeDarkColor);
}
.collection-info-box {
  padding-block: 10px;
  background-color: #eceef1;
  border-radius: 10px;
  margin-bottom: 76px;
}
.collection-info-box .row {
  align-items: center;
}
.collection-info-box .collection-thumb {
  margin-bottom: -49px;
}
.collection-info-box .collection-content {
  padding: 54px 16px 39px;
  font-size: 16px;
}
.collection-info-box .collection-content .btn-list {
  gap: 14px;
}
.product-grid-row {
  max-width: 940px;
  width: 100%;
  margin: auto;
}
.product-grid-single {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.product-grid-single .product-thumb {
  max-height: 226px;
  min-height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  height: 100%;
  flex-grow: 1;
}
.product-grid-single .product-thumb img {
  max-height: 100%;
  max-width: 100%;
}
.product-grid-single .product-info {
  flex-grow: 1;
}
.product-grid-row .product-grid-single a {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;  
}
.product-grid-single .product-info h6 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}
.product-grid-single .product-info:has(p) h6 {
  margin-bottom: 16px;
}
.product-grid-single .product-info p {
  font-size: 16px;
}
.product-collection-block .explore-collection-btn {
  padding-top: 30px;
  margin-top: 50px;
  border-top: 5px solid #eceef1;
}

/* Two Column Image content center */
.block-editor__container .media-responsive img{
  height: 100%;
}
.two-column-image-content-center-block {
  padding: 95px 0 185px;
}
.two-column-image-content-center-block .row {
  row-gap: 30px;
}
.two-column-image-content-center-block .block-content .btn-list {
  justify-content: center;
}
.two-column-image-content-center-block .block-content .btn-default {
  padding-block: 8px;
  color: #000;
}
.two-column-image-content-center-block .block-content .btn-default:hover {
  color: #fff;
}
.two-column-image-content-center-block .block-content h2 {
  font-size: 44px;
  font-weight: 800;
  margin-bottom: 20px;
  line-height: 1.2;
  color: var(--themeDarkColor);
}
.two-column-image-content-center-block .block-thumb .media-responsive {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 1;
  border-radius: 100%;
}
.two-column-image-content-center-block .block-thumb {
  width: 350px;
  margin: auto;
  position: relative;
  outline: 1px dashed var(--themeDarkColor);
  aspect-ratio: 1;
  border-radius: 100%;
  padding: 23px;
}
.two-column-image-content-center-block .block-thumb .block-circles {
  position: absolute;
  top: calc(100% - 170px);
  left: -22%;
  z-index: -1;
  max-width: 258px;
  width: 100%;
  opacity: 57%;
}

/* Inner Page Banner */
.inner-page-banner .banner-main {
  padding: 174px 0 50px;
}
.inner-page-banner {
  background-color: #4F7B69;
  margin-bottom: 0;
}
.inner-page-banner:not(.bg-cover):before {
  background: url('../images/banner-overlay-inner.webp');
  /*background-position: center;*/
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: multiply;
  filter: contrast(1.15) brightness(1.02);
}
.inner-page-banner.banner-applications .banner-main {
  padding: 180px 0 128px;
}
.inner-page-banner.banner-applications .banner-main h1 {
  margin-bottom: 10px;
}

/* Two column filter temp */

.two-column-filter-temp-layout {
  padding: 26px 0 62px;
}
.two-column-filter-layout .grid-btn {
  margin-bottom: 30px;
}
.two-column-filter-layout .block-content {
  font-size: 16px;
}
.two-column-filter-layout .block-content h3 {
  font-size: 23px;
  font-weight: 700;
}
.two-column-filter-layout .block-content .filter-list .title h6 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 23px;
}
.two-column-filter-layout .block-content .filter-list {
  margin-top: 40px;
}
.two-column-filter-layout .grid-list {
  margin-top: 45px;
}
.two-column-filter-layout .grid-list .title h6 {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 27px;
}
.two-column-filter-layout .grid-list ul {
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
}
.two-column-filter-layout .grid-list li {
  width: 33.33%;
  padding-inline: 6px;
}
.filter-pro .row {
  row-gap: 20px;
}
.two-column-filter-layout > .row {
  row-gap: 30px;
}
.filter-pro-single {
  padding: 24px 20px 34px;
  box-shadow: 0px 3px 10px #00000029;
  border-radius: 10px;
  position: relative;
  text-align: center;
}
.filter-pro-single .filter-thumb {
  text-align: center;
  margin-bottom: 13px;
  height: 184px;
}
.filter-pro-single .filter-thumb img {
  height: 100%;
}
.filter-pro-single a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.filter-pro-text {
  font-weight: 600;
  font-size: 16px;
  background-image: url('../images/arrow-right-cc.svg');
  background-position: left center;
  background-size: 16px;
  background-repeat: no-repeat;
  padding-left: 21px;
  display: inline-block;
}
.whitepaper-download-grid .title {
  padding: 14px 10px 26px;
  text-align: center;
  background-color: #16673e;
}
.whitepaper-download-grid .title h6 {
  color: #fff;
  font-size: 16px;
  margin: 0;
}
.whitepaper-download-grid .white-paper-info .white-paper-thumb {
  margin-top: -20px;
  margin-bottom: 32px;
}
.whitepaper-download-grid .white-paper-info {
  padding: 10px 20px 50px;
  background-color: #eee;
}
.whitepaper-download-grid .white-paper-info .white-paper-thumb img {
  max-width: 160px;
  width: 100%;
  margin: auto;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
}
.whitepaper-download-grid .white-paper-info .paper-text .text-link {
  margin-top: 20px;
}
.whitepaper-download-grid .paper-download-btn {
  margin-top: -28px;
}
.whitepaper-download-grid .white-paper-info .paper-text {
  font-size: 14px;
}
.whitepaper-download-grid .white-paper-info .paper-text .text-link a {
  color: var(--themeColor);
  text-decoration: none;
}
.gallery-btn {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
}
.gallery-btn .btn-default {
  padding: 12px;
  border-radius: 8px;
  display: inline-flex;
  gap: 12px;
  align-items: center;
  font-weight: 400;
  justify-content: center;
  max-width: 182px;
  width: 100%;
  font-size: 13px;
  box-shadow: 0px 3px 10px #00000029;
}
.gallery-btn .btn-default:hover {
  background-color: #f1f1f1;
  color: #000;
}
.gallery-btn .btn-default .icon {
  width: 25px;
  display: block;
}
.checklist ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  align-items: flex-start;
}
.checklist li {
  width: 50%;
  padding: 0 6px;
  background-image: url('../images/check.svg');
  background-size: 20px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
  font-size: 16px;
  text-decoration: underline;
}
.checklist li a {
  color: inherit;
}
.checklist-plus-querybox {
  margin-top: 95px;
}
.checklist-plus-querybox .checklist .title h6 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 30px;
}
.querybox {
  padding: 20px;
  border: 1px solid #707070;
  max-width: 285px;
  width: 100%;
}
.querybox .icon {
  width: 50px;
  margin-inline: auto;
  margin-bottom: 12px;
}
.querybox .text h5 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 14px;
}
.querybox .text .btn-default {
  max-width: 175px;
  width: 100%;
  justify-content: center;
}
.two-column-filter-layout h2.wp-block-heading,
.two-column-filter-layout h3.wp-block-heading {
  text-align: left; font: normal normal 800 23px / 30px Plus Jakarta Sans; letter-spacing: -0.37px; color: #1C4836; margin-bottom: 20px;
}
.two-column-filter-layout .video-grid-list {
  margin-top: 40px;
}
.video-grid-list .media-responsive {
  aspect-ratio: 1.5;
}

.key-features-grid-wrapper {
  padding: 64px 0 70px;
  position: relative;
  max-width: 100%;	
}
.key-features-grid-wrapper .block-bg-video:after {
  content: '';
  height: 100%;
  width: 100%;
  background-color: #949fa9;
  opacity: 64%;
  position: absolute;
  top: 0;
  left: 0;
}
.key-features-grid-wrapper .container {
  position: relative;
  z-index: 1;
  max-width: 90%; /* Chris tweak */
}
.feature-grid-box {
  padding: 60px 80px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000029;
}
.feature-grid-box .block-title h3 {
  font-size: 22px;
  margin-bottom: 35px;
  font-weight: 600;
}
.feature-grid-box .feature-grid-row {
  padding-top: 30px;
}
.feature-list-grid ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.feature-list-grid li {
  display: flex;
  gap: 20px;
  padding-bottom: 0px;
}
.feature-list-grid li .icon {
  width: 50px;
  flex-shrink: 0;
}
.feature-list-grid li .icon img {
  width: 100%;
}
.feature-list-grid li .text,
.feature-list-grid li .text p {
  /*font-size: 12px !important;*/
  margin-bottom: 0;
}
.feature-grid-cta {
  margin-top: 50px;
}
.feature-grid-cta .title h6 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.feature-grid-cta .btn-list {
  justify-content: center;
}

.block-two-column-filter-grid {
  padding-top: 90px;
}
.block-two-column-filter-grid .row {
  row-gap: 30px;
}
.block-two-column-filter-grid .block-content-left h2 {
  margin-bottom: 26px;
}
.block-two-column-filter-grid .block-content-left {
  padding-right: 50px;
}
.block-two-column-filter-grid .block-thumb-grid {
  max-width: 490px;
  width: 100%;
  margin-left: auto;
  position: relative;
}
.block-two-column-filter-grid .block-thumb-grid .block-thumb{
  margin-right: 60px;
  position: relative;
}
.block-two-column-filter-grid .block-thumb-grid .block-btn {
  position: absolute;
  bottom: 4.5%;
  width: 100%;
}
.block-two-column-filter-grid .block-thumb-grid .block-btn a:hover .icon img{
  filter: brightness(0) invert(1);
}
.block-two-column-filter-grid .block-thumb-grid .block-thumb-rounded-container {
    width: 100%;
    position: relative;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 2px dashed #9b9b9bc9;
    /* outline-offset: -30px; */
    border-radius: 100%;
}

.block-two-column-filter-grid .block-thumb-grid .block-thumb-rounded-container:before {
    content: "";
    width: 89%;
    aspect-ratio: 1;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #255b44;
    border-radius: 100%;
    right: 0;
    margin: auto;
    bottom: 0;
}
.block-two-column-filter-grid .block-thumb-rounded-container .block-thumb-main {
    max-width: 48%;
    width: 100%;
    position: relative;
}
.block-two-column-filter-grid .block-thumb-rounded-container .block-thumb-main:after {
    content: "";
    background-image: url(../images/icon-pdf.svg);
    width: 50px;
    aspect-ratio: 1;
    position: absolute;
    top: 33%;
    right: -30px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    top: 80px;
    z-index: 2;
    border-radius: 5px;
}
.block-two-column-filter-grid .block-thumb-grid .block-thumb .block-circle-top {
    position: absolute;
    top: 14px;
    left: 21px;
}
.block-two-column-filter-grid .block-thumb-grid .block-thumb .block-circle-bottom {
    position: absolute;
    bottom: 23%;
    right: -15%;
}

.block-two-column-filter-grid .block-thumb-grid .block-thumb-rounded-container img {
    position: relative;
}

/* Design advantages grids */

.design-advantages-image-text-grids {
  /* padding: 82px 0 148px; */
  padding: 82px 0 90px;
}
.design-advantages-image-text-grids .block-title {
  margin-bottom: 80px;
}
.advantage-grids-list .adv-text-new .title {
  position: relative;
  display: flex;
  gap: 15px;
  margin-bottom: 27px;
}
.advantage-grids-list .adv-text-new .title:before {
  content: '';
  background-image: url('../images/check.svg');
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  width: 18px;
  aspect-ratio: 1;
}
.advantage-grids-list .row {
  row-gap: 20px;
}
.advantage-grids-list .adv-text-new .title h6 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0;
}
.advantage-grids-list .adv-text-new .text {
  font-size: 16px;
}
.advantage-grids-list .adv-text-new .text p a {
  color: var(--themeColor);
  text-decoration: none;
  font-weight: 500;
}
.advantage-grids-list:not(:last-child) {
  margin-bottom: 60px;
}
.advantages-accordion-grid {
  margin-top: 170px;
  max-width: 1017px;
  width: 100%;
  margin-inline: auto;
}
.advantages-accordion-grid .row {
  row-gap: 30px;
}
.advantages-accordion-grid .block-title {
  max-width: 374px;
  width: 100%;
  margin-inline: auto;
  margin-bottom: 44px;
}
.advantages-accordion-grid .accordion-item {
  border-bottom: 0;
  margin-bottom: 10px;
}
.advantages-accordion-grid .accordion-item .accordion-body {
  font-size: 16px;
}
.advantages-accordion-grid .accordion-item .accordion-body ul.built-perform-options {
  column-count: 2;
  list-style-position: inside;
  padding-left: 0;
}
.advantages-accordion-grid .accordion-item .accordion-body ul li {
  padding-bottom: 10px;
}
.advantages-accordion-grid .accordion-item .accordion-body a {
  color: var(--themeColor);
    text-decoration: none;
    font-weight: 500;
}
.advantages-accordion-grid .accordion-button {
  display: flex;
  gap: 15px;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  padding: 20px 24px;
  background-color: #eceef1;
}
.advantages-accordion-grid .accordion-button:focus {
  box-shadow: none;
}
.advantages-accordion-grid .accordion-button .icon {
  width: 36px;
  flex-shrink: 0;
}

.pricing-cta-banner {
  background-color: #e1eae6;
  padding: 37px 0;
  position: relative;
}
.pricing-cta-banner:before {
  content: '';
  background-image: url('../images/particles-left.png');
  background-position: left top;
  background-repeat: no-repeat;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-size: cover;
  pointer-events: none;
}
.pricing-cta-banner .container {
  max-width: 426px;
}
.pricing-cta-banner h3 {
  font-size: 22px;
  margin-bottom: 27px;
}

/* Resources Tabs */

.resources-tabs-wrapper {
  padding: 50px 0 124px;
  background-color: #f3f3f3;
  max-width: 100%;
}
.resources-tabs-wrapper .block-title {
  margin-bottom: 60px;
}
.resources-tabs-list li button {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: left;
  padding-left: 30px;
  position: relative;
}
.resources-tabs-list li button.active,
.resources-tabs-list li button:hover {
  color: #000;
}
.resources-tabs-list li button.active:before {
  content: '';
  height: 100%;
  width: 5px;
  background-color: #7a838c;
  position: absolute;
  left: 0;
  top: 0;
}
.resources-tabs-list li button:not(.active) {
  opacity: 0.3;
}
.resource-doc-single .thumb .media-responsive {
  aspect-ratio: 0.78;
  width: 192px;
  margin-inline: auto;
}
.resource-doc-single .doc-text {
  font-size: 14px;
  font-weight: 700;
  margin-top: 12px;
}
.resources-tab-docs .row {
  row-gap: 40px;
}
.resources-tabs > .row {
  row-gap: 30px;
}
.resource-doc-single a {
  color: inherit;
  text-decoration: none;
}

/* Two column Applications */

.applications-two-column-image-content-featured-grid {
  padding: 50px 0 0;
  overflow-x: hidden;
}
.applications-two-column-image-content-featured-grid .block-title {
  margin-bottom: 37px;
  max-width: 372px;
  width: 100%;
  margin-inline: auto;
}
.applications-two-column-image-content-featured-grid .block-title h2 {
  color: var(--themeDarkColor);
  font-size: 23px;
}

.block-two-column-grid-single [class^='col-']:has(.block-two-column-content) {
  align-self: center;
}
.block-two-column-grid-single .block-thumb-cta {
  position: relative;
  padding: 60px 20px 100px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.block-two-column-grid-single .block-thumb-cta:before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #245b44;
  opacity: 80%;
}
.block-two-column-grid-single .block-thumb-cta > * {
  position: relative;
  z-index: 1;
}
.block-two-column-grid-single .block-thumb-cta .block-thumb {
  margin-bottom: 10px;
}
.block-two-column-grid-single .block-thumb-cta .block-cta a:not(:hover) {
  border-color: #fff;
  color: #fff;
}
.block-two-column-grid-single.block-reverse .block-two-column-content {
  padding-left: 30px;
  padding-right: 85px;
}
.block-two-column-grid-single .block-two-column-content {
  padding-left: 85px;
  padding-top: 70px;
  padding-bottom: 85px;
  padding-right: 30px;
  font-size: 16px;
  /* min-height: 548px; */
  /* max-width: 584px;
  width: 100%; */
}
.block-two-column-grid-single.thumb-darker .block-thumb-cta:before {
  background-color: #404040;
}
.block-two-column-grid-single .block-two-column-content h5 {
  font-weight: 600;
  margin-bottom: 28px;
}
.block-two-column-grid-single .block-two-column-content .feature-btn,
.block-two-column-grid-single .block-two-column-content .accordion {
  margin-top: 30px;
  max-width: 530px;
}
.block-two-column-grid-single .block-two-column-content .feature-btn a,
.block-two-column-grid-single .block-two-column-content .accordion .accordion-item .accordion-button {
  padding: 14px 20px 16px 18px;
  border: 1px solid #000000;
  font-size: 20px;
  text-decoration: none;
  display: flex;
  color: #000;
  max-width: 530px;
  width: 100%;
  position: relative;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-weight: 500;
  box-shadow: inherit !important;
}
.block-two-column-grid-single .block-two-column-content .feature-btn a:after,
.block-two-column-grid-single .block-two-column-content .accordion .accordion-item .accordion-button:after {
  content: '';
  width: 25px;
  aspect-ratio: 1;
  mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%22585.5%202287.5%2025%2025%22%3E%3Cpath%20d%3D%22M%2087.00782775878906%2074.41667175292969%20L%2078.58332824707031%2074.41667175292969%20L%2078.58332824707031%2065.9921875%20C%2078.58332824707031%2064.89192199707031%2077.65234375%2064%2076.5%2064%20C%2075.34765625%2064%2074.41667175292969%2064.89192199707031%2074.41667175292969%2065.9921875%20L%2074.41667175292969%2074.41667175292969%20L%2065.9921875%2074.41667175292969%20C%2064.89192199707031%2074.41667175292969%2064%2075.34765625%2064%2076.5%20C%2064%2077.65234375%2064.89192199707031%2078.58332824707031%2065.9921875%2078.58332824707031%20L%2074.41667175292969%2078.58332824707031%20L%2074.41667175292969%2087.00782775878906%20C%2074.41667175292969%2088.10807800292969%2075.34765625%2089%2076.5%2089%20C%2077.65234375%2089%2078.58332824707031%2088.10807800292969%2078.58332824707031%2087.00782775878906%20L%2078.58332824707031%2078.58332824707031%20L%2087.00782775878906%2078.58332824707031%20C%2088.10807800292969%2078.58332824707031%2089%2077.65234375%2089%2076.5%20C%2089%2075.34765625%2088.10807800292969%2074.41667175292969%2087.00782775878906%2074.41667175292969%20Z%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C521.5%2C2223.5)%22%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-color: currentColor;
  mask-size: 25px;
  mask-position: center;
  mask-repeat: no-repeat;
  /* position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%); */
}
.block-two-column-grid-single .block-two-column-content .accordion .accordion-item .accordion-button:not(.collapsed):after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='585.5 2287.5 25 25'%3E%3Cpath d='M 65.9921875 74.41667175292969 L 87.00782775878906 74.41667175292969 C 88.10807800292969 74.41667175292969 89 75.34765625 89 76.5 C 89 77.65234375 88.10807800292969 78.58332824707031 87.00782775878906 78.58332824707031 L 65.9921875 78.58332824707031 C 64.89192199707031 78.58332824707031 64 77.65234375 64 76.5 C 64 75.34765625 64.89192199707031 74.41667175292969 65.9921875 74.41667175292969 Z' transform='matrix(1,0,0,1,521.5,2223.5)' fill='%23000000' fill-rule='evenodd'/%3E%3C/svg%3E");
  content: '';
  width: 25px;
  aspect-ratio: 1;
  background-color: currentColor;
  mask-size: 25px;
  mask-position: center;
  mask-repeat: no-repeat;  
}
.block-two-column-grid-single .block-two-column-content .accordion .accordion-item .accordion-button:not(.collapsed) {
  background: inherit;
  box-shadow: inherit !important;
}
.block-two-column-grid-single .block-two-column-content .accordion .accordion-item .accordion-body ul li {
  padding-bottom: 10px;
}
.block-two-column-grid-single .block-two-column-content .accordion .accordion-item .accordion-body ul li a {
  color: var(--themeColor);
  text-decoration: none;
}


/* video Block */

.video-block {
  padding: 143px 0;
}
.video-block .btn-play {
  width: 106px;
  height: 106px;
  border-radius: 100%;
  background-color: #fff;
  margin: auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.video-block .btn-play img {
  width: 43px;
  position: relative;
  left: 6px;
}
.video-block .modal .modal-content {
  background-color: transparent;
  border: 0;
}
.video-block .modal .modal-content .modal-video .media-responsive {
  aspect-ratio: 16/9;
}
.video-block .modal {
  --bs-modal-width: 1014px;
}
.video-block .modal .btn-close {
  --bs-btn-close-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/></svg>");
  opacity: 1;
  margin-left: auto;
}

/* Two Column Image rounded content */

.two-column-rounded-images-content-block {
  padding: 76px 0;
}
.two-column-rounded-images-content-block .row {
  row-gap: 30px;
}
.two-column-rounded-images-content-block .block-thumb {
  max-width: 563px;
  width: 100%;
}
.two-column-rounded-images-content-block .block-content h2 {
  margin-bottom: 30px;
  color: var(--themeDarkColor);
  max-width: 420px;
  width: 100%;
}
.two-column-rounded-images-content-block .block-content .block-checklist {
  margin-top: 42px;
}
.two-column-rounded-images-content-block .block-content .block-checklist ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.two-column-rounded-images-content-block
  .block-content
  .block-checklist
  li
  .title {
  position: relative;
  margin-bottom: 8px;
}
.two-column-rounded-images-content-block
  .block-content
  .block-checklist
  li:before {
  content: '';
  background-image: url('../images/check.svg');
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  width: 18px;
  aspect-ratio: 1;
  position: absolute;
  left: 0;
  top: 2px;
}
.two-column-rounded-images-content-block .block-content .block-checklist li .title h6,
.two-column-rounded-images-content-block .block-content .block-checklist li h6 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0;
}
.two-column-rounded-images-content-block .block-content .block-checklist li {
  font-size: 16px;
  position: relative;
  padding-left: 33px;
  /* display: flex;
  gap: 15px; */
  margin-bottom: 30px;
}
.two-column-rounded-images-content-block .block-content p a {
  font-weight: 700;
  color: #000000;
  text-decoration: none;
}
.two-column-rounded-images-content-block .block-content p a:after {
  content: '';
  background-image: url('../images/icon-redirect.png');
  background-size: 20px;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 3px;
  display: inline-block;
  vertical-align: middle;
}

/* Text Banner */

.text-banner-wrapper {
  padding: 114px 0 136px;
  position: relative;
}
.text-banner-wrapper:after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 32%;
  position: absolute;
  left: 0;
  top: 0;
}
.text-banner-wrapper .container {
  position: relative;
  z-index: 1;
}
.text-banner-wrapper .text-banner-content {
  color: #fff;
  max-width: 550px;
  width: 100%;
  margin: auto;
}
.text-banner-wrapper .text-banner-content h2 {
  font-size: 41px;
  margin-bottom: 0;
  text-shadow: 0px 3px 6px #00000029;
  line-height: 1.25;
}

/* Image overlay content */

.image-overlay-content-grid-block {
  padding: 10px 0 150px;
}
.image-overlay-content-grid-block .block-image {
  margin-top: -90px;
  position: relative;
  z-index: 1;
}
.image-overlay-content-grid-block .block-content {
  padding-top: 58px;
  font-size: 20px;
  line-height: 2;
}
.image-overlay-content-grid-block .block-content p a {
  color: #000;
}

/* Sticky Page Index */

/* .sticky-page-index{
  padding: 34px 42px;
  background-color: #fff;
  box-shadow: 0px 3px 13px #00000029;
  border-radius: 0 8px 8px 0;
  position: fixed;
  top: 30%;
  left: 0;
  z-index: 99;
} */
.sticky-page-index {
  padding: 34px 42px;
  background-color: #fff;
  box-shadow: 0px 3px 13px #00000029;
  border-radius: 0 8px 8px 0;
  position: sticky;
  top: 93px;
  left: 0;
  z-index: 99;
  margin-top: -54px;
  margin-left: -12px;
}
.sticky-page-index .quote-btn {
  margin-bottom: 30px;
}
.sticky-page-index .quote-btn .btn-default {
  box-shadow: 0 0 20px 0 rgba(171, 181, 192, 1);
  min-width: 145px;
  justify-content: center;
}
.sticky-page-index .page-index-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
.sticky-page-index .page-index-list li {
  position: relative;
  padding-bottom: 0px;
}
.sticky-page-index .page-index-list li:before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background-color: var(--themeColor);
  position: absolute;
  left: -18px;
  opacity: 0;
  top: 11px;
}
.sticky-page-index .page-index-list li.active:before {
  opacity: 1;
}
.sticky-page-index .page-index-list a {
  font-size: 16px;
  text-decoration: none;
  color: #2d373f;
}
.fa-phone {transform: rotate(90deg);}

/* Mega Menu Style */

.mega-menu-products-stack-listing .mega-menu-product-single{
  display: flex;
}
.mega-menu-products-stack-listing .mega-menu-product-single:not(:last-child){
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.mega-menu-products-stack-listing{
  padding: 30px 40px;
}
.mega-menu-product-thumb{
  width: 200px;
  flex-shrink: 0;
}
.mega-menu-product-info{
  padding-left: 30px;
  font-size: 17px;	
}
.mega-menu-product-info h5{
  color: #255b44;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}
.mega-menu-product-info h4{
    color: #343434;
    line-height: 1.4em;
    font-size: 17px;
    margin-top: 0px;
    margin-bottom: 12px;
    font-style: italic;
}
.mega-menu-product-info .btn-list .btn-default{
  background-color: #1C4836;
  border-radius: 999px;
  padding: 10px 24px;
  font-weight: 500;
  font-size: 14px;
  box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  color: #fff;
}

.mega-menu-product-info .btn-list .btn-default:hover{ 
  background-color: #008457;
}

.mega-menu-product-info .btn-list .btn-default.btn-outline{
  color: #1C4836;
  background-color: transparent;
  border-color: #1C4836;
  text-decoration: none;
}

.mega-menu-product-info .btn-list .btn-default.btn-outline:hover{
  border-color: #008457;
}

.mega-menu-product-info .btn-list .link{
  font-weight: 500;
  text-decoration: underline;
}

.mega-menu-product-info h6 {
    font-size: 12px;
    font-weight: 500;
}

.mega-menu-product-grid .product-thumb{
  max-height: 100px;
  margin-bottom: 8px;
  text-align: center;
}
.mega-menu-product-grid .text{
  font-size: 14px;
  text-decoration: underline;
  color: var(--themeColor);
  text-align: center;
  padding-top: 23px;
}
.mega-menu-product-grids .row .col{
  width: 20%;
  flex: 0 0 20%;
}
.mega-menu-product-grids .row {
  row-gap: 24px;
}
.mega-menu-product-listing-grids .grid-title h5, .product-list-stack .cat-title h5, .product-list-stack .cat-title h5 {
  font-size: 18px !important;
  color: #255b44 !important;
  padding-bottom: 10px;
}
.product-list-stack{
   margin-top: 40px;
   background-color: #D3DED9;
   padding: 20px;
   border-radius: 10px;
}
.product-list-stack .cat-title h5{
  color: var(--themeColor);
  margin-bottom: 12px;
}
.product-list-stack ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-list-stack li{
  font-size: 16px;
}

.product-list-stack li {
    padding-bottom: 2px;
}

.product-list-stack li:not(:last-child){
  margin-bottom: 6px;
}
.product-list-stack li a{
  color: #000;
  text-decoration: none;
  position: relative;
}
.product-list-stack li a:after{
  content: '\f054';
    font-family: fontawesome;
    right: -15px;
    position: absolute;
    top: 50%;
    color: var(--themeColor);
    font-size: 14px;
    transform: translateY(-50%);
}
.contact-options-info{
  margin-top: 50px;
}
.contact-options-info .info-single{
  display: flex;
  gap: 15px;
  align-items: center;
}
.contact-options-info .info-single .icon{
  width: 48px;
  flex-shrink: 0;
}
.contact-options-info .info-single .text{
  color: #606060;
  font-size: 18px;
  font-weight: 600;
}
.contact-options-info a{
  text-decoration: none;
}
.mega-menu-product-listing-grids {
  background-color: #ECECEC;
  height: 100%;
  padding: 30px;
}


/* Style for new Blog ROll page style at 29-03-2023  */
.new_blog_roll_section  .social-ico1 {margin-top: 0px !important;}
.new_blog_roll_section  .social-ico1 li { display: inline-block; } 
.new_blog_roll_section  .social-ico1 li a { background: #333f48; color: #fff; display: block; width: 45px; height: 45px; line-height: 45px; text-align: center; margin: 0 3px 3px 0; font-size: 30px; }
.new_blog_roll_section  .filter-field .form-group { max-width: 184px; margin-top: 7px; } 
.new_blog_roll_section  .filter-field .form-group .form-select {font-size: 12px; line-height: 22px;}
.new_blog_roll_section  .right-block { justify-content: flex-end; justify-items: center; margin-top: 34px; display: flex;} 
.new_blog_roll_section .ico-block { margin-left: 15px; }

.new_blog_roll_section {padding-top: 60px;}
.new_blog_roll_section .container-fluid {padding: 0 60px;}
.new_blog_roll_section .top-blog-titlebar h1.title, .new_blog_roll_section .top-blog-titlebar .right-block {margin: 0;}
.new_blog_roll_section .top-blog-titlebar h1.title {text-align: left; letter-spacing: -0.19px; color: #1A784F; text-transform: uppercase; opacity: 1;}
.new_blog_roll_section .top-blog-titlebar .sub-title {font-weight: normal; font-style: normal; font-size: 16px; margin-top: 0; letter-spacing: -0.09px; color: #000; line-height: 19px; }
.new_blog_roll_section .featurd_blog_left_side { background: #0084571C; padding: 40px 75px; height: 100%;}
.new_blog_roll_section .featurd_blog_left_side img { max-width: 100%; }
.new_blog_roll_section .featurd_blog_left_side h2, .new_blog_roll_section .featurd_blog_left_side h2 a { text-align: left; letter-spacing: 0; color: #000000; font-weight: bold; text-transform: none !important; text-decoration: none; margin-top: 10px; }
.new_blog_roll_section .featurd_blog_left_side h2 a:hover,
.new_blog_roll_section .featured_blog_right_side ul.right_side_featured_list li .featured_right_side_blog_box h3 a {text-decoration: none;}
.new_blog_roll_section .featurd_blog_left_side .post-date { text-align: left; font-size: 14px !important; line-height: 19px; letter-spacing: 0; color: #000; font-weight: normal; }
.new_blog_roll_section .featurd_blog_left_side p {color: #000000; text-align: left; font-weight: normal;}
.new_blog_roll_section .featurd_blog_left_side a.read_more {text-align: left; text-decoration: underline;letter-spacing: 0px; color: #000000;}
.new_blog_roll_section .featured_blog_right_side h2 { margin-bottom: 25px; margin-top: 0px; border-bottom: 1px solid #1A784F; text-transform: uppercase; color: #323F48; font-weight: 600;  font-size: 22px;}
.new_blog_roll_section .featured_blog_right_side ul.right_side_featured_list  {margin: 0px; padding: 0px;}
.new_blog_roll_section .featured_blog_right_side ul.right_side_featured_list li {list-style: none; margin-bottom: 10px;}
.new_blog_roll_section .featured_blog_right_side ul.right_side_featured_list li .featured_right_side_blog_box {display: flex;align-items: flex-start;}
.new_blog_roll_section .featured_blog_right_side ul.right_side_featured_list li .featured_right_side_blog_box .featured_image {width: 186px; height: 86px; margin-right: 15px;flex-shrink: 0;}
.new_blog_roll_section .featured_blog_right_side ul.right_side_featured_list li .featured_right_side_blog_box .featured_image img {max-width: 100%; object-fit: cover; width: 100%; height: 100%;}
.new_blog_roll_section .featured_blog_right_side ul.right_side_featured_list li .featured_right_side_blog_box h3,
.new_blog_roll_section .featured_blog_right_side ul.right_side_featured_list li .featured_right_side_blog_box h3 a {margin: 0; color: #000; font-size: 14px; line-height: 20px;  font-weight: 600; letter-spacing: 0px; align-self: center; text-transform: none !important;}
/*.new_blog_roll_section .row {display: table;}
.new_blog_roll_section [class*='col-'] {float: none; display: table-cell;}*/
.new_blog_roll_section .decorated-title h2{text-transform: capitalize;font-size: 20px;font-weight:500;color:#323F48;margin-top: 0;display: inline-block;position: relative;z-index: 1;background-color: #fff;padding-right: 10px;margin-bottom: 0;}
.new_blog_roll_section .decorated-title h3{background-color: #fff;padding-left: 10px;position: relative;z-index: 1;margin: 0;text-transform: none;}
.new_blog_roll_section .decorated-title h3 a{font-size: 16px;color:#323F48; text-decoration: none;}
.new_blog_roll_section .decorated-title{position: relative;margin-bottom: 20px;display: flex;align-items: center;justify-content: space-between;}
.new_blog_roll_section .decorated-title:after{content: "";height: 2px;width: 100%;background-color: #1A784F;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.new_blog_roll_section .section-title h2{margin-top: 0;text-transform: none !important;}
.new_blog_roll_section .blog-grid-layout-block {padding-top: 70px;padding-bottom: 35px;}
.new_blog_roll_section img{max-width: 100%;}
.new_blog_roll_section .blog-grid-layout-block .blog-thumb{position: relative;background-color: #f5f5f5;padding-top: 55%;margin-bottom: 25px;}
.new_blog_roll_section .blog-grid-layout-block .blog-thumb img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.new_blog_roll_section .blog-grid-layout-block .blog-content a{color:#000;text-decoration: none;}
.new_blog_roll_section .blog-grid-layout-block .blog-content h3{margin-top: 0;text-transform: none; font-size: 18px; line-height: 26px;}
.new_blog_roll_section .blog-grid-layout-block .blog-content p{font-size: 14px;}
.new_blog_roll_section .half-width-grid-block .blog-thumb{width: 324px;padding-top: 22%;margin-right: 24px;margin-bottom: 0;}
.new_blog_roll_section .blog-grid-layout-block .row {display: flex;flex-wrap: wrap;row-gap: 30px;}
.new_blog_roll_section .half-width-grid-block .blog-content{width: 40%;}
.new_blog_roll_section .half-width-grid-block  .blog-image-content-box{display: flex;}
.new_blog_roll_section .podcast-slider-wrapper{background-color: #EEEEEE;padding:70px 200px 120px;}
.new_blog_roll_section .podcast-slider-wrapper .section-title{margin-bottom: 44px;}
.new_blog_roll_section .podcast-slider-wrapper .podcast-thumb {margin: 0 15px;}
.new_blog_roll_section .podcast-slider-wrapper .podcast-thumb img {width: 127px;}
.new_blog_roll_section .podcast-slider-wrapper .slider-nav .arrow::before, .new_blog_roll_section .podcast-slider-wrapper .slick-dots button{display: none;}
.new_blog_roll_section .podcast-slider-wrapper .slider-nav .arrow{height: 58px;width: 58px;background-color: #fff;border-radius: 50px;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);display: flex;align-items: center;justify-content: center;left: -120px;}
.new_blog_roll_section .podcast-slider-outer {position: relative;}
.new_blog_roll_section .podcast-slider-wrapper .slider-nav .arrow img{width: 17px;}
.new_blog_roll_section .podcast-slider-wrapper .slider-nav .arrow.slick-next{left: auto;right: -120px;}
.new_blog_roll_section .podcast-slider-wrapper .slick-dots button{padding: 0;}
.new_blog_roll_section .podcast-slider-wrapper .slick-dots li{width: 10px;height: 10px;background-color: #575757;border-radius: 50px; margin: 0 4px;}
.new_blog_roll_section .podcast-slider-wrapper .slick-dots li.slick-active{background-color: #23835B;}
.new_blog_roll_section .podcast-slider-wrapper .slick-dots{bottom: -80px;}
.new_blog_roll_section .contact-us-bar {padding: 10px 60px 0px 60px;background-color: #E3F1EC;margin-top: 200px;display: flex;}
.new_blog_roll_section .question-box .contact-btn{text-align: center;display: inline-block;cursor: pointer;text-decoration: none;line-height: 1em;border-radius: 0.25em 0.25em 0.25em 0.25em;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);font-size: 1em;padding: 1em 2em;background: #2c2c2c;color: #ffffff;background-color: #17673F;}
.new_blog_roll_section .question-box {max-width: 977px;margin: -100px auto 70px;border: 5px solid #CCE4DB;background-color: #fff;z-index: 1;position: relative;padding: 30px;text-align: center;}
.new_blog_roll_section .question-box .box-title p{margin: 0;font-size: 18px;font-weight: 500;color:#17673F;}
.new_blog_roll_section .question-box .box-title h2{font-size: 25px;font-weight: 500;text-transform: uppercase;color:#17673F;}
.new_blog_roll_section .blog-grid-layout-block .row [class^="col-"]{float: none;}
.new_blog_roll_section .blog-grid-layout-block .row:before, .new_blog_roll_section .blog-grid-layout-block .row:after{display: none;}
.new_blog_roll_section .single-blog-with-sidebar{
	display: flex; flex-wrap: wrap; row-gap: 30px;
}
.new_blog_roll_section .featured_blog_right_side ul.right_side_featured_list li .featured_right_side_blog_box h3, .new_blog_roll_section .featured_blog_right_side ul.right_side_featured_list li .featured_right_side_blog_box h3 a{align-self: self-start;}
body.page-template.page-template-blog-roll-2023-template .fab {font-size: 18px !important;}

body.page-template.page-template-blog-roll-2023-template .social-ico1 li a {width: 36px;height: 34px;line-height: 28px;margin-top: 6px;}
#main li a:hover, .new_blog_roll_section .blog-grid-layout-block .blog-content a:hover {color: #1a784f;}
.featured_right_side_blog_box {padding-bottom: 6px;}

/* End Style for new Blog ROll page style at 29-03-2023  */



/*  Style for new single blog page  */

body.single-blog article.type-blog p.post-meta { margin: 0; padding: 10px 0; font-size: 14px; }
body.single-blog article.type-blog .post_content { padding-left: 25px; padding-right: 25px; } 
body.single-blog article.type-blog h2.entry-title { margin: 0; padding: 0 0 15px 0; font-weight: bold; }
body.single-blog article.type-blog .post-thumbnail { text-align: center; } 
body.single-blog article.type-blog .post-thumbnail img { max-width: 100%; width: 100%; height: 550px; object-fit: cover;}
.blog_tags ul { padding: 0; } 
.blog_tags ul li { list-style: none; display: inline-block; font-size: 12px; background: #DDD; border-radius: 4px; padding: 5px 10px !important; }
.blog_tags ul li a, .blog_tags ul li a:hover { color: #545454; text-decoration: none; }
.blog_tags ul li a::before {content: "\f02b";font-family: FontAwesome;padding: 7px; color: #1a784f;}
body.single-blog article.type-blog .post_content p { line-height: 30px;} 
body.single-blog article.type-blog .post_content h2 { margin: 36px 0px; line-height: 32px;text-transform: uppercase; font-weight: 500; }
body.single-blog .post_content p a {font-weight: 600; color: #00673e; text-decoration: none;}
body.single-blog .post_content li {padding-bottom: 10px;}
body.single-blog hr { height: 10px; background-color: #dee2e6; float: left; width: 100%; margin-top: 50px; margin-bottom: 57px; }
.related_blogs h2 { color: #00673e; float: left; margin: 0 0 15px 0; font-size: 18px; width: 100%; text-transform: uppercase; } 
.related_blogs img { width: 100%; height: 152px; object-fit: cover; } 
.related_blogs h2.entry-title { margin: 10px 0 15px 0; font-size: 16px; }
.related_blogs h2.entry-title a{color: inherit; text-decoration: none; font-size: 14px; line-height: 22px; display: block; font-weight: 500;}

/* End Style for new single blog page  */


/* Blog CTA Block Style */
.blog-cta-wrapper {display: inline-block; margin-top: 60px;}
.blog-cta-wrapper .cta-grid-row{ display: flex; flex-wrap: wrap; align-items: center; } 
.blog-cta-wrapper .rounded-thumb-col { max-width: 420px; width: 100%; } 
.blog-cta-wrapper .thumb-wrap{ position: relative; padding-top: 100%; border-radius: 100%; }
.blog-cta-wrapper .thumb-wrap:after, .blog-cta-wrapper .thumb-wrap:before { content: ""; height: calc(100% + 29px); width: calc(100% + 29px); position: absolute; top: -14.5px; left: -14.5px; background-color: #E8F5FF; border-radius: 50%; z-index: -1; } 
.blog-cta-wrapper .thumb-wrap:before{ background-color: #ACD1ED; height: 100%; width: 100%; top: 0; left: 0; z-index: 1; }
.blog-cta-wrapper .rounded-thumb-col img{ max-width: 100%; position: absolute; left: 0; top: 0; width: 95%; height: 100%; object-fit: contain; right: 0; margin: auto; bottom: 0; z-index: 2; }
.blog-cta-wrapper .btn-theme{ color: #fff; padding: 16px 45px; background-color: #00A6E2; border-radius: 5px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); font-weight: 600; display: inline-block; margin-top: 10px; transition: all ease-in-out 0.3s; font-size: 16px; text-decoration: none;} 
.blog-cta-wrapper .btn-theme:hover{ text-decoration: none; background-color: #0397cd; } 
.blog-cta-wrapper .cta-text-col{ width: calc(100% - 420px); background-color: #fff; box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16); position: relative; }
.blog-cta-wrapper .cta-text-col .arrow-curve{ position: absolute; right: 0; top: -23px; max-width: 30%; } 
.blog-cta-wrapper .cta-text-col .arrow-curve img{ max-width: 100%; }
.blog-cta-wrapper .cta-text-col:after { content: ""; height: 100%; max-width: 25%; width: 100%; background-color: #fff; box-shadow: -15px 3px 16px rgba(0, 0, 0, 0.16); position: absolute; top: 0; left: -24%; z-index: 0; } 
.blog-cta-wrapper .cta-text-col .text{ padding-left: 50px; padding-top: 40px; padding-bottom: 40px; max-width: 70%; padding-right: 26px; }
.blog-cta-wrapper .cta-text-col .text h2{ color: #145B38; font-weight: 700; margin-bottom: 20px; margin-top: 0px; font-size: 22px; text-transform: uppercase; line-height: 30px; } } 
.blog-cta-wrapper .cta-text-col .text p{ font-weight: 500; font-size: 16px; }
/* Blog CTA Block Style Ends */


body.archive article { margin-bottom: 40px; } 
body.archive article .post-thumbnail img { width: 100%; height: auto;} 
body.archive .grid-view article .post-thumbnail img { height: 380px; object-fit: cover; }
body.archive article h2.entry-title { margin-top: 8px; font-size: 20px; font-weight: bold; }
body.archive article h2.entry-title a { text-decoration: none; color: #145B38;} 
body.archive article p.post-meta { font-size: 14px; margin-bottom: 16px; } 


.wp-pagenavi { clear: both; padding-top: 25px; border-top: 1px solid #e2e2e2; text-align: center; margin-bottom: 60px;} 
.wp-pagenavi a, .wp-pagenavi span { margin: 0 5px; border: none!important; color: #666; font-size: 14px!important; font-weight: 400!important; text-decoration: none; } 
.wp-pagenavi a, .wp-pagenavi span { font-size: 16px!important; } 
.wp-pagenavi span.current { background-color: #00673e!important; color: #fff!important; padding: 10px; }
.wp-pagenavi a, .wp-pagenavi span { padding: 7px 10px !important; border: none!important; color: #666; font-size: 16px!important; font-weight: 400!important; text-decoration: none; }
.blog_sidebar .et_pb_widget { background: #f0f0f0 !important; padding: 0 0 0 0 !important; }
.blog_sidebar div.et_pb_widget h4.widgettitle { text-align: left !important; background: #008457; padding: 25px 0 35px 23px !important; color: #fff !important; border-bottom: 15px solid #b2b7bb; box-sizing: border-box; font-size: 20px !important; margin: 0; }
.blog_sidebar div.et_pb_widget ul { padding: 15px 20px 15px 20px !important; } 
.blog_sidebar div.et_pb_widget ul li { list-style: none; font-weight: bold; line-height: 20px; padding-bottom: 13px !important; }
.blog_sidebar div.et_pb_widget ul li a { text-decoration: none; color: #00673e; font-weight: 500; text-transform: inherit;} 


/* New 404 error page style 12-Oct-2023 */
section.error-404 {padding: 40px 0;}
section.error-404 h1 {color: #145B38; text-transform: inherit; letter-spacing: -0.18px; font-size: 26px; margin-top: 0px;}
section.error-404 strong {font-size: 20px; padding-bottom: 5px; display: block;}
section.error-404 .asp_w_container_2 {width: 100% !important;}
section.error-404 div.asp_w.ajaxsearchpro.asp_non_compact {margin-left: 0px !important;}
section.error-404 .not_found_link_items { padding: 60px 0; }
section.error-404 .not_found_link_items ul  {margin: 0px !important; background: #DDDDDD; flex-wrap: wrap; flex-direction: row; justify-content: space-between; display: inline-flex; width: 100%; }
section.error-404 .not_found_link_items ul li {padding: 10px 10px;list-style: none; display: inline-block; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px #00000055; text-align: center; margin-top: -20px; margin-bottom: -20px; width: 23%;}
section.error-404 .not_found_link_items ul li .image_box {    margin: 0 auto; justify-content: space-around; align-items: center; display: flex; justify-content: center; width: 218px; height: 210px; max-width: 100%; padding: 15px; }
section.error-404 .not_found_link_items ul li img {max-width: 100%;}
section.error-404 .not_found_link_items ul li h6 {font-size: 15px; line-height: 20px; margin: 0; font-weight: bold;text-transform:uppercase;}
section.error-404 .not_found_link_items ul li a:hover {text-decoration: none;}
/* End New 404 error page style 12-Oct-2023 */


/* New case study Index page & single page at 23-Aug-2022 */
.case_study_new_index_categories .so-widget-ink-accordion a.iw-so-acc-title.iw-text-left {    text-transform: uppercase;}
.case_study_index_new_banner h1 {text-transform: inherit;}
.hightlighted_case_study_container {filter: drop-shadow(-1.732px 1px 9px rgba(23,24,27,0.27)); background-color: #ffffff; border: 0px solid #000000;}
.hightlighted_case_study_container .panel-layout {padding: 0px !important;}
.hightlighted_case_study_container P {padding-top: 15px; padding-bottom: 20px; margin: 0; text-transform: inherit; font-weight: normal;}
.hightlighted_case_study_container h2 {padding-top: 0px !important;}
.hightlighted_case_study_container h3 {text-transform: inherit; text-decoration: underline; font-weight: 500;}
.case_study_new_index_categories h2.sow-headline { text-transform: inherit; letter-spacing: 0px; padding: 0; }
.case_study_new_index_categories span.sow-icon-fontawesome.sow-fas { font-size: 22px !important; }
.case_study_new_index_categories .iw-so-acc-content p { margin: 0;line-height: 33px;}
.case_study_new_index_categories .iw-so-acc-content ul li { margin-bottom: 10px !important; line-height: 20px; }
.case_study_new_index_categories .iw-so-acc-content ul li a { font-size: 16px; font-weight: 500; line-height: 18px; }

.single_case_study_main_banner .sow-image-container { margin-bottom: -8%; filter: drop-shadow(-1.732px 1px 9px rgba(23,24,27,0.77)); }
.single_case_study_content_section .panel-layout {padding: 0px !important;}

.category_index_page .row { margin-bottom: 20px; display: flex; flex-wrap: wrap; align-items: center; }
.category_index_page .post-thumbnail { height: 120px; overflow: hidden; }
.category_index_page .post-thumbnail img { width: 100%; object-fit: cover; }
.category_index_page h2 {font-size: 18px;}
/* End New case study Index page & single page at 23-Aug-2022 */

/*
* Feature Articles
*/
.doc-card {text-align: center;padding: 10px;margin: 0px;}
.doc-card img {max-width: 53%;box-shadow: 0px 0px 11px 3px #ddd;height: auto; }
.w3eden a {color: #00673e !important;font-size: 18px !important;}
/* .w3eden a:focus, .w3eden a:hover {color: #333F48;} */
.w3eden p {font-style: italic;font-size: 11px;}
.doc-link-container {background-color: #eee;padding: 10px;}
.w3eden .h4, .w3eden h4 {min-height: 70px; padding-top: 20px; padding-bottom: 10px; font-size: 16px; display: block; text-transform: uppercase; font-weight: 600;}
.doc-link-container {margin-bottom: 25px;}
.doc-link-container a {color: #fff !important;}


/*
* Video Page
*/
div.button_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}    
div.button_wrapper a.cat-link {
    background: #DDD;
    border-radius: 4px;
    padding: 6px 15px !important;
    font-size: 17px;
    display: flex;
    margin-bottom: 10px;
    margin-right: 10px;
    flex-wrap: wrap;
    color: #00673e;
}
.thum_div_.figure_ {
    outline: none !important;
    border: 0 !important;
    position: inherit !important;
    height: 298px;
    box-shadow: none !important;    
}
.figure_:hover img {
    transform: none !important;
}
.playbtnCss_video__ {height: 196px !important;}
a.thumbnail_ img {margin-bottom: 2px !important;transition: none !important;border: 1px solid #ddd !important;}
.img_caption_ { font-size: 14px !important; background: #fff !important; bottom: 0px; color: #333f48 !important; font-weight: 600 !important; left: 0; letter-spacing: 0;  margin: 0px; padding: 4px; position: inherit; transition: all 500ms ease 0s; width: 100%; max-height: 55px; position: inherit !important; display:contents; }



/***
Gravity forms CSS
Make the error stand out
*/
.gfield_error{ background-color: white; color:#b94a48; }
.gfield_error:before { font-weight: bold; content: "Sorry, this field is required: "; color: #b94a48; padding-left: 5px; }
.validation_error, .validation_message { display:none; } 
.gform_wrapper div.validation_error { display: none; }
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background: none !important; margin-bottom: 0px !important; border: none !important; padding-bottom: 0px !important; padding-top: 0px !important; }
.gform_body input.form-control { height: 42px !important; }
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size: inherit; font-family: inherit; padding: 5px 12px !important; letter-spacing: normal; }
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100% !important; width: 100% !important; }
div.overlay { position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: #000; opacity: 0.5; z-index: 9999; display: none; }
.gform_body li { list-style: none; }
.form_column_heading span { width: 30px; height: 30px; float: left; background: #c9c9c9; color: #000; text-align: center; border-radius: 50% 50%; font-size: 20px; line-height: 30px; margin-right: 10px; font-weight: normal; }
.form_column_heading { height: 30px; line-height: 30px; font-size: 20px; text-transform: uppercase; font-weight: bold; margin-bottom: 15px; }
h2.requested_product_title { font-size: 16px; color: #00673e; } 
#gform_wrapper_27 ul.gfield_radio { padding: 0; }
#gform_wrapper_27 ul.gfield_radio li { padding-bottom: 1px; } 
#gform_wrapper_27 ul.gfield_radio li input { margin-right: 10px; } 
#gform_wrapper_27 .gform_footer { text-align: right; }
.btn-green { width: 100%; background: #00673E; color: #fff; border-radius: 0; border: 1px solid #00673E; }
.btn-green:focus, .btn-green:hover { color: #fff !important; outline: none !important; } 
.gform_wrapper { display: block !important; }

.gdrp { padding: 30px !important; border: 2px solid #444; margin-top: 30px !important; }
.gdrp .gfield-choice-input {margin-right: 10px;}
.gform_button { background-color: #00673E; color: #fff; padding: 20px; font-weight: bold; transition: 0.4s ease; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -o-transition: 0.4s ease; }
.request-quote-form .gform_button {float: right;margin-top: -150px;margin-right: 10%;}
.gform_button:hover {background-color:#00673e;}
input, textarea{border: 2px rgba(96, 96, 96, 0.6) solid;transition: 0.4s ease;-webkit-transition: 0.4s ease; -moz-transition: 0.4s ease;-o-transition: 0.4s ease;}
input:focus, textarea:focus{border: 2px rgba(96, 96, 96, 0.9) solid;}
.gform_wrapper input:focus {background-color: #ddd;}
.gform_wrapper .quick-quote {padding: 30px;}


.regulations-hero-container {background-image: url(/wp-content/uploads/2018/08/img1.jpg); height: 360px; background-size: cover; text-align: center; margin-bottom: 60px; max-height: 222px; position: relative; display: flex; align-items: center; justify-content: center;}
h2.regulations-h2 {font-size: 34px; font-weight: 900; color: #fff; }

/* New Why Camfil Products Collect Dust Better page style at 23-Nov-2022 */
.why_camfil_product_banner {background-repeat: no-repeat; background-size: 100% 90% !important; background-position: top center !important;}
.hightlighted_why_camfil_product_container {background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; opacity: 1; padding: 60px 30px; max-width: 90%; margin: 0 auto;}
.hightlighted_why_camfil_product_container p { margin: 0; font-size: 22px; color: #333333; line-height: 28px; text-align:center; }
.hightlighted_why_camfil_product_container h1 {font-size: 32px; font-weight: 800; margin-bottom: 15px !important;}
.why_camfil_product_address_text {color: #000000; font-size: 24px; line-height: 34px; font-weight: 400;}
.product_vertical_tabs .why_camfil_products .lsow-vertical.style8 .lsow-tab-nav .lsow-tab span.lsow-tab-title {white-space: nowrap;}
.why_camfil_product_testimonial p {margin: 0; font-size: 16px; line-height: 24px; color: #000; font-weight: 400;}
.why_camfil_product_testimonial p em {font-size: 16px; line-height: 24px; color: #000;font-weight: 400;padding-top: 10px; display: inline-block;}
.why_camfil_product_testimonial {background: #E2E2E2; border-radius: 15px; padding: 40px;}
.why_camfil_product_testimonial .panel-layout {padding: 0px !important;}
/* End Why Camfil Products Collect Dust Better page style at 23-Nov-2022 */

/* New css for xflow product vertical tab  */
.product_vertical_tabs .widget-title {font-size: 24px; color: #000; font-weight: 700; padding-bottom: 30px;}
.lsow-vertical.style8 .lsow-tab-nav {max-width: 20%;}
.lsow-vertical.style8 .lsow-tab-nav .lsow-tab {margin: 0px !important;}
.lsow-vertical.style8 .lsow-tab-nav .lsow-tab-label {border-radius: 0px !important; border-width: 10px !important; margin: 0px; background: transparent !important;}
.product_vertical_tabs .lsow-vertical.style8 .lsow-tab-nav .lsow-tab span.lsow-tab-title {font-size: 16px; line-height: 1; text-transform: inherit; letter-spacing: 0; font-weight: 700;}
.vertical_tab_content_grid {text-align: center; margin-bottom: 48px;}
.vertical_tab_content_grid img {max-width: 100%; height: 298px; object-fit: cover; margin: 0 auto;}
.vertical_tab_content_grid h2 {font-size: 14px; text-align:  center; text-decoration: none; color: #000;}
.vertical_tab_content_grid a, .vertical_tab_content_grid a:hover {text-decoration: none;}
/* End New css for xflow proudct vertical tab  */

.cleanairmatters_slider_content h2 {width: 85%; margin: auto !important; font-size: 4rem; font-weight: 800; color: #1E5732 !important; border-top: 1px solid #444; border-bottom: 1px solid #444; padding: 1rem 0rem 1rem;}
.cleanairmatters_slider_content h3 { width: 90%; margin: 0 auto !important; font-size: 7rem; font-weight: 700; color: #808285 !important; border-bottom: 28px solid #1E5732; line-height: 7rem !important; padding-bottom: 1rem; padding-top: 1rem; }
#human-right h3.widget-title { font-size: 2rem; color: #1E5732; font-weight: 700; border: 10px #808285 solid; padding: 2rem; margin-top: 0rem; text-align: center; } 
#human-right p { font-size: 20px; line-height: 36px; color: #4E4E4E; font-weight: bold;} 
#content-highlight { margin-bottom: 3rem; } 
#content-highlight h2 { width: 85%; margin: auto; font-size: 3rem; line-height: 3rem; font-weight: 800; color: #1E5732; border-top: 1px solid #444; border-bottom: 1px solid #444; padding: 2rem 0rem 2rem; }
#heading-bkg h2 { padding: 40px 0; color: #00673e; font-weight: bold; letter-spacing: -1px; font-size: 30px; }


/* New contact information accordion at 02-Sept-2022 */
.contact_information_accordion .panel-group .panel { margin-bottom: 15px; border-radius: 0px; border: 0; box-shadow: none; }
.contact_information_accordion .panel-default>.panel-heading { color: #000; background-color: transparent; border-color: #ddd; border: 0px; padding: 0; }
.contact_information_accordion .panel-default>.panel-heading .panel-title>a {background: #00673e; color: #ffffff !important; display: block; width: 100%; font-size: 18px; padding: 1em; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; text-decoration: none; outline: none;}
.contact_information_accordion .panel-default>.panel-heading .panel-title>a:hover {color: #fff !important; background: #333f48;}
.contact_information_accordion .panel-default>.panel-heading .panel-title>a .glyphicon {float: right;}
.contact_information_accordion .panel-default>.panel-heading .panel-title>a.accordion-toggle.collapsed .glyphicon.glyphicon-plus:before {content: "\002b";  font-size: 30px; line-height: 10px; font-weight: bold; }
.contact_information_accordion .panel-default>.panel-heading .panel-title>a.accordion-toggle:not(.collapsed) .glyphicon.glyphicon-plus:before { content: "\2212";  font-size: 30px; line-height: 10px; font-weight: bold;}
.contact_information_accordion .section_title {text-align: center; text-transform: uppercase; margin-top: 0px; padding-top: 30px; margin-bottom: 30px; letter-spacing: -1px; font-size: 30px; font-weight: 900; line-height: 1.4em;}

/* End New contact information accordion at 02-Sept-2022 */


/* Home blog grid shrotcode */
.home-blog-grid {
    height: auto;
    width: 100% !important;
    max-width: 100% !important;
    border-top: 23px solid #fff;
    border-left: 23px solid #fff;
    border-right: 23px solid #fff;
}
.card-body {
    padding: 20px;
}
h2.blockTitle {
    margin: 40px 0;
}
#teaser-blog {
    padding-top: 50px;
    padding-bottom: 50px;
}
.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.35)!important;min-height: 300px;background-color: #fff;
}
.blogPostBlock h5.card-title {
    font-weight: bold;
    margin-top: 0.75rem;
}
.card-text {
    text-align: left;
    font-size: 17px;
}
h5.card-title {
    margin-top: 0.75rem;
    font-size: 16px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
}
h5.card-title a {
    text-decoration: none;
    color: #00673e;
    font-weight: 500;    
}
.serving-line-block h4 {
    text-align: center;
    color: #01673e;
    font-size: 23px;
    margin: 0;
    text-transform: uppercase;
}

h2.requested_product_title {
    font-size: 16px;
    color: #00673e;
    background-color: #eee;
    padding: 10px 20px;
    border-radius: 5px;
    width: 70%;
    margin: 0 auto;
}
h2.requested_product_title:before {
    font-family: 'FontAwesome';
    content: '\f058';
    margin: 0 17px 0 -39px;
    color: #2196f3;
    font-size: 24px;
}

/* =========================================================
   GLOBAL RHYTHM + GUTTERS
   ========================================================= */

:root{
  --content-max: 1440px;
  --gutter: clamp(16px, 4vw, 32px);
  --rhythm-1: 0.75rem;
  --rhythm-2: 1.25rem;
  --rhythm-3: 2rem;

  --camfil-green: #0f7a4a;
}

/* =========================================================
   TYPOGRAPHY FLOW (NO SPACERS)
   ========================================================= */

.wp-block-heading{
  margin-top: 0;
  margin-bottom: var(--rhythm-2);
  line-height: 1.35;
}

.wp-block-paragraph,
.wp-block-list,
.wp-block-quote{
  margin-top: 0;
  margin-bottom: var(--rhythm-2);
  line-height: 27px;
}

.wp-block-paragraph + .wp-block-heading{
  margin-top: var(--rhythm-3);
}

/* Prevent awkward last-child gaps */
.wp-block-column > *:last-child,
.main-content-area-prod-detail > *:last-child{
  margin-bottom: 0;
}

.wp-block-paragraph,
.wp-block-list,
.wp-block-quote {
  margin-top: 0;
  margin-bottom: var(--rhythm-2);
}

/* =========================================================
   BUTTONS + CTA ROWS
   ========================================================= */

.wp-block-buttons{
  margin-top: 0;
  margin-bottom: var(--rhythm-2);
  gap: 1.25rem;
  flex-wrap: wrap;
  align-items: center;
}

/* Tighten spacing when buttons follow heading */
.wp-block-heading + .wp-block-buttons{
  margin-top: var(--rhythm-1);
}

/* Button reset */
.wp-block-button{
  margin: 0;
}

.wp-block-button__link{
  line-height: 1.2;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}

/* Filled button (default Gutenberg “Fill” style) */
a.wp-block-button__link.wp-element-button.is-style-fill {
  background: #1C4836;
  color: #fff;
  border: 1px solid #1C4836;
}

/* Outline button (default Gutenberg “Outline” style) */
a.wp-block-button__link.wp-element-button.is-style-outline.is-style-outline {
  background: transparent;
  color: #1C4836;
  border: 2px solid #1C4836;
}

/* Filled button (default Gutenberg “Fill” style) */
a.wp-block-button__link.wp-element-button.is-style-fill:hover {
  background: #000;
  color: #fff;
  border: 1px solid #000;
}

/* Outline button (default Gutenberg “Outline” style) */
a.wp-block-button__link.wp-element-button.is-style-outline.is-style-outline:hover {
  background: #000;
  color: #fff;
  border: 2px solid #000;
}

/* Card-style button */
.camfil-card-link{
   display: flex;
   align-items: center;
   gap: 1.25rem;
   padding: 1rem 2rem;
   border-radius: 24px;
   background: #fff;
   box-shadow: 0 12px 30px rgba(0, 0, 0, .10);
   max-width: 70%;
}

/* Icon sizing */
.camfil-card-link .wp-block-image img{
  width: 56px;
  height: 56px;
  object-fit: contain;
}

/* Text */
.camfil-card-link h2,
.camfil-card-link h3,
.camfil-card-link p{
  margin: 0;
  font-weight: 500;
}

/* Make links look like plain text */
.camfil-card-link a{
  text-decoration: none;
  color: inherit;
}

/* Optional hover/focus */
.camfil-card-link:hover{
  transform: translateY(-1px);
  transition: transform .12s ease, box-shadow .2s ease;
}
.camfil-card-link:focus-within{
  outline: 3px solid rgba(0,132,87,0.25);
  outline-offset: 4px;
}

.camfil-icon-btn--photos, .camfil-icon-btn--3d {
  display: inline-flex;
  align-items: center;
  gap: .1rem;
  padding: .85rem 2rem;
  border-radius: 24px;
  background: #fff;
  color: #262B30;
  font-weight: 500;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(0,0,0,.10);
  border: 0;
  min-width: 280px;
	
}
.camfil-icon-btn--photos::before, .camfil-icon-btn--3d::before {
  content: "";
  width: 30px;
  height: 30px;
  flex: 0 0 56px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.group-center {
  margin-left: auto;
  margin-right: auto;
}

/* Icon: Photos */
.camfil-icon-btn--photos::before{
  background-image: url("/wp-content/themes/Camfilnew/images/photos-icon.svg");
}

/* Icon: 3D Model */
.camfil-icon-btn--3d::before{
  background-image: url("/wp-content/themes/Camfilnew/images/3d-model-icon.svg");
}

/* Hover/focus */
.camfil-icon-btn:hover{
  transform: translateY(-1px);
  transition: transform .12s ease, box-shadow .2s ease;
}

.camfil-icon-btn:focus-visible{
  outline: 3px solid rgba(0,132,87,0.25);
  outline-offset: 4px;
}

.wp-block-buttons .wp-block-button{
  flex: 0 0 auto;
}

.wp-block-buttons .wp-block-button__link{
  width: auto;
  display: inline-flex;
}

/* Image Drop Shadow */

.shdw-img {
	box-shadow: 0 12px 30px rgba(0, 0, 0, .10);
}

/* Undo Gutenberg custom widths that force stacking */
.wp-block-buttons .wp-block-button.has-custom-width,
.wp-block-buttons .wp-block-button__width-50{
  flex: 0 0 auto !important;
  width: auto !important;
}

.wp-block-button.is-style-outline-pill .wp-block-button__link,
.wp-block-button.outline-pill .wp-block-button__link{
  background: #ffffff !important;
  border: 2px solid #1C8457 !important;
  color: #1C8457 !important;
}

/* Application Pages */

.bg-cover{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 2-column bullet list */
.wp-block-list.feature-list--cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 15px;
    row-gap: 5px;
    margin: 0;
    padding-left: 1.25em;
    list-style-position: outside;
    margin-top: 22px;
}

/* 3-column bullet list */
.wp-block-list.feature-list--cols-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 15px;
    row-gap: 5px;
    margin: 0;
    padding-left: 1.25em;
    list-style-position: outside;
    margin-top: 22px;
}

/* optional: prevents weird breaks on some layouts */
.wp-block-list.feature-list--cols-3 > li{
  break-inside: avoid;
}
@media (max-width: 980px){
  .wp-block-list.feature-list--cols-3{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px){
  .wp-block-list.feature-list--cols-3{
    grid-template-columns: 1fr;
  }
}