/* ===================================
    Crafto - It business
====================================== */
/* font */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Outfit:wght@100..900&display=swap");
/* variable */
:root {
  --base-color: #074eb9;
  --dark-gray: #252840;
  --black: #141414;
  --medium-gray: #7d8087;
  --lime-green: #81e92f;
  --very-light-gray: #f0f2f8;
  --font-jakarta: "Plus Jakarta Sans", sans-serif;
  --font-lato: "Lato", sans-serif;
  --theme-gradient: linear-gradient(90deg, #195b99 0%, #d3002d 100%);
}
/* reset */
body {
  line-height: 29px;
}
p:empty{
  display: none;
}
.text-lime-green{
  color: var(--lime-green)
}
.wrap-balance{
  text-wrap: balance;
}
.flex-1{
  flex: 1;
}
.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-items-4 .grid-item {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 1.875rem;
}
.grid-items-4 .grid-item .col {
  width: 100%;
  margin: 0 !important;
}
.grid-items-4 .grid-item .col .services-box-style-03 img {
  border-radius: 8px;
}
.grid-items-4 .grid-item .col .services-box-style-03 .service-content {
  padding: 1.25rem 2.5rem;
}
.bg-theme-gradient {
  background: var(--theme-gradient);
}
.wave-animation-none .shape-image-animation {
  display: none !important;
}
.no-external .external-link-icon{
  display: none !important;
}
.single-services h3 {
	letter-spacing:-2px;
}
.stats-icon-card {
	width: 90%;
    border-radius: 0.5rem;
    border: 1px solid var(--extra-medium-gray);
	box-shadow: var(--bs-box-shadow);
	padding:1.25rem 1.875rem;
	margin-bottom:1rem;
}
/* end */

/* opt-out form start */
.custom-opt-form .form-label{
  color: var(--base-color);
  font-size: 0.875rem;
  font-weight: 700;
}
.custom-opt-form .form-label .required{
  color: var(--red);
}
.custom-opt-form :is(input.form-control, select.form-control){
  padding: 0.325rem 1.125rem;
  font-size: 0.875rem;
}
.custom-opt-form select.form-control{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23343a40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 40px;
}
.custom-opt-form button[type="submit"]{
  padding: 0.625rem 2.5rem;
  border-radius: 0.375rem;
  background-color: var(--base-color);
  color: var(--white);
  font-weight: 700;
}
.custom-opt-form button[type="submit"]:hover{
  opacity: 0.8;
}
.opt-success-icon {
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--jade);
  color: var(--white);
}
.opt-success-id-box {
  background-color: #f5f8fc;
}
.opt-success-id-label {
  letter-spacing: .05em;
}
/* opt-out form end */

/* portfolio modal start */
.modal-close{
  position: absolute;
  top: 1.5rem;
  right: 2.5rem;
  z-index: 1;
}
.btn-modal-close{
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffff'><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>");
  background-color: var(--base-color);
  opacity: 1;
  color: var(--white);
  padding: 0.625rem;
  border-radius: 50%;
  font-size: 0.875rem;
}
.portfolio-modal .modal-dialog{
  max-width: 41.25rem;
}
/* porfolio modal end */

.datacard-share > .addtoany_shortcode a>span{
  border-radius: 50% !important;
  padding: 0.375rem;
}

/* pricing table start */

.pricing-table-layout .table {
  margin-bottom: 0;
  table-layout: fixed;
}
.pricing-table-layout .table :is(th, tr).border-0{
  border: 0 !important;
}

.pricing-table-layout .package_title {
  font-size: 1.375rem;
  font-weight: 400;
  margin-bottom: 0.25rem;
  color: var(--black);
  text-transform: uppercase;
}

.pricing-table-layout .package-price {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.pricing-table-layout .package-price .currency-symbol {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: -1.5rem;
}

.pricing-table-layout .package-price .amount {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  margin: 0 0.325rem;
}

.pricing-table-layout .package-price-currency {
  font-size: 0.825rem;
  color: var(--medium-gray);
  text-align: left;
  line-height: 1.2;
  max-width: 1.9rem;  
}

.pricing-table-layout .was-price {
  color: var(--medium-gray);
  font-size: 0.75rem;
  font-weight: 500;
  text-decoration: line-through;
  margin: 0 !important;
}

.pricing-table-layout .table td {
  border: 1px solid rgba(35, 35, 35, 0.1) !important;
  padding: 0.75rem 0.9375rem !important;
  vertical-align: middle;
}
.pricing-table-layout .pricing-header-cell {
  border: 1px solid rgba(35, 35, 35, 0.1) !important;
  padding: 1.875rem 0.625rem !important;
  background-color: var(--white);
  text-align: center;
}
.pricing-table-layout .row-label {
  color: var(--medium-gray);
  font-weight: 700;
  text-align: left;
  width: 30%;
}

.pricing-table-layout .row-value {
  text-align: center;
  color: var(--text-dark);
  font-weight: 400;
}

.pricing-table-layout .category-header {
  background-color: var(--base-color) !important;
  color: var(--white) !important;
  font-weight: 700;
  text-align: left;
  padding: 0.625rem 0.9375rem !important;
  text-transform: none;
}

.pricing-table-layout .fa-check { color: var(--black); font-size: 1rem; }
.pricing-table-layout .fa-minus { color: var(--medium-gray); font-size: 1rem; }

.pricing-table-layout .table tbody tr:nth-of-type(even) td{
  background: var(--very-light-gray);
}

/* pricing table end */
.background-abstract-1{
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right center;
}
.content-img-banner{
  background-image: url('../images/abstract-2.webp');
  background-repeat: no-repeat;
  background-size: auto;
  background-position: left center;
}
.abstract-3{
  background-image: url('../images/abstract-3.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}
.bg-none{
  background-image: none !important;
}
.text-ellipses-4{
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* header */

/* Mega Menu */
@media (min-width: 992px) {
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > a.mega-menu-link {
    max-width: 35% !important;
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > a.mega-menu-link
    + ul.mega-sub-menu {
    width: calc(100% - 35%) !important;
    left: 35% !important;
    position: absolute !important;
    top: 0 !important;
    padding: 1.5rem 2.5rem !important;
    background-color: #f3f5f9 !important;
    border-radius: 0 0.5rem 0.5rem 0.5rem !important;
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li {
    position: static !important;
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li.mega-toggle-on,
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li.mega-current-mega-toggle-on {
    background-color: #f3f5f9 !important;
    border-radius: 0.5rem !important;
  }
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-item.mega-menu-megamenu
    ul.mega-sub-menu
    li.mega-collapse-children.mega-current-mega-toggle-on
    > a.mega-menu-link
    > span.mega-indicator:after {
    content: "";
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li.mega-current-mega-toggle-on
    > ul.mega-sub-menu,
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > ul.mega-sub-menu {
    display: grid !important;
    grid-auto-flow: row;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2rem;
    align-content: start;
    visibility: hidden !important;
    opacity: 0 !important;
    transition:
      opacity 0.5s,
      visibility 0.5s !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    height: 100%;
    place-content: flex-start;
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > ul.mega-sub-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
    border-radius: 0.5rem;
  }

  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > ul.mega-sub-menu::-webkit-scrollbar {
    width: 0.4rem;
    background-color: #f5f5f5;
  }

  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > ul.mega-sub-menu::-webkit-scrollbar-thumb {
    border-radius: 0.5rem;
    background-image: linear-gradient(180deg, #195b99 0%, #d3002d 100%);
  }
  /* #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li:nth-child(2)
    > ul.mega-sub-menu,
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li:nth-child(3)
    > ul.mega-sub-menu {
    grid-template-rows: repeat(9, auto);
  } */
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li.mega-current-mega-toggle-on
    > ul.mega-sub-menu,
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li.mega-toggle-on
    > ul.mega-sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
  }
  #mega-menu-primary > li > ul.mega-sub-menu {
    top: 4.3rem !important;
    max-width: 75rem !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-radius: 1rem !important;
    padding: 1rem !important;
    background-color: var(--white) !important;
    z-index: -1 !important;
    display: none !important;
    transition: none !important;
  }

  #mega-menu-primary > li.mega-toggle-on > ul.mega-sub-menu {
    z-index: 999 !important;
    display: block !important;
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > a.mega-menu-link
    .mega-menu-description,
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > a.mega-menu-link
    + ul.mega-sub-menu
    > li
    > a.mega-menu-link
    .mega-menu-description {
    font-size: 0.875rem !important;
    font-style: normal !important;
    color: var(--medium-gray) !important;
    margin-block: 0 2px !important;
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > a.mega-menu-link
    + ul.mega-sub-menu
    > li
    > a.mega-menu-link {
    display: flex !important;
    align-items: flex-start !important;
    gap: 1.25rem !important;
    padding-block: 0.4rem !important;
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > a.mega-menu-link
    + ul.mega-sub-menu
    > li
    > a.mega-menu-link
    > img {
    border: 1px solid var(--light-gray) !important;
    border-radius: 3px !important;
    padding: 0.31rem !important;
    width: 30px !important;
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > a.mega-menu-link
    + ul.mega-sub-menu
    > li
    > a.mega-menu-link
    .mega-menu-title {
    color: var(--dark-gray);
    font-size: 1rem;
    font-weight: 700;
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > a.mega-menu-link
    + ul.mega-sub-menu
    > li
    > a.mega-menu-link:hover
    .mega-menu-title {
    color: var(--base-color);
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > a.mega-menu-link
    .mega-description-group {
    width: 90%;
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > a.mega-menu-link
    .mega-indicator {
    transform: translateX(-1rem);
  }
  #mega-menu-primary > li > ul.mega-sub-menu .mega-menu-columns-3-of-12 {
    background-color: #f3f5f9 !important;
    border-radius: 0.5rem !important;
    margin-left: 1rem !important;
    padding: 1rem !important;
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-3-of-12
    .widget_custom_html
    h4.mega-block-title {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: var(--medium-gray) !important;
    line-height: 1.3;
  }
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-grid
    > ul.mega-sub-menu
    > li.mega-menu-row
    > ul.mega-sub-menu
    > .mega-menu-column
    > ul.mega-sub-menu
    > li.mega-menu-item {
    padding: 10px 15px !important;
  }
  #mega-menu-primary > li > a {
    padding: 0.6rem !important;
    border-radius: 0.5rem !important;
  }
  #mega-menu-primary > li.mega-toggle-on > a {
    background-color: #f3f5f9 !important;
  }
  #mega-menu-primary > li.mega-toggle-on > a .mega-indicator {
    transform: rotate(-180deg);
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > a.mega-menu-link
    + ul.mega-sub-menu
    > li
    > a.mega-menu-link:hover
    .mega-menu-title,
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > a.mega-menu-link
    + ul.mega-sub-menu
    > li.mega-current-menu-item
    > a.mega-menu-link
    .mega-menu-title,
  #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-item.mega-current-menu-item
    > a.mega-menu-link,
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-column
    > ul.mega-sub-menu
    > li.mega-menu-item.mega-current-menu-item
    > a.mega-menu-link {
    color: var(--base-color) !important;
  }
  .form-card-wrapper .content-wrapper .col-lg-6:first-child {
    width: 56%;
  }
  .form-card-wrapper .content-wrapper .col-lg-6:nth-child(2) {
    width: 40%;
  }
}
/* End */



header .navbar-brand img {
  max-height: 32px;
}
.navbar .navbar-nav .nav-link {
  font-size: 17px;
}
header .btn.btn-rounded.btn-large {
  padding: 10px 26px;
  font-size: 13px;
  font-weight: 500;
}
.sticky .header-transparent .header-button .btn {
  color: var(--dark-gray);
  border-color: var(--extra-medium-gray);
}
.sticky .header-transparent .header-button .btn:hover {
  border-color: var(--dark-gray);
  color: var(--white);
  background: var(--dark-gray);
}
header.sticky.sticky-active [data-header-hover="light"] .widget-text i {
  color: var(--white);
}
/* accordion style 02 */
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
  background-color: var(--dark-gray);
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--white);
}
.navbar
  .navbar-nav
  .dropdown.dropdown-with-icon-style02
  .dropdown-menu
  li:hover
  a,
.navbar
  .navbar-nav
  .dropdown.dropdown-with-icon-style02
  .dropdown-menu
  li.active
  a {
  opacity: 0.5;
}
/* btn */
[class*="btn-transparent"],
[class*=" btn-transparent"] {
  font-weight: 500;
}
.btn {
  text-transform: none;
  font-family: var(--font-jakarta);
}
.btn.btn-switch-text.btn-extra-large > span {
  padding: 19px 40px;
}
.btn-gradient-purple-pink {
  background-image: linear-gradient(to right, #0b58cb, #e94037, #0b58cb);
  background-size: 200% auto;
  color: var(--white);
}
/* bg gradient color */
.bg-gradient-dark-gray-transparent {
  background: -webkit-linear-gradient(
    right,
    rgba(24, 25, 28, 0.5),
    rgba(255, 255, 255, 0)
  );
  background: linear-gradient(
    to right,
    rgba(24, 25, 28, 0.5),
    rgba(255, 255, 255, 0)
  );
}
.bg-gradient-very-light-gray-transparent {
  background: -webkit-linear-gradient(
    right,
    rgba(240, 244, 253, 1),
    rgba(255, 255, 255, 0)
  );
  background: linear-gradient(
    to right,
    rgba(240, 244, 253, 1),
    rgba(255, 255, 255, 0)
  );
}
.bg-gradient-white-transparent {
  background: -webkit-linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}
.bg-gradient-flamingo-red-transparent {
  background: -webkit-linear-gradient(
    right,
    rgba(243, 69, 59, 1),
    rgba(255, 255, 255, 0)
  );
  background: linear-gradient(
    to right,
    rgba(243, 69, 59, 1) 10%,
    rgba(255, 255, 255, 0) 95%
  );
}
.bg-gradient-base-color-transparent {
  background: -webkit-linear-gradient(
    right,
    rgba(15, 89, 201, 1),
    rgba(255, 255, 255, 0)
  );
  background: linear-gradient(
    to right,
    rgba(15, 89, 201, 1) 10%,
    rgba(255, 255, 255, 0) 95%
  );
}
.bg-gradient-light-gray-transparent {
  background: -webkit-linear-gradient(
    right,
    rgba(222, 230, 244, 1),
    rgba(255, 255, 255, 0)
  );
  background: linear-gradient(
    to right,
    rgba(222, 230, 244, 1),
    rgba(255, 255, 255, 0)
  );
}
.bg-midnight-blue {
  background-color: #1e2033;
}
.btn-switch-text .fa-arrow-right {
  transform: rotate(-45deg);
  transition: 0.4s;
}
.btn-switch-text:hover .fa-arrow-right {
  transform: rotate(0deg);
}
/* text */
.text-flamingo {
  color: #e55b53;
}
.text-gradient-orange-sky-blue {
  background-image: linear-gradient(
    to right,
    #5e70f3,
    #6170f1,
    #8074dc,
    #b87bb6,
    #ec8192
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 25px;
}
/* portfolio filter */
.portfolio-filter li {
  padding: 0 18px;
  line-height: 24px;
}
/* blog */
.categories-btn {
  font-size: 11px;
}

.block-search-results .col-results {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

body.search-results .block-search-results .col-results-post h2 {
  grid-column: span 3;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--dark-gray);
  border-bottom: 1px solid var(--bs-border-color);
  padding-bottom: 1.5rem;
}

body.search-results .row-result-post h3 {
  font-size: 1.25rem;
  font-weight: 700;
}

body.search-results .row-result a {
  color: var(--dark-gray);
}
body.search-results .row-result a:hover {
  color: var(--base-color);
}

body.search-results .block-search-results .col-results-page h2 {
  grid-column: span 3;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--dark-gray);
  border-bottom: 1px solid var(--bs-border-color);
  padding-bottom: 1.5rem;
}

body.search-results .col-results-page h3 {
  font-size: 1.25rem;
  font-weight: 700;
}

/* page title */
.page-title-extra-large h1 {
  font-size: 4rem;
  line-height: 4rem;
}
.page-title-extra-large h2 {
  font-size: 17px;
  line-height: 28px;
  margin: 0 auto;
}
.process-step-style-05 .progress-step-separator {
  bottom: -10px;
  height: 100%;
  z-index: -1;
}
/* height */
.h-72px {
  height: 72px !important;
}
#map {
  height: 650px;
  border-radius: 6px 0 0 6px;
}
/* margin top */
.mt-minus-50px {
  margin-top: -50px;
}
/* line-height */
.lh-200 {
  line-height: 12.5rem;
}
/* bottom */
.bottom-auto {
  bottom: auto;
}
.blog-classic .card .card-body .author-img,
.author-details .author-img {
  margin-right: 8px;
}
.blog-classic .card .card-body .author-img img,
.author-details .author-img img {
  width: 2rem;
  display: inline-block;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
}
.author-details .author-img img {
  width: 2.5rem;
}
.blog-category a{
  color: var(--black);
  transition: all 0.2s ease;
}
.blog-category a:hover{
  color: var(--base-color);
}
.blog-classic.grid.grid-3col li:nth-child(3) {
  margin-top: -1rem;
}
.icon-box-wrapper .feature-box:hover .feature-box-icon img {
  filter: grayscale(1) invert(1) brightness(3);
}
.portfolio-modern .portfolio-image::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.checklist {
	padding-left:0rem;
	margin-bottom:calc(1rem, 2vw, 2.5rem)
}
.checklist > li, .checklist ul > li{
  position: relative;
  margin-bottom: 0.75rem;
  display: flex;
}
.consider-the-facts-content.checklist ul > li {
	color:var(--medium-gray);
}
.blog-content ul > li,
ul.checklist-inline > li {
  margin-bottom: 0.75rem;
  color: var(--dark-gray);
  position: relative;
  padding-left: 2.5rem;
}
.blog-content ul > li::before,
ul.checklist-inline > li::before{
  position: absolute;
  left:0
}
body.single-datacards .checklist > li,
.blog-content ul > li,
ul.checklist-inline > li {
  color: var(--medium-gray);
}
.checklist-border > li:not(:last-child) {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgb(255, 255, 255, 0.4);
}
.checklist > li::before, .checklist ul > li::before,
.blog-content ul > li::before,
ul.checklist-inline > li::before {
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  content: "\f00c";
  margin-right: 8px;
  background-color: var(--very-light-gray);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  /* display: inline-flex; */
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  color: var(--base-color);
  font-size: 0.75rem;
}
.blog-content ul,
ul.checklist-inline {
  padding-left: 0rem;
}
.checklist > ul {
	padding-left:0rem;
}
.Contact-info-grid .grid-4 {
  grid-template-columns: repeat(3, 1fr);
}
.Contact-info-grid .feature-box {
  padding: 2.5rem 1rem !important;
}
.Contact-info-grid .breadcrumb {
  justify-content: center;
  margin-top: 1rem;
}
.Contact-info-grid .breadcrumb a {
  font-weight: 700;
}
.Contact-info-grid .breadcrumb-item + .breadcrumb-item::before {
  content: "|";
  color: var(--medium-gray);
}
.Contact-info-grid .feature-box .bg-theme-gradient {
  background: var(--white) !important;
}
.Contact-info-grid .feature-box:hover .feature-box-icon img {
  filter: none;
}

.Contact-info-grid .hover-box.dark-hover:hover span {
  color: var(--dark-gray) !important;
}
.Contact-info-grid .hover-box.dark-hover:hover p {
  color: var(--medium-gray) !important;
}
.Contact-info-grid .hover-box.dark-hover:hover a {
  color: var(--base-color) !important;
}
/* footer */
footer .footer-logo img {
  max-height: 35px;
}
footer ul li {
  margin-bottom: 0;
}
.footer-light a:hover,
.footer-navbar li a:hover {
  color: var(--dark-gray);
}

/* Maruee slider */
.marquee-wrapper {
  overflow: hidden;
}
.marquee-container {
  white-space: nowrap;
}

.marquee-content {
  display: inline-block;
  animation: marquee-scroll 40s linear infinite;
}
@keyframes marquee-scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.stroked-text {
  font-family: var(--font-lato);
  font-size: 6.5rem;
  font-weight: 800;
  color: transparent;
  -webkit-text-stroke: 0.5px var(--dark-gray);
  text-stroke: 0.5px var(--dark-gray);
  letter-spacing: -2px;
}

.marquee-item {
  display: inline-flex;
  align-items: center;
  padding-inline: 3rem;
}

.marquee-item::after {
  content: url("https://www.amerilist.com/wp-content/uploads/2025/11/star-marker.svg");
  width: 3rem;
  height: 5.75rem;
  transform: translate(110%, 25%);
}

.marquee-content .marquee-item:last-child::after {
  content: none;
}

/* Marquee slider end */

/* Filter List Section Start */
.filter-list-wrapper {
  padding: 0;
}
.filter-list-wrapper > .container {
  max-width: 100% !important;
  padding: 0;
}
.filter-list-wrapper > .container > .row {
  margin: 0;
}
.filter-list-wrapper > .container > .row > .col-12 {
  padding: 0;
}
.datacard-filters {
  padding: 1.25rem 0 2rem;
}
.datacard-filter-list {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 6px;
  justify-content: start;
}
.datacard-filter-list .filter-btn {
  border: 1px solid var(--c-light);
  color: var(--c-light);
  border-radius: 4px;
  padding:0.667rem 0rem;
  background-color: transparent;
  width: 2rem;
  text-wrap-mode: nowrap;
  font-size: 1rem;
  line-height: 1;
}
.datacard-filter-list .filter-btn:hover,
.datacard-filter-list .filter-btn.active {
  background-color: var(--c-green);
  border-color: var(--c-green);
  color: var(--white);
}
.datacard-filter-body {
  padding-block: 5rem;
}
.datacard-list-heading h2 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.datacard-list-heading h2 > span {
  text-decoration: underline;
  color: var(--base-color);
  text-underline-offset: 4px;
}
.datacard-list-wrapper{
  display: flex;
  gap: 4.8rem
}
.datacard-list-wrapper .filter-left{
  min-width: 15.2rem;
}
.datacard-list-wrapper .datacard-list, .voters-list-wrapper .voters-list {
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
.voters-list-wrapper .voters-list {
	grid-template-columns: repeat(1, 1fr) !important;
}
.voters-list-wrapper .voters-list .voter-item::before
 {
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  content: "\f192";
  position: absolute;
  left: 0;
  font-size: 10px;
  color: var(--base-color);
  vertical-align: middle;
}
.voters-list-wrapper .voters-list .voter-item{
  border-bottom: 1px solid var(--light-gray);
  padding-bottom: 1.25rem;
  position: relative;
  padding-left: 1.25rem;
}
.voters-list-wrapper .voters-list .voter-item a{
  color: var(--medium-gray);
}
.datacard-list-wrapper .datacard-list .datacard-item{
  border-bottom: 1px solid var(--c-light);
  padding-bottom: 1.2rem;
  position: relative;
}
.datacard-list-wrapper .datacard-list .datacard-item a{
  color: var(--white);
  text-decoration: none;
  font-size: 1.125rem;
	display: flex;
  align-items: center;
  gap: 1rem;
	justify-content:space-between;
  transition: all 0.3s;
}
.datacard-list-wrapper .datacard-list .datacard-item a:hover{
  color: var(--c-green);
}
.datacard-list .datacard-item a:hover::after{
  color: var(--c-green);
}
.voters-list-wrapper .voters-list .voter-item a:hover
 {
  text-underline-offset: 4px;
  text-decoration: underline;
  color: var(--base-color);
}

.datacard-list-wrapper .custom-search-input {
  border-radius: 50rem;
  box-shadow: none;
  border: 1px solid var(--light-gray);
  padding-left: 2.5rem;
  max-height: 3.125rem;
  margin-bottom: 2.667rem;
}

.datacard-list-wrapper .search-icon-container {
  position: relative;
  width: 100%;
  max-width: 25rem;
}

.datacard-list-wrapper .search-icon {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  color: var(--light-gray);
  pointer-events: none;
}

/* Filter List Section End */

/* Datacard detail css start */
.datacard-banner {
  max-height: 31.25rem;
  min-height: 31.25rem;
  padding-block: 2rem !important;
}
.datacard-banner h1 {
  font-size: 3.25rem;
  text-wrap: balance;
}
.datacard-banner > .opacity-very-light {
  opacity: 1;
  background: linear-gradient(90deg, #000 0, transparent 90%);
  background-color: transparent !important;
}
.form-card {
  border-radius: 8px;
  box-shadow: 0px 20px 60px 0px #00000014;
  padding: 2.5rem;
}
div#more_info {
    scroll-margin-top: 5rem;
}
.stats-card-wrapper {
  border-top: 1px solid var(--extra-medium-gray);
  border-bottom: 1px solid var(--extra-medium-gray);
}
.stats-card-wrapper .container {
  max-width: 100% !important;
  padding: 0;
}
.stats-card-wrapper .container > .row {
  margin: 0;
}
.stats-card-wrapper .container > .row > .col-12 {
  padding: 0;
}
.stats-card-wrapper .d-grid {
  gap: 1px;
  background-color: var(--extra-medium-gray);
}
.stats-card-wrapper .stats-card-item {
  text-align: center;
  padding: 3.75rem 1.25rem;
  background: var(--white);
  transition: all 0.4s;
}
.stats-card-wrapper .stats-card-item:hover {
  background: linear-gradient(90deg, #195b99 0%, #d3002d 100%);
  color: var(--white) !important;
}
.stats-card-wrapper .stats-card-item:hover .stats-title {
  color: var(--white);
}
.stats-card-wrapper .stats-card-item .stats-title {
  font-size: 2.5rem;
  font-weight: 600;
  color: var(--base-color);
  margin-bottom: 1.25rem;
}
.stats-card-wrapper .stats-card-item .stats-des {
  margin: 0;
  font-size: 1.25rem;
}
.attributes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.attribute-grid-item {
  box-shadow: 0px 20px 60px 0px #00000014;
  padding: 1.25rem;
  background-color: var(--white);
  border-radius: 6px;
  border-color: transparent;
  position: relative;
  z-index: 1;
}
.attribute-grid-item::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(90deg, #195b99 0%, #d3002d 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.attribute-grid-item:hover::before {
  opacity: 1;
}
.attribute-grid-item > div {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  align-items: center;
}
.attribute-grid-item > div img {
  width: 20px;
  height: 20px;
  opacity: 0.4;
  transition: opacity 0.3s ease-out;
}
.attribute-grid-item:hover > div img {
  opacity: 1;
}
.custom-nav-tabs {
  border-radius: 8px;
  overflow: hidden;
  border: none;
}
.custom-nav-tabs .nav-item {
  padding: 0 !important;
  position: relative;
}
.custom-nav-tabs .nav-item:not(:last-child) {
  border-right: 1px solid var(--light-gray);
}
.custom-nav-tabs .nav-item::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: var(--base-color);
  position: absolute;
  bottom: 0;
  -wekit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.custom-nav-tabs .nav-item:hover::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.custom-nav-tabs .nav-item:hover > .nav-link {
  color: var(--base-color);
}
.custom-nav-tabs .nav-item:has(.active)::after {
  display: none;
}
.custom-nav-tabs .nav-link {
  font-weight: 600;
  border: none;
  color: var(--dark-gray);
  padding: 1.875rem 1rem;
  border-radius: 0;
  transition: all 0.3s ease;
}

.custom-nav-tabs .nav-link.active,
.mobile-accordion .accordion-button:not(.collapsed) {
  background: linear-gradient(90deg, #195b99 0%, #d3002d 100%);
  color: var(--white) !important;
}
.mobile-accordion .accordion-button {
  box-shadow: none;
  background-color: var(--light-medium-gray);
}
.accordion-button:not(.collapsed)::after {
  filter: brightness(100);
}
.tabs-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.tabs-grid.grid-1 {
  grid-template-columns: repeat(1, 1fr);
 
}
.tabs-grid .tabs-grid-items {
  background-color: var(--white);
  border-radius: 6px;
  padding: 2.5rem;
  height: max-content;
}
.tabs-grid .tabs-grid-items h4 {
  font-size: 1.25rem;
  color: var(--dark-gray);
  font-weight: 700;
}
.gradient-icon-card {
  padding: 2.625rem;
  background-color: white;
  border: 1px solid var(--white);
  box-shadow: 0px 20px 60px 0px #00000014;
  border-radius: 8px;
}
.gradient-icon-card .icon {
  font-size: 2rem;
  line-height: 1;
}
.gradient-icon-card p:empty {
  display: none;
}
.gradient-icon-card h6 {
  font-size: 1.5rem;
  color: var(--dark-gray);
  margin-bottom: 0px !important;
}
.gradient-icon-card p {
  font-weight: 800;
  font-size: 1.15rem;
  color: var(--dark-gray);
  margin: 1rem 0 0.2rem !important;
}
/* Datacard detail css end */

/* Blog pages CSS */

.blog-archive .blog-image img {
  width: 100%;
  aspect-ratio: 5/3;
  object-fit: cover;
}
.sidebar-blog .search-form > label {
  width: 100%;
}
.sidebar-blog .search-form input.search-field {
  border-radius: 2rem;
}
.sidebar-blog .search-form .search-submit {
  display: none;
}
.featured-posts .featured-item {
  flex-direction: row;
  gap: 1.25rem;
}
.featured-posts .featured-item > a {
  width: 33%;
}
.featured-posts .featured-item .content {
  width: 67%;
}
.social-links-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.social-links-grid .card {
  min-height: auto;
  padding: 1rem;
}

.newsletter {
  box-shadow: 0px 20px 60px 0px #00000014;
  margin-top: 2.5rem;
}
.newsletter label {
  font-size: 0.813rem;
  text-transform: uppercase;
}
.newsletter .ctct-form-defaults {
  padding: 0rem !important;
  margin-top: 2rem;
}
.newsletter .ctct-form-footer {
  display: none;
}
.newsletter .ctct-form-button {
  background-color: var(--black) !important;
  border-radius: 2rem !important;
  font-size: 1rem !important;
}
.newsletter .ctct-form-button:hover {
  background-color: var(--base-color) !important;
}
.blog-content :is(h2, h3) {
  font-size: 1.5rem;
  color: var(--dark-gray);
  font-weight: 700;
}
.blog-content :is(h4,h5,h6) {
  font-size: 1.125rem;
  color: var(--dark-gray);
  font-weight: 700;
}
.blog-content p strong {
	color: var(--dark-gray);
}
.blog-content img {
  width: 100%;
  max-width: 100%;
}

.blog-archive .pagination .nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.blog-archive .pagination .nav-links .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border: 1px solid var(--black);
  border-radius: 50%;
  text-decoration: none;
  color: var(--black);
  font-size: 1rem;
  transition: 0.3s;
}

.blog-archive .pagination .nav-links .page-numbers.current {
  background: var(--black);
  color: var(--white);
  border-color: var(--black);
  box-shadow: 0px 0px 10px 0px #17171726;
}

.blog-archive .pagination .nav-links :is(.prev,.next).page-numbers{
  border: none;
  font-size: 0;
}


.blog-archive .pagination .nav-links :is(.prev,.next).page-numbers:before{
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
  color: var(--dark-gray);
  font-weight: 900;
  font-size: 1rem;
}

.blog-archive .pagination .nav-links .prev.page-numbers:before { content: "\f060"; }
.blog-archive .pagination .nav-links .next.page-numbers:before { content: "\f061"; }


.pagination .nav-links .dots { border: none; width: auto; }

/* Blog pages CSS end */

.gap-20 {
  gap: 1.25rem;
}

.vertical-animation-text p {
  margin: 0;
  font-weight: 500;
  color: var(--medium-gray);
  font-size: 1.25rem;
  writing-mode: sideways-lr;
}

.floating-card figcaption {
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(3px);
}
.datacards-wrapper > .container {
  max-width: 100% !important;
  padding: 0rem;
}
.datacards-wrapper > .container > .row {
  gap: 0rem !important;
  margin: 0rem;
}
.datacards-wrapper > .container > .row > div {
  padding: 0rem;
  margin: 0 !important;
}
.datacards-wrapper > .container > .row > div:first-child {
  border-right: 1px solid var(--white);
}
body:not(.home) .datacards-wrapper .cta-blocks {
  height: 100% !important;
}
body:not(.home) .datacards-wrapper .cta-blocks h2 {
  line-height: 1.2 !important;
}

/* .stats-block-wrapper > .swiper-slide:nth-child(2n) img {
  width: 100%;
  height: auto;
  aspect-ratio: 50/39;
  object-fit: cover;
}
.stats-block-wrapper > .swiper-slide:nth-child(2n-1) img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
} */
.datacard-form-section .content-wrapper > .col-lg-6.my-auto {
	margin-top:0rem !important;
}

.bg-gradient-btn{
  background: -webkit-linear-gradient(right, rgba(222, 230, 244, 1), rgba(255, 255, 255, 0));
  background: linear-gradient(to right, rgba(222, 230, 244, 1), rgba(255, 255, 255, 0));
  font-weight: 700;
  margin-bottom: 1rem;
  padding-inline: 1.75rem;
  border-radius: 15rem;
  color: var(--base-color);
  line-height: 2.5rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-align: center;
  display: inline-flex;
  letter-spacing: 0;
}
h2:is(.bg-gradient-white-transparent,.bg-gradient-very-light-gray-transparent, .bg-gradient-light-gray-transparent) {
  letter-spacing: 0;
}
.bg-gradient-btn .bi-award{
  font-size: 1rem;
  margin-right: 0.625rem;
}

.ebook-popup{
  border-radius: 20px;
  background-color: var(--white);
  position: relative;
  padding: 0;
  overflow: hidden;
  max-width: 73.93rem;
  margin: auto;
}
.ebook-popup-body{
  display: flex;
}
.ebook-popup-body .popup-left{
  padding: clamp(2rem, 1.2rem + 2.8vw, 5rem) clamp(1.5rem, 0.6rem + 2.1vw, 3.3333rem);
  flex-basis: 58%;
}
.ebook-popup-body .popup-left h2{
  font-family: var(--ff-heading);
  font-weight: 800;
  font-size: clamp(1.3333rem, 1.01rem + 0.63vw, 1.6rem);
  line-height: 100%;
  letter-spacing: -1px;
  margin-bottom: 1rem;
}
.ebook-popup-body .popup-left p{
  font-size: clamp(1rem, 0.9rem + 0.32vw, 1.2rem);
  font-family: var(--primary-font);
  line-height: 1.55; 
}
.ebook-popup-body .popup-left p span{
  color: var(--c-blue);
  font-weight: 700;
}
.ebook-popup-body .popup-right{
  flex-basis: 42%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--c-light);
  background-image: url('https://www.amerilist.com/wp-content/uploads/2026/08/popup_pallets.svg');
  background-repeat: no-repeat;
  background-position: -8% 50%;
  padding-inline: clamp(1.6rem, 0.2rem + 3vw, 4rem);
  padding-block: 1rem;
}
.ebook-popup-body .popup-right img{
  max-width: 18.125rem;
}
.subscribe-popup .mfp-close:before {
  color: var(--lime-green);
}

.banner-slider .swiper-btn{
  color: var(--white);
  background: var(--dark-gray);
  border-radius: 50%;
  width: 3.125rem;
  height: 3.125rem;
  margin-inline: 2.5rem;
  opacity: 0;
  transition: all 0.2s ease-in-out;
 }
 .banner-slider:hover .swiper-btn{
  opacity: 1;
 }

 .services-wrapper .col-md-12{
    text-align: center;
 }
 .services-wrapper .col-md-12 > p{
    max-width: 960px;
    margin: auto;
 }
 .services-wrapper.text-left .col-md-12{
    text-align: left !important;
 }
 /* card-style-1 design start */
 .card-style-1.services-wrapper .services-box-style-03{
    padding: 1.2rem;
    background: var(--white);
    border-radius: 1rem !important;
    transition: 0.2s all ease-in-out;
 }
 .card-style-1.services-wrapper .services-box-style-03 .bg-white{
  background-color: transparent !important;
 }
 .card-style-1.services-wrapper .services-box-style-03:hover{
  background: var(--dark-gray) !important;
  color: var(--white) !important;
 }
 .card-style-1.services-wrapper .services-box-style-03:hover .service-content a,
 .card-style-1.services-wrapper .services-box-style-03:hover .btn-link{
  color: var(--white) !important;
 }
 .card-style-1.services-wrapper .services-box-style-03>div{
    border-radius: 1rem;
 }
 .card-style-1.services-wrapper .services-box-style-03 .service-content{
    padding-inline: 0;
    padding-block: 1.5rem;
    text-align: left !important;
 }
 .card-style-1.services-wrapper .services-box-style-03 .service-content ~ div.d-flex{
    padding: 0 !important;
    border: 0 !important;
    justify-content: flex-start !important;
 }
 /* card-style-1 design end */

 /* swiper marque start */
 .swiper-marquee .swiper-wrapper {
    transition-timing-function: linear !important;
    margin-block: 4rem;
  }
  .swiper-marquee .logo-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    padding: 0 2.5rem;
  }

  .swiper-marquee .logo-slide img {
    height: 3.75rem;
    max-width: 7.5rem;
    object-fit: contain;
    filter: grayscale(1) opacity(0.55);
    transition: filter 0.3s;
  }

  .swiper-marquee .logo-slide img:hover {
    filter: grayscale(0) opacity(1);
  }
  /* swiper marque end */
  .testimonial-3 .card{
    border-radius: 2rem;
  }
  .testimonial-3 .logo-wrapper{
    min-height: 10rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  .testimonial-3 .logo-wrapper::after{
    content: '';
    position: absolute;
    top: -2.5rem;
    right: -2.5rem;
    width: 9.375rem;
    height: 9.375rem;
    border-radius: 50%;
    background: var(--very-light-gray);
    z-index: -1;
  }
  .testimonial-3 .logo-wrapper> img{
    height: 4.375rem;
    max-width: 8.75rem;
    object-fit: contain;
  }
  .testimonial-3 .content-wrapper{
    padding: 2rem;
  }
  .testimonial-3 .content-wrapper h5{
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0.875rem;
    font-size: 1.35rem;
  }
  /* custom-card-style-2 start*/
  .custom-card-style-2 .row>.col-xl-8{
    width: 100% !important;
  }
  .custom-card-style-2 .feature-box{
    flex-direction: row !important;
    padding: 1.5rem !important;
    align-items: flex-start !important;
    gap: 1.5rem;
  }
  .custom-card-style-2 .feature-box .feature-box-icon img{
    margin: 0 !important;
    max-width: 4.5rem;
    padding: 1rem;
    border-radius: 50%;
    background-color: var(--very-light-gray);
  }
  .custom-card-style-2 .feature-box .feature-box-content{
    text-align: left;
  }
  .featured-card{
    border: 1px solid #dee2e6;
    border-radius: 0.325rem;
    padding: 1rem 1.5rem;
  }
  .featured-card>i.bi{
    font-size: 2rem;
  }
  .custom-card-style-2 .custom-stats-card .feature-box{
    align-items: center !important;
  }
  /* custom-card-style-2 end*/

/* Datacards single new design */

:root {
  --c-navy:      #252840;
  --c-body:      #434653;
  --c-light:     #EFF2F9;
  --c-blue:      #0070AB;
  --c-red:       #E31937;
  --c-green:     #81E92F;
  --c-stats-bg:  #191C33;
  --c-stats-brd: #8C8F9C;
  --grad-brand:  linear-gradient(90deg, #0070AB 0%, #E31937 100%);

  --ff-heading: "Plus Jakarta Sans", sans-serif;
  --ff-body:    "Inter", sans-serif;
  --section-pad: clamp(3.5rem, 6.6vw, 6.25rem) !important;
}
@scope (body.single-datacards) {
 :scope {
  font-family: var(--ff-body);
  font-size: 1.125rem;      
  font-weight: 400;
  line-height: 1.6;
  color: var(--c-body);
}

p { margin: 0; }
p + p { margin-top: 1.6em; }  
a { text-decoration: none; }
img { display: block; max-width: 100%; }
.container {
  max-width: 80.75rem !important;
}
.stats > .container {
  max-width: 60rem !important;
}
}




/* ---------- base / global typography ---------- */



/* ---------- global heading ---------- */
.large-title {
  font-family: var(--ff-heading);
  font-size: clamp(1.75rem, 1.5rem + 1.1vw, 2.5rem);  
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0;
}

/* ---------- color utilities ---------- */
.clr-navy  { color: var(--c-navy); }
.clr-light { color: var(--c-light); }
.clr-green { color: var(--c-green); }

/* ---------- pill buttons ---------- */
.btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: flex-start;
}

.btn-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: 3.75rem;
  font-family: var(--ff-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
  text-transform: uppercase;
  white-space: nowrap;
  transition: transform .2s ease, box-shadow .2s ease;
}
.btn-pill:hover {
  transform: translateY(-0.125rem);
  box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, .15);
}

.btn-pill--gradient { background: var(--grad-brand); color: var(--c-light); }
.btn-pill--gradient:hover { color: var(--c-light); }

.btn-pill--light { background: var(--c-light); color: var(--c-body); font-weight: 500; }
.btn-pill--light:hover { color: var(--c-body); }

.btn-pill--outline {
  background: var(--c-light);
  color: var(--c-body);
  font-weight: 500;
  border: 0.0625rem solid var(--c-body);
}
.btn-pill--outline:hover { color: var(--c-body); }

/* ---------- badge pills ---------- */
.badge-pill {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 62.4375rem;
  font-family: var(--ff-body);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
}
.badge-pill--blue    { background: var(--c-blue);  color: var(--c-light); }
.badge-pill--light   { background: var(--c-light); color: var(--c-body); }
.badge-pill--outline { border: 0.0625rem solid var(--c-light); color: var(--c-light); }

.btn-row .btn.btn-switch-text.btn-large > span {
  padding: 0.75rem 1.5rem;
      gap: 0.4rem;
}
.btn-row .btn {
  font-weight: 600;
}
/* ==========================================================================
   HERO
   ========================================================================== */
.hero {
  /* min-height: 45.875rem;  */
  padding-block: var(--section-pad);
  background-image: url("https://www.amerilist.com/wp-content/uploads/2026/07/hero-bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.hero .container {
  max-width: 100% !important;
  padding-left: calc(calc(100% - 79.75rem) / 2);
}
.hero-content {
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
  justify-content: center;
}
.hero-featured-image {
  border: 8px solid transparent;
    padding: 10px 0 0 10px;
    border-radius: 15px 0 0 0;
    border-bottom: none;
    border-right: none;
    transform: skewX(10deg) translateX(8%);
    outline: 3px solid rgba(37, 40, 64, 0.3);
    overflow: hidden;
    aspect-ratio: 1 / 0.67;
}
.hero-featured-image img {
  border-radius: 10px 0 0 0;
  transform: skewX(-10deg) scale(1.3);
  aspect-ratio: 1 / 0.67;
  object-fit: cover;
}
.hero-copy {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.hero-title {
  font-family: var(--ff-heading);
  font-size: clamp(2rem, 1.5rem + 2vw, 3rem); 
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--c-navy);
  margin: 0;
}
#more_info_modal .modal-header {
  padding: 0;
    border: 0;
}
#more_info_modal .btn-close {
  background-color: var(--gray-3);
    opacity: 1;
    border-radius: 50%;
    background-size: 12px;
}
/* ==========================================================================
   STATS BAR
   ========================================================================== */
.stats {
  background: var(--c-stats-bg);
  min-height: 10.6875rem; 
  padding-block: 1.5rem;
  display: flex;
  align-items: center;
  text-align: center;
}

.stat {
  padding: 0.625rem 1.5rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
  border-right: 0.0625rem solid var(--c-stats-brd);
}
.stat:last-child { border-right: 0; }
.stat-value {
  font-family: var(--ff-heading);
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.65;
  letter-spacing: -0.04em;
  color: var(--c-green);
}
.stat-label {
  font-family: var(--ff-heading);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--c-light);
}

/* ==========================================================================
   DESCRIPTION SUMMARY
   ========================================================================== */
.section-desc {
  background: var(--c-light);
  padding-block: var(--section-pad);
}
.desc-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
.desc-body {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}

.desc-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
}
.side-stat {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.side-stat img { flex-shrink: 0; }
.side-stat-copy {
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
}
.side-stat-value {
  font-family: var(--ff-heading);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--c-navy);
}
.side-stat-label {
  font-family: var(--ff-heading);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--c-body);
  opacity: 0.7;
}

/* ==========================================================================
   RECOMMENDED USAGE
   ========================================================================== */
.section-usage {
  background: var(--c-blue);
  padding-block: clamp(3rem, 5.3vw, 5rem);
}
.usage-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
}
.usage-body p {
  font-family: var(--ff-heading);
  color: var(--c-light);
}
.usage-body .usage-lead { font-weight: 500; }

/* ==========================================================================
   HOW OUR DATA IS COMPILED / CONSIDER THE FACTS
   ========================================================================== */
.split-left {
  background: var(--c-navy);
  padding: clamp(2.5rem, 6vw, 5.625rem) !important;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.split-left p { color: var(--c-light); }
.split-right {
  background: var(--grad-brand);
  padding: clamp(2.5rem, 6vw, 5.625rem) !important;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.facts {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.fact {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.fact img { flex-shrink: 0; }
.fact p { color: var(--c-light); }

/* ==========================================================================
   KEY ATTRIBUTES — CSS grid with spanning
   ========================================================================== */
.section-attrs {
  background: var(--c-light);
  padding-block: var(--section-pad);
}
.section-attrs .container > .row + .row { margin-top: 3.5rem; }

.attrs-head-right {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.attrs-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem;
}
.span-2 { grid-column: span 2; }
.span-4 { grid-column: span 4; }

.attr-card {
  border-radius: 0.75rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.attr-card > img {
  padding-bottom: 1.5rem;
}
.attr-card--dark { background: var(--c-navy); }
.attr-card--red  { background: var(--c-red); }
.attr-label { color: var(--c-light); }

/* ==========================================================================
   POPULAR SELECTS — marquee
   ========================================================================== */
.section-selects {
  background: var(--c-navy);
  padding-block: var(--section-pad);
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  overflow: hidden;
}
.selects-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.select-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-radius: 3.75rem;
  background: var(--c-light);
  font-family: var(--ff-body);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  text-transform: uppercase;
  color: var(--c-body);
  white-space: nowrap;
}

/* ---------- marquee (shared, full-bleed) ---------- */
.marquee {
  overflow: hidden;
  width: 100%;
  --marquee-gap: 1.25rem;
  --marquee-duration: 30s;
}
.marquee-track {
  display: flex;
  align-items: center;
  gap: var(--marquee-gap);
  width: max-content;
  animation: marquee-scroll var(--marquee-duration) linear infinite;
}
.marquee:hover .marquee-track { animation-play-state: paused; }

@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-50% - var(--marquee-gap) / 2)); }
}

@media (prefers-reduced-motion: reduce) {
  .marquee-track { animation: none; }
}

/* ==========================================================================
   TESTIMONIALS
   ========================================================================== */
.section-testi {
  background: var(--c-light);
  padding-block: var(--section-pad);
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}
.testi-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5625rem 1.5rem;
  border-radius: 25rem;
  background: var(--grad-brand);
  font-family: var(--ff-body);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25;
  text-transform: uppercase;
  color: var(--c-light);
  white-space: nowrap;
}
.testi-head-text { line-height: 1.25; }

.marquee--logos { --marquee-gap: 3.75rem; --marquee-duration: 25s; }
.logos-strip { height: 3.4375rem; width: auto; max-width: none; }

.testi-card {
  background: #fff;
  border: 0.0625rem solid rgba(195, 198, 213, 0.3);
  border-radius: 1.5rem;
  padding: 1.5625rem;
  display: flex;
  flex-direction: column;
  gap: 0.6875rem;
  box-shadow: 0 1.25rem 1.875rem rgba(0, 0, 0, 0.08);
}
.testi-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.testi-card-head img {
      aspect-ratio: 1;
    object-fit: cover;
    border-radius: 50%;
}
.testi-name {
  font-family: var(--ff-heading);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.06em;
  color: var(--c-navy);
  white-space: nowrap;
}
.testi-logo-circle {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: #003F2E;
  flex-shrink: 0;
}
.testi-quote {
  font-size: 1rem;
  line-height: 1.62;
}

/* ==========================================================================
   EXPLORE SIMILAR DATACARDS
   ========================================================================== */
.section-explore {
  background: var(--c-navy);
  padding-block: var(--section-pad);
  position: relative;
  overflow: hidden;
}
.section-explore .container { position: relative; z-index: 1; }

.explore-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
.explore-intro {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.explore-text {
  line-height: 1.65;
  color: var(--c-light);
}
.explore-divider {
  width: 100%;
  margin: 0;
  border: 0;
  border-top: 0.0625rem solid rgba(239, 242, 249, 0.4);
  opacity: 1;
}
.explore-cta-copy {
  display: flex;
  flex-direction: column;
  gap: 0.4375rem;
}
.explore-cta-title {
  font-family: var(--ff-body);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--c-green);
}

/* link list — grid, items size themselves */
.explore-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
  align-items: stretch;
}
.explore-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-bottom: 0.75rem;
  border-bottom: 0.0625rem solid rgba(239, 242, 249, 0.5);
  transition: opacity .2s ease;
}
.explore-item:last-child { border-bottom: 0; }
.explore-item:hover { opacity: 0.75; }
.explore-item span {
  flex: 1;
  line-height: 1.25;
  color: var(--c-light);
}
.explore-item img { flex-shrink: 0; }

.explore-ellipse {
  position: absolute;
  width: 37.25rem;
  height: 37.25rem;
  right: -15.0625rem;
  bottom: -23.75rem;
  pointer-events: none;
  z-index: 0;
}

/* New ACF CSS */
@scope (.fs-base) {
    p {
      font-size: 1.125rem;
      font-family: var(--ff-body);
    }
}
.services-title-wrapper {
  margin-bottom: 4rem;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.services-title-wrapper .service-nav {
  display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
}
.services-title-wrapper .service-nav .slide-nav {
      padding: 0.5rem 1.5rem;
      min-height: 3rem;
}
.services-title-wrapper .service-nav .slide-nav.slider-one-slide-next-1 {
  border: 1px solid var(--c-navy);
    border-right: 0px;
    border-radius: 2rem 0 0 2rem;
    background-color: var(--white);
}
.services-title-wrapper .service-nav .slide-nav.slider-one-slide-prev-1 {
    border: none;
    border-radius: 0rem 2rem 2rem 0rem;
    padding: 0.5rem 1.5rem;
    background: linear-gradient(90deg, #0070ab 0%, #e31937 100%) !important;
}
.services-title-wrapper h2 {
 max-width: 71.133rem;
 width: auto;
}
.solution-card .thumbnail {
  aspect-ratio: 1 / 0.5;
    margin-bottom: 1rem;
}
.solution-card .thumbnail img {
  aspect-ratio: 1 / 0.5;
    object-fit: cover;
    border-radius: 1rem;
}
.solution-card .content-header {
  display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    align-items: center;
}
.solution-card .content-header h3 {
  font-size: 1.2rem;
  margin-bottom: 0rem !important;
  letter-spacing: initial;
}
.split-content-sec .split-left {
  width: 50%;
}
.split-content-sec .split-right {
  width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.split-content-sec .split-right p {
    font-size: 1.5rem;
    color: var(--white);
    font-weight: 300;
    line-height: 1.6;
    position: relative;
}
.feature-card {
    position: relative;
}
.feature-card .front-content {
  position: relative;
}
.feature-card .front-content .image img {
    width: 100%;
    aspect-ratio: 1 / 0.62;
    object-fit: cover;
}
.feature-card .front-content h3 {
      color: var(--white);
    font-size: 2rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: 1.25rem 2rem;
    margin-bottom: 0rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: var(--grad-brand);
    transition: 0.4s;
}
.feature-card .hover-content {
      position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 6.25rem 3.75rem;
    transition: 0.4s;
    opacity: 0;
}
.feature-card:hover .hover-content {
  opacity: 1;
} 
.feature-card:hover .front-content h3 {
  opacity: 0;
}
.feature-card .hover-content::before,
.split-content-sec .split-right::before
{
  content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--grad-brand);
    opacity: 0.9;
    z-index: 0;
}
.feature-card .hover-content p {
    font-size: 1.25rem;
    color: var(--white);
    z-index: 1;
    position: relative;
}
.feature-card .hover-content-wrapper {
  position: relative;
  z-index: 1;
}
.feature-card .hover-content-wrapper h3 {
  font-size: 1.5rem;
  font-weight: 800;
  text-transform: uppercase;
   color: var(--white);
}
.info-datacard .info-datacard-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    margin-bottom: 3.25rem;
    padding-bottom: 1rem;
}
.info-datacard .info-datacard-header h2 {
  font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}
.info-datacard .info-datacard-grid {
  display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}
.info-datacard .info-datacard-grid .info-item h3 {
      font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

/* End */
.list-grid-1{
 grid-template-columns: repeat(1, 1fr) !important;
}
.list-grid-1 > li{
flex-direction: column;
gap: 0.625rem !important;
}
.container-right-fluid{
  padding-left: clamp(1.25rem, 4vw, 2rem);
}
header.site-header .container, .top-header .container{
  max-width: 94.5rem !important;
  padding-inline: clamp(1.25rem, 4vw, 2rem) !important;
}
.content-style-1 h3{
	font-size: 1.5rem;
}
.content-style-1 ul{
	margin-bottom: 25px;
}
.content-style-1 ul.checklist-inline li > ul li{
	list-style: disc;
}

/* ==========================================================================
   COLUMN WIDTHS — desktop (row children stack to 100% below lg)
   ========================================================================== */
@media (min-width: 1320px){
  .services-wrapper .container-right-fluid {
    max-width: calc(100% - ((100% - 94.5rem) / 2)) !important;
    margin-left: calc((100% - 94.5rem) / 2);
    margin-right: 0;
  }
}
@media (max-width: 1319px){
  .services-wrapper .container-right-fluid {
    max-width: 100% !important;
  }
}
@media (min-width: 992px) {
  .hero-content    { width: 50%; }  
  .hero-featured-image    { width: 50%; }  
  .desc-main       { width: 62%; }    
  .desc-side       {
    width: 30%;                     
    border-left: 0.0625rem solid var(--c-blue);
    padding-inline: 2.5rem;
  }
  .usage-head      { width: 38%; }
  .usage-body      { width: 56.6%; }  
  .split-left      { width: 61.2%; }  
  .split-right     { width: 38.8%; }
  .attrs-title     { width: 47%; }    
  .attrs-head-right{ width: 47%; }
  .testi-card      { width: calc(100% / 3 - 1rem); }  
  .explore-left    { width: 32.5%; }  
  .explore-list    { width: 61%; }    
}

/* ==========================================================================
   RESPONSIVE — tablet
   ========================================================================== */
@media (max-width: 991.98px) {
  .stat:nth-child(even) { border-right: 0; }

  .desc-side {
    border-top: 0.0625rem solid var(--c-blue);
    padding-top: 2rem;
  }

  .attrs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    grid-auto-rows: auto;
    grid-auto-flow: dense;
  }
  .attr-card { min-height: 10rem; }
  .span-4 { grid-column: span 2; }

  .testi-badge { white-space: normal; text-align: center; }

  .explore-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero .container {
    padding-left: 1rem;
  }
  .hero-featured-image {
    margin-top: 2.5rem;
  }
}

/* ==========================================================================
   RESPONSIVE — mobile
   ========================================================================== */
@media (max-width: 575.98px) {
  body { font-size: 1rem; }

  .hero { min-height: auto; }

  .stat { padding: 0.625rem 1rem 1.25rem; }

  .attrs-grid { grid-template-columns: 1fr; }
  .span-2,
  .span-4 { grid-column: auto; }
  .attr-card { min-height: 9rem; }

  .explore-list { grid-template-columns: 1fr; }
  .explore-item { border-bottom: 0.0625rem solid rgba(239, 242, 249, 0.5); }
  .explore-item:last-child { border-bottom: 0; }

  .testi-badge { width: 100%; }
}

/* end */

@media (min-width: 1025px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 76.25rem !important;
  }
  /* header.site-header .container, .top-header .container {
    max-width: calc(100%) !important;
  } */
}
/* @media (min-width: 1200px) {
  header.site-header .container, .top-header .container {
    max-width: calc(100% - 4rem) !important;
  }
} */

@media (max-width: 1600px) {
  html {
    font-size: 15px;
  }
}
@media (max-width: 1400px) {
  html {
    font-size: 14px;
  }
}

@media (max-width: 1299px) {
  .navbar .navbar-nav .nav-link {
    font-size: 16px;
  }
  header .btn.btn-rounded.btn-large {
    padding: 10px 15px;
    font-size: 12px;
  }
  #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-item
    > a.mega-menu-link {
    font-size: 1rem !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary {
    gap: 0.5rem !important;
  }
	.datacard-filter-list {
		flex-wrap:wrap;
	}
	.datacard-list-wrapper .filter-left {
		width:35%;
	}
}
@media (max-width: 1199px) {
  html {
    font-size: 13px;
  }
  .navbar .navbar-nav .nav-link {
    font-size: 15px;
  }
  header .btn.btn-rounded.btn-large {
    padding: 10px 10px;
    font-size: 11px;
  }
  .custom-navbar .img-fluid {
    width: 11rem;
  }
  #mega-menu-wrap-primary #mega-menu-primary {
    gap: 0rem !important;
  }
  .custom-navbar .btn-gradient-purple-pink .fs-16 {
    font-size: 1rem;
  }
	.feature-card .front-content .image img {
		aspect-ratio: 1 / 0.85;
	}
	
}
@media (max-width: 991px) {
  .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
    width: calc(100% + 30px) !important;
    margin-left: -15px;
    padding: 10px 45px;
    margin-bottom: 0;
    margin-right: -15px;
  }
  .navbar
    .navbar-nav
    .dropdown.dropdown-with-icon-style02
    .dropdown-menu
    li:last-child
    a {
    padding-bottom: 17px;
  }
  [data-mobile-nav-style="full-screen-menu"]
    .navbar-full-screen-menu-inner
    .navbar-nav
    .dropdown.dropdown-with-icon-style02
    .dropdown-menu
    li
    a
    i {
    font-size: 19px;
  }
  header .btn.btn-rounded.btn-large {
    color: var(--dark-gray);
    border-color: var(--extra-medium-gray);
    padding: 10px 15px;
    font-size: 13px;
  }
  html {
    font-size: 15px;
  }
  .container,
  .container-md,
  .container-sm {
    max-width: 100% !important;
  }
  .custom-navbar > div > div {
    gap: 1rem;
  }
  .custom-navbar > div > div > a:not(.btn) {
    flex-grow: 1;
  }
  .custom-navbar
    > div
    > div
    #mega-menu-wrap-primary
    .mega-menu-toggle
    .mega-toggle-blocks-right {
    background: var(--theme-gradient) !important;
  }
  #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-item
    > a.mega-menu-link {
    color: var(--black) !important;
    border-bottom: 1px solid var(--light-medium-gray);
  }
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
    background-color: var(--white) !important;
  }
  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open ~ button.mega-close {
    background: var(--white);
  }
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-item-has-children.mega-toggle-on
    > a.mega-menu-link
    > span.mega-indicator:after {
    transform: rotate(-90deg);
  }
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-grid
    > ul.mega-sub-menu
    > li.mega-menu-row
    > ul.mega-sub-menu
    > .mega-menu-column
    > ul.mega-sub-menu
    > li.mega-menu-item {
    border-bottom: 1px solid var(--light-medium-gray);
  }
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    .mega-description-group
    .mega-menu-description {
    font-style: normal !important;
    font-size: 0.785rem !important;
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > a.mega-menu-link
    + ul.mega-sub-menu
    > li
    > a.mega-menu-link {
    display: flex !important;
    align-items: flex-start !important;
    gap: 1.25rem !important;
    padding-block: 0.4rem !important;
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > a.mega-menu-link
    + ul.mega-sub-menu
    > li
    > a.mega-menu-link
    > img {
    border: 1px solid var(--light-gray) !important;
    border-radius: 3px !important;
    padding: 0.31rem !important;
    width: 30px !important;
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > a.mega-menu-link
    + ul.mega-sub-menu
    > li
    > a.mega-menu-link
    .mega-menu-title {
    color: var(--dark-gray);
    font-size: 1rem;
    font-weight: 700;
  }
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > a.mega-menu-link
    + ul.mega-sub-menu
    > li
    > a.mega-menu-link:hover
    .mega-menu-title,
  #mega-menu-primary
    > li
    > ul.mega-sub-menu
    .mega-menu-columns-9-of-12
    > ul
    > li
    > a.mega-menu-link
    + ul.mega-sub-menu
    > li.mega-current-menu-item
    > a.mega-menu-link
    .mega-menu-title,
  #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-item.mega-current-menu-item
    > a.mega-menu-link,
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-column
    > ul.mega-sub-menu
    > li.mega-menu-item.mega-current-menu-item
    > a.mega-menu-link {
    color: var(--base-color) !important;
  }
  .datacard-list-wrapper .datacard-list,
  .attributes-grid,
  .tabs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .datacard-filter-list {
    flex-wrap: wrap;
  }
  .gradient-icon-card {
    padding: 1.5rem 1.25rem;
  }
  .custom-nav-tabs .nav-link {
    padding: 1.25rem 1rem;
  }
  .tabs-grid .tabs-grid-items {
    padding: 1.5rem;
  }
  .blog-archive {
    padding-right: 1rem !important;
  }
	.grid-3 {
		grid-template-columns: repeat(2, 1fr);
	}
  .banner-slider .swiper-btn{
    margin: 0;
  }
  .custom-card-style-2 .feature-box{
    padding: 1rem !important;
    gap: 1rem;
  }
  .custom-card-style-2 .custom-stats-card .feature-box{
    padding-inline: 0 !important;
  }
  .services-title-wrapper{
    flex-wrap: wrap;
    margin-bottom: 2rem;
  }
  .solution-card .content-header h3{
    font-size: 1rem;
  }
  .services-title-wrapper .service-nav .slide-nav{
    padding: 0.25rem 1rem !important;
    min-height: 38px;
  }
	.feature-card .front-content .image img {
		aspect-ratio: 1 / 0.6;
	}
	.feature-card .front-content h3 {
		font-size: 1.5rem;
	}
	.info-datacard .info-datacard-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width: 768px) {
  .mobile-accordion {
    display: none;
  }
}



@media (max-width: 767px) {
  .portfolio-filter li {
    padding: 0;
  }
  #mega-menu-wrap-primary .mega-menu-toggle {
    transform: scale(0.8);
    margin-right: -5px;
  }
  .datacard-list-wrapper .datacard-list,
  .attributes-grid,
  .tabs-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .vertical-animation-text p,
  .gradient-icon-card h6,
  .gradient-icon-card p {
    font-size: 1rem;
  }
  .datacard-list-wrapper .datacard-list .datacard-item {
    padding-bottom: 1rem;
  }
  .custom-nav-tabs .nav-item:not(:last-child) {
    border-bottom: 1px solid var(--light-gray);
    border-right: 0;
  }
  .custom-nav-tabs .nav-link {
    padding: 1.25rem;
  }
  .custom-nav-tabs,
  .tab-content {
    display: none;
  }
  .datacard-banner h1 {
    font-size: 2rem;
    margin-bottom: 1.25rem !important;
  }
  body.search-results .block-search-results .col-results-post h2 {
    grid-column: span 2;
  }
  .blog-archive .pagination .nav-links{
    gap: 0.825rem
  }
  .blog-archive .pagination .nav-links .page-numbers{
    width: 2.4rem;
    height: 2.4rem;
    font-size: 0.825rem;
  }

  /* pricing table responsive */

  .pricing-table-layout .table,
  .pricing-table-layout thead,
  .pricing-table-layout tbody,
  .pricing-table-layout tr,
  .pricing-table-layout th,
  .pricing-table-layout td {
      display: block;
      width: 100% !important;
  }
  .pricing-table-layout .table{
    border: 1px solid rgba(35, 35, 35, 0.1) !important;
  }

  .pricing-table-layout thead th:first-child {
      display: none;
  }

  .pricing-table-layout thead tr {
      display: flex;
      border-bottom: 1px solid rgba(35, 35, 35, 0.1);
  }

  .pricing-table-layout .pricing-header-cell {
      flex: 1;
      padding: 1rem 0.25rem !important;
      border: none !important;
      border-right: 1px solid rgba(35, 35, 35, 0.1) !important;
  }

  .pricing-table-layout .pricing-header-cell:last-child {
      border-right: none !important;
  }

  .pricing-table-layout .package_title { 
    font-size: 0.8rem;
    margin-bottom: 0 !important; 
  }
  .pricing-table-layout .package-price .amount { font-size: 1.4rem; }
  .pricing-table-layout .package-price-currency{
    max-width: 100%;
  }
  .pricing-table-layout .package-price .currency-symbol{
    margin-top: 0;
  }

  .pricing-table-layout tbody tr {
      display: flex;
      flex-wrap: wrap;
      border-bottom: 0;
  }

  .pricing-table-layout td.row-label {
      width: 100% !important;
      text-align: center;
      border: none !important;
      border-bottom: 1px solid rgba(35, 35, 35, 0.1) !important;
      padding: 0.5rem !important;
      background-color: var(--white);
      font-size: 0.875rem;
  }

  .pricing-table-layout td.row-value {
      flex: 1;
      width: auto !important;
      border: none !important;
      border-right: 1px solid rgba(35, 35, 35, 0.1) !important;
      padding: 0.75rem 0 !important;
      font-size: 0.875rem;
  }

  .pricing-table-layout .row-value:last-child {
      border-right: none !important;
  }

  .pricing-table-layout .category-header {
      width: 100% !important;
      text-align: center !important;
      padding: 0.75rem !important;
  }
.block-search-results .col-results {
  	grid-template-columns: repeat(1, 1fr);
  	gap: 1rem;
}
	body.search-results .block-search-results .col-results-post h2 {
    grid-column: span 1;
  }
  /* pricing table end */
.grid-3 {
		grid-template-columns: repeat(1, 1fr);
	}
	.datacard-banner {
		max-height: 25rem;
    	min-height: 25rem;
	}
  .banner-slider .swiper-btn{
    display: none;
  }
  .testimonial-3 .content-wrapper{
    padding: 1rem;
  }
  .services-title-wrapper .service-nav .slide-nav svg{
    width: 18px;
  }
	.feature-card .hover-content {
		padding: 1.5rem 1.25rem 0;
	}
	    .feature-card .front-content .image img {
        aspect-ratio: 1 / 1;
    }
	.feature-card .front-content h3 {
		margin-bottom:0rem !important;
		font-size: 1.25rem;
	}
	.split-content-sec .split-left,
	.split-content-sec .split-right
 {
		width: 100%;
		padding: 2.5rem 1.25rem !important;
	}
	.info-datacard .info-datacard-grid {
		grid-template-columns: repeat(1, 1fr);
	}
	   
	.datacard-list-wrapper {
		flex-direction: column;
		gap: 2rem;
	}
	.datacard-list-wrapper .filter-left {
		width: 100%;
	}
	.datacard-list-wrapper .datacard-list .datacard-item a {
		font-size:1rem;
	}
  .ebook-popup-body{
    flex-direction: column-reverse;
  }
  .ebook-popup-body .popup-right img{
    max-width: 15rem;
  }
  .ebook-popup-body .popup-right{
    background-position: -2% 50%;
  }
  .content-style-1 h3{
	font-size: 1.25rem;
   }
}