:root {
  --container-padding: 12px;
  --content-width: calc(1268px + (2 * var(--container-padding)));
  --grid-row-gap: 12px;
  --grid-column-gap: 12px; }
  @media (min-width: 460px) {
    :root {
      --grid-row-gap: 12px;
      --grid-column-gap: 12px;
      --container-padding: 12px; } }
  @media (min-width: 990px) {
    :root {
      --grid-row-gap: 16px;
      --grid-column-gap: 16px;
      --container-padding: 16px; } }
  @media (min-width: 1200px) {
    :root {
      --grid-row-gap: 26px;
      --grid-column-gap: 26px;
      --container-padding: 26px; } }
.container {
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  width: 100%;
  margin: 0 auto; }
  .container:not(.container--fluid) {
    max-width: var(--content-width); }

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: var(--grid-row-gap) var(--grid-column-gap); }
  .grid.no-gap {
    grid-gap: 0 0; }
  .grid.no-row-gap {
    grid-row-gap: 0; }
  .grid.no-column-gap {
    grid-column-gap: 0; }

.col-0 {
  grid-column-end: span 0; }

.offset-0 {
  grid-column-start: 1; }

.col-1 {
  grid-column-end: span 1; }

.offset-1 {
  grid-column-start: 2; }

.col-2 {
  grid-column-end: span 2; }

.offset-2 {
  grid-column-start: 3; }

.col-3 {
  grid-column-end: span 3; }

.offset-3 {
  grid-column-start: 4; }

.col-4 {
  grid-column-end: span 4; }

.offset-4 {
  grid-column-start: 5; }

.col-5 {
  grid-column-end: span 5; }

.offset-5 {
  grid-column-start: 6; }

.col-6 {
  grid-column-end: span 6; }

.offset-6 {
  grid-column-start: 7; }

.col-7 {
  grid-column-end: span 7; }

.offset-7 {
  grid-column-start: 8; }

.col-8 {
  grid-column-end: span 8; }

.offset-8 {
  grid-column-start: 9; }

.col-9 {
  grid-column-end: span 9; }

.offset-9 {
  grid-column-start: 10; }

.col-10 {
  grid-column-end: span 10; }

.offset-10 {
  grid-column-start: 11; }

.col-11 {
  grid-column-end: span 11; }

.offset-11 {
  grid-column-start: 12; }

.col-12 {
  grid-column-end: span 12; }

.offset-12 {
  grid-column-start: 13; }

@media (min-width: 460px) {
  .col-xs-0 {
    grid-column-end: span 0; }
  .offset-xs-0 {
    grid-column-start: 1; }
  .col-xs-1 {
    grid-column-end: span 1; }
  .offset-xs-1 {
    grid-column-start: 2; }
  .col-xs-2 {
    grid-column-end: span 2; }
  .offset-xs-2 {
    grid-column-start: 3; }
  .col-xs-3 {
    grid-column-end: span 3; }
  .offset-xs-3 {
    grid-column-start: 4; }
  .col-xs-4 {
    grid-column-end: span 4; }
  .offset-xs-4 {
    grid-column-start: 5; }
  .col-xs-5 {
    grid-column-end: span 5; }
  .offset-xs-5 {
    grid-column-start: 6; }
  .col-xs-6 {
    grid-column-end: span 6; }
  .offset-xs-6 {
    grid-column-start: 7; }
  .col-xs-7 {
    grid-column-end: span 7; }
  .offset-xs-7 {
    grid-column-start: 8; }
  .col-xs-8 {
    grid-column-end: span 8; }
  .offset-xs-8 {
    grid-column-start: 9; }
  .col-xs-9 {
    grid-column-end: span 9; }
  .offset-xs-9 {
    grid-column-start: 10; }
  .col-xs-10 {
    grid-column-end: span 10; }
  .offset-xs-10 {
    grid-column-start: 11; }
  .col-xs-11 {
    grid-column-end: span 11; }
  .offset-xs-11 {
    grid-column-start: 12; }
  .col-xs-12 {
    grid-column-end: span 12; }
  .offset-xs-12 {
    grid-column-start: 13; }
  .hide-xs-up {
    display: none; } }

@media (max-width: 459px) {
  .hide-xs-down {
    display: none; }
  .hide-xs-down {
    display: none; }
  .hide-xs-down {
    display: none; }
  .hide-xs-down {
    display: none; }
  .hide-xs-down {
    display: none; }
  .hide-xs-down {
    display: none; }
  .hide-xs-down {
    display: none; }
  .hide-xs-down {
    display: none; }
  .hide-xs-down {
    display: none; }
  .hide-xs-down {
    display: none; }
  .hide-xs-down {
    display: none; }
  .hide-xs-down {
    display: none; }
  .hide-xs-down {
    display: none; } }

@media (min-width: 545px) {
  .col-sm-0 {
    grid-column-end: span 0; }
  .offset-sm-0 {
    grid-column-start: 1; }
  .col-sm-1 {
    grid-column-end: span 1; }
  .offset-sm-1 {
    grid-column-start: 2; }
  .col-sm-2 {
    grid-column-end: span 2; }
  .offset-sm-2 {
    grid-column-start: 3; }
  .col-sm-3 {
    grid-column-end: span 3; }
  .offset-sm-3 {
    grid-column-start: 4; }
  .col-sm-4 {
    grid-column-end: span 4; }
  .offset-sm-4 {
    grid-column-start: 5; }
  .col-sm-5 {
    grid-column-end: span 5; }
  .offset-sm-5 {
    grid-column-start: 6; }
  .col-sm-6 {
    grid-column-end: span 6; }
  .offset-sm-6 {
    grid-column-start: 7; }
  .col-sm-7 {
    grid-column-end: span 7; }
  .offset-sm-7 {
    grid-column-start: 8; }
  .col-sm-8 {
    grid-column-end: span 8; }
  .offset-sm-8 {
    grid-column-start: 9; }
  .col-sm-9 {
    grid-column-end: span 9; }
  .offset-sm-9 {
    grid-column-start: 10; }
  .col-sm-10 {
    grid-column-end: span 10; }
  .offset-sm-10 {
    grid-column-start: 11; }
  .col-sm-11 {
    grid-column-end: span 11; }
  .offset-sm-11 {
    grid-column-start: 12; }
  .col-sm-12 {
    grid-column-end: span 12; }
  .offset-sm-12 {
    grid-column-start: 13; }
  .hide-sm-up {
    display: none; } }

@media (max-width: 544px) {
  .hide-sm-down {
    display: none; }
  .hide-sm-down {
    display: none; }
  .hide-sm-down {
    display: none; }
  .hide-sm-down {
    display: none; }
  .hide-sm-down {
    display: none; }
  .hide-sm-down {
    display: none; }
  .hide-sm-down {
    display: none; }
  .hide-sm-down {
    display: none; }
  .hide-sm-down {
    display: none; }
  .hide-sm-down {
    display: none; }
  .hide-sm-down {
    display: none; }
  .hide-sm-down {
    display: none; }
  .hide-sm-down {
    display: none; } }

@media (min-width: 990px) {
  .col-md-0 {
    grid-column-end: span 0; }
  .offset-md-0 {
    grid-column-start: 1; }
  .col-md-1 {
    grid-column-end: span 1; }
  .offset-md-1 {
    grid-column-start: 2; }
  .col-md-2 {
    grid-column-end: span 2; }
  .offset-md-2 {
    grid-column-start: 3; }
  .col-md-3 {
    grid-column-end: span 3; }
  .offset-md-3 {
    grid-column-start: 4; }
  .col-md-4 {
    grid-column-end: span 4; }
  .offset-md-4 {
    grid-column-start: 5; }
  .col-md-5 {
    grid-column-end: span 5; }
  .offset-md-5 {
    grid-column-start: 6; }
  .col-md-6 {
    grid-column-end: span 6; }
  .offset-md-6 {
    grid-column-start: 7; }
  .col-md-7 {
    grid-column-end: span 7; }
  .offset-md-7 {
    grid-column-start: 8; }
  .col-md-8 {
    grid-column-end: span 8; }
  .offset-md-8 {
    grid-column-start: 9; }
  .col-md-9 {
    grid-column-end: span 9; }
  .offset-md-9 {
    grid-column-start: 10; }
  .col-md-10 {
    grid-column-end: span 10; }
  .offset-md-10 {
    grid-column-start: 11; }
  .col-md-11 {
    grid-column-end: span 11; }
  .offset-md-11 {
    grid-column-start: 12; }
  .col-md-12 {
    grid-column-end: span 12; }
  .offset-md-12 {
    grid-column-start: 13; }
  .hide-md-up {
    display: none; } }

@media (max-width: 989px) {
  .hide-md-down {
    display: none; }
  .hide-md-down {
    display: none; }
  .hide-md-down {
    display: none; }
  .hide-md-down {
    display: none; }
  .hide-md-down {
    display: none; }
  .hide-md-down {
    display: none; }
  .hide-md-down {
    display: none; }
  .hide-md-down {
    display: none; }
  .hide-md-down {
    display: none; }
  .hide-md-down {
    display: none; }
  .hide-md-down {
    display: none; }
  .hide-md-down {
    display: none; }
  .hide-md-down {
    display: none; } }

@media (min-width: 1200px) {
  .col-lg-0 {
    grid-column-end: span 0; }
  .offset-lg-0 {
    grid-column-start: 1; }
  .col-lg-1 {
    grid-column-end: span 1; }
  .offset-lg-1 {
    grid-column-start: 2; }
  .col-lg-2 {
    grid-column-end: span 2; }
  .offset-lg-2 {
    grid-column-start: 3; }
  .col-lg-3 {
    grid-column-end: span 3; }
  .offset-lg-3 {
    grid-column-start: 4; }
  .col-lg-4 {
    grid-column-end: span 4; }
  .offset-lg-4 {
    grid-column-start: 5; }
  .col-lg-5 {
    grid-column-end: span 5; }
  .offset-lg-5 {
    grid-column-start: 6; }
  .col-lg-6 {
    grid-column-end: span 6; }
  .offset-lg-6 {
    grid-column-start: 7; }
  .col-lg-7 {
    grid-column-end: span 7; }
  .offset-lg-7 {
    grid-column-start: 8; }
  .col-lg-8 {
    grid-column-end: span 8; }
  .offset-lg-8 {
    grid-column-start: 9; }
  .col-lg-9 {
    grid-column-end: span 9; }
  .offset-lg-9 {
    grid-column-start: 10; }
  .col-lg-10 {
    grid-column-end: span 10; }
  .offset-lg-10 {
    grid-column-start: 11; }
  .col-lg-11 {
    grid-column-end: span 11; }
  .offset-lg-11 {
    grid-column-start: 12; }
  .col-lg-12 {
    grid-column-end: span 12; }
  .offset-lg-12 {
    grid-column-start: 13; }
  .hide-lg-up {
    display: none; } }

@media (max-width: 1199px) {
  .hide-lg-down {
    display: none; }
  .hide-lg-down {
    display: none; }
  .hide-lg-down {
    display: none; }
  .hide-lg-down {
    display: none; }
  .hide-lg-down {
    display: none; }
  .hide-lg-down {
    display: none; }
  .hide-lg-down {
    display: none; }
  .hide-lg-down {
    display: none; }
  .hide-lg-down {
    display: none; }
  .hide-lg-down {
    display: none; }
  .hide-lg-down {
    display: none; }
  .hide-lg-down {
    display: none; }
  .hide-lg-down {
    display: none; } }

:root {
  --white: #FFFFFF;
  --black: #000000;
  --yellow: #FDB813;
  --dark: #161616;
  --font-primary: "Inter", sans-serif; }

*:focus,
*:focus-visible {
  outline: none; }

body {
  background-color: var(--white);
  color: var(--black);
  font-family: var(--font-primary);
  font-size: 16px;
  overflow-x: hidden; }

a {
  text-decoration: none;
  color: var(--black); }

.hidden {
  display: none; }

p {
  font-size: 16px;
  line-height: 28px;
  margin: 0 0 24px;
  font-weight: 300; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-secondary);
  margin: 0 0 30px; }

img {
  max-width: 100%; }

strong {
  font-weight: 700 !important; }

*,
*:before,
*:after {
  box-sizing: border-box; }

\:root {
  -moz-tab-size: 4;
  tab-size: 4; }

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

hr {
  height: 0;
  color: inherit; }

abbr[title] {
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

table {
  text-indent: 0;
  border-color: inherit; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
select {
  text-transform: none; }

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; }

::-moz-focus-inner {
  border-style: none;
  padding: 0; }

\:-moz-focusring {
  outline: none; }

\:-moz-ui-invalid {
  box-shadow: none; }

legend {
  padding: 0; }

progress {
  vertical-align: baseline; }

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto; }

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

summary {
  display: list-item; }

h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0; }

.header {
  position: relative;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1); }
  .header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
    padding-bottom: 16px; }

.logo img {
  width: 250px; }

.cart {
  width: 250px; }

@media (max-width: 989px) {
  nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--white);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000; }
    nav.active {
      display: block; } }

nav ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 30px; }
  @media (max-width: 989px) {
    nav ul {
      flex-direction: column;
      padding: 20px;
      gap: 20px; } }
  nav ul li a {
    color: var(--black);
    font-weight: 500;
    font-size: 16px;
    transition: color 0.1s; }
    @media (max-width: 989px) {
      nav ul li a {
        font-size: 18px; } }
    nav ul li a:hover {
      color: var(--yellow); }

.hamburger {
  display: none;
  cursor: pointer;
  margin-right: 20px; }
  @media (max-width: 989px) {
    .hamburger {
      display: block; } }
  .hamburger span {
    display: block;
    width: 30px;
    height: 3px;
    background-color: var(--black);
    margin: 5px 0;
    transition: all 0.3s ease-in-out; }

.hero {
  background: url("https://billbuster.energy/wp-content/uploads/2025/07/bg-kv.jpg") no-repeat center center;
  color: var(--black);
  padding: 2rem;
  text-align: center;
  padding: 100px 0;
  background-size: cover;
  color: var(--white);
  position: relative; }
  @media (max-width: 989px) {
    .hero {
      padding: 50px 0 30px; } }
  .hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); }
  .hero__content {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 1; }
  .hero__subtitle {
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 8px;
    color: var(--black);
    background-color: var(--yellow); }
  .hero h1 {
    font-size: 42px;
    margin: 20px 0; }
    .hero h1 span {
      display: block;
      color: var(--yellow); }
  .hero p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400; }

.footer {
  background-color: #161616;
  color: #FFFFFF;
  padding: 40px 0; }
  @media (max-width: 989px) {
    .footer {
      padding: 20px 0;
      text-align: center; } }
  .footer h4 {
    font-size: 24px;
    margin-bottom: 5px; }
  .footer p {
    font-size: 14px;
    margin-bottom: 0;
    color: #99A1AF; }
  .footer hr {
    border: 0;
    border-top: 1px solid #99A1AF;
    margin: 40px 0;
    opacity: 0.5; }
  .footer .col-md-4 {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .footer__bottom {
    display: flex;
    justify-content: space-between;
    text-align: center;
    font-size: 14px;
    color: #99A1AF;
    margin-top: 20px; }
    @media (max-width: 989px) {
      .footer__bottom {
        flex-direction: column;
        align-items: center; } }
    .footer__bottom ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      gap: 20px; }
      @media (max-width: 989px) {
        .footer__bottom ul {
          flex-direction: column;
          align-items: center;
          margin-top: 20px; } }
      .footer__bottom ul li a {
        color: #99A1AF;
        text-decoration: none;
        transition: color 0.2s; }
        .footer__bottom ul li a:hover {
          color: var(--yellow); }

.timer {
  background-color: var(--yellow);
  color: var(--white); }
  .timer__content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 26px 0; }
    @media (max-width: 989px) {
      .timer__content {
        flex-direction: column; } }
    .timer__content p {
      margin: 0 20px 0 0;
      font-weight: 400;
      font-size: 20px;
      padding-left: 30px;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2_566)'%3E%3Cpath d='M7.5 3.75V7.25L9.83333 8.41667' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.49996 13.0833C10.7216 13.0833 13.3333 10.4717 13.3333 7.24999C13.3333 4.02833 10.7216 1.41666 7.49996 1.41666C4.2783 1.41666 1.66663 4.02833 1.66663 7.24999C1.66663 10.4717 4.2783 13.0833 7.49996 13.0833Z' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_566'%3E%3Crect width='14' height='14' fill='white' transform='translate(0.5 0.25)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
      background-position: left center;
      background-repeat: no-repeat;
      background-size: 20px; }
      @media (max-width: 989px) {
        .timer__content p {
          margin-bottom: 20px; } }
  .timer__countdown {
    display: flex;
    gap: 10px; }
    .timer__countdown span {
      background: var(--white);
      color: var(--yellow);
      padding: 5px 10px;
      border-radius: 5px;
      font-size: 24px; }

.tag {
  display: inline-block;
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 8px;
  color: var(--black);
  background-color: var(--yellow);
  margin-bottom: 13px; }

.features {
  background-color: var(--dark);
  color: var(--white);
  padding: 55px 0; }
  .features h2 {
    margin-bottom: 13px;
    font-size: 36px; }
  .features img {
    width: 100%;
    box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
    border-radius: 14px; }
  .features__list {
    list-style: none;
    padding: 0;
    margin: 0; }
    .features__list li {
      margin-bottom: 30px;
      padding-left: 70px;
      display: flex;
      min-height: 56px;
      flex-direction: column;
      justify-content: center; }
      .features__list li h4 {
        margin: 0 0 5px;
        font-size: 18px; }
      .features__list li p {
        margin: 0;
        padding: 0;
        font-size: 14px; }
      .features__list li.ic-1 {
        position: relative; }
        .features__list li.ic-1::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 40px;
          height: 40px;
          background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.66662 16.8334C4.44584 16.8341 4.22939 16.7722 4.0424 16.6548C3.85541 16.5375 3.70556 16.3694 3.61026 16.1703C3.51496 15.9711 3.47813 15.749 3.50403 15.5298C3.52994 15.3105 3.61753 15.1031 3.75662 14.9317L15.3066 3.03169C15.3933 2.93169 15.5113 2.86411 15.6414 2.84005C15.7715 2.81599 15.906 2.83688 16.0226 2.89928C16.1393 2.96169 16.2313 3.06191 16.2835 3.18349C16.3357 3.30507 16.345 3.44078 16.3099 3.56836L14.07 10.5917C14.0039 10.7685 13.9817 10.9586 14.0053 11.1459C14.0289 11.3331 14.0976 11.5118 14.2054 11.6667C14.3132 11.8216 14.457 11.948 14.6244 12.035C14.7919 12.1221 14.9779 12.1673 15.1666 12.1667H23.3333C23.5541 12.1659 23.7705 12.2278 23.9575 12.3452C24.1445 12.4626 24.2943 12.6306 24.3896 12.8298C24.4849 13.0289 24.5218 13.251 24.4959 13.4703C24.47 13.6895 24.3824 13.8969 24.2433 14.0684L12.6933 25.9684C12.6066 26.0684 12.4886 26.1359 12.3585 26.16C12.2284 26.1841 12.0939 26.1632 11.9773 26.1008C11.8606 26.0384 11.7686 25.9381 11.7164 25.8166C11.6642 25.695 11.6549 25.5593 11.69 25.4317L13.9299 18.4084C13.996 18.2316 14.0182 18.0414 13.9946 17.8542C13.971 17.667 13.9023 17.4882 13.7945 17.3334C13.6867 17.1785 13.5429 17.0521 13.3755 16.965C13.208 16.8779 13.022 16.8327 12.8333 16.8334H4.66662Z' stroke='%23FDB813' stroke-width='2.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
          background-color: #453716;
          background-repeat: no-repeat;
          background-position: center;
          border-radius: 50%;
          width: 56px;
          height: 56px; }
      .features__list li.ic-2 {
        position: relative; }
        .features__list li.ic-2::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 40px;
          height: 40px;
          background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.3333 15.6666C23.3333 21.5 19.25 24.4166 14.3966 26.1083C14.1425 26.1944 13.8664 26.1903 13.615 26.0966C8.74996 24.4166 4.66663 21.5 4.66663 15.6666V7.49995C4.66663 7.19054 4.78954 6.89379 5.00833 6.675C5.22713 6.4562 5.52387 6.33329 5.83329 6.33329C8.16663 6.33329 11.0833 4.93329 13.1133 3.15995C13.3605 2.94879 13.6749 2.83276 14 2.83276C14.325 2.83276 14.6395 2.94879 14.8866 3.15995C16.9283 4.94495 19.8333 6.33329 22.1666 6.33329C22.476 6.33329 22.7728 6.4562 22.9916 6.675C23.2104 6.89379 23.3333 7.19054 23.3333 7.49995V15.6666Z' stroke='%23FDB813' stroke-width='2.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
          background-color: #453716;
          background-repeat: no-repeat;
          background-position: center;
          border-radius: 50%;
          width: 56px;
          height: 56px; }
      .features__list li.ic-3 {
        position: relative; }
        .features__list li.ic-3::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 40px;
          height: 40px;
          background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0565 15.5383L19.824 25.4853C19.8438 25.6025 19.8273 25.7228 19.7768 25.8304C19.7264 25.9379 19.6443 26.0275 19.5415 26.0871C19.4388 26.1467 19.3203 26.1735 19.2019 26.164C19.0835 26.1544 18.9708 26.109 18.879 26.0337L14.7023 22.8988C14.5007 22.7482 14.2557 22.6668 14.004 22.6668C13.7524 22.6668 13.5074 22.7482 13.3058 22.8988L9.12212 26.0325C9.03033 26.1077 8.91779 26.1531 8.79953 26.1626C8.68127 26.1722 8.56291 26.1455 8.46023 26.086C8.35755 26.0266 8.27544 25.9372 8.22486 25.8299C8.17428 25.7226 8.15762 25.6024 8.17712 25.4853L9.94345 15.5383' stroke='%23FDB813' stroke-width='2.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 16.8333C17.866 16.8333 21 13.6992 21 9.83325C21 5.96726 17.866 2.83325 14 2.83325C10.134 2.83325 7 5.96726 7 9.83325C7 13.6992 10.134 16.8333 14 16.8333Z' stroke='%23FDB813' stroke-width='2.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
          background-color: #453716;
          background-repeat: no-repeat;
          background-position: center;
          border-radius: 50%;
          width: 56px;
          height: 56px; }

.blog-section {
  padding: 80px 0; }
  .blog-section__header {
    text-align: center;
    margin-bottom: 50px; }
    .blog-section__header h2 {
      font-size: 36px;
      margin-bottom: 10px; }
    .blog-section__header p {
      font-size: 18px;
      color: var(--dark);
      font-weight: 400; }
  .blog-section__footer {
    text-align: center;
    display: block;
    margin: 60px 0 0; }
    .blog-section__footer a {
      color: var(--dark);
      background-color: var(--yellow);
      padding: 10px 20px;
      border-radius: 8px;
      font-weight: 500;
      font-size: 16px;
      transition: color 0.1s; }
      .blog-section__footer a:hover {
        color: var(--dark); }

.article__box {
  display: flex;
  align-items: center;
  gap: 30px; }
  @media (max-width: 989px) {
    .article__box {
      flex-direction: column;
      gap: 0;
      margin-bottom: 30px; } }
  .article__box img {
    width: 100%;
    border-radius: 14px;
    margin-bottom: 20px;
    height: auto; }
    @media (min-width: 990px) {
      .article__box img {
        max-width: 405px; } }
  .article__box .date {
    display: block;
    color: #99A1AF;
    font-size: 14px;
    margin-bottom: 10px; }
  .article__box h3 {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 10px; }
    .article__box h3 a {
      color: var(--black);
      transition: color 0.1s; }
      .article__box h3 a:hover {
        color: var(--yellow); }
  .article__box p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 20px;
    color: var(--grey); }
  .article__box a {
    color: var(--yellow);
    transition: color 0.1s; }
    .article__box a:hover {
      color: var(--dark); }

.newsletter {
  background-color: var(--yellow);
  color: var(--black);
  padding: 70px 0;
  text-align: center; }
  .newsletter__content {
    max-width: 600px;
    margin: 0 auto; }
    .newsletter__content h2 {
      font-size: 36px;
      margin-bottom: 20px; }
    .newsletter__content p {
      font-size: 18px;
      margin-bottom: 30px; }
  .newsletter .form {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px; }
    .newsletter .form input {
      padding: 12px 16px;
      border: 1px solid var(--dark);
      border-radius: 8px 0 0 8px;
      outline: none;
      flex: 1; }
      .newsletter .form input::placeholder {
        color: var(--grey); }
      @media (max-width: 989px) {
        .newsletter .form input {
          width: 100%; } }
    .newsletter .form button {
      padding: 12px 24px;
      border: none;
      border-radius: 0 8px 8px 0;
      background-color: var(--dark);
      color: var(--white);
      cursor: pointer;
      transition: background-color 0.3s; }
      .newsletter .form button:hover {
        background-color: var(--yellow); }

div.page {
  padding: 40px 0;
  border-bottom: 1px solid #E5E5E5; }
  div.page .img {
    border-radius: 14px;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
    height: 450px;
    position: relative; }
    div.page .img img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: auto; }
    @media (max-width: 989px) {
      div.page .img {
        height: auto; }
        div.page .img img {
          position: relative;
          top: 0;
          left: 0;
          transform: none;
          width: 100%;
          height: auto; } }
  div.page .time {
    font-size: 14px;
    color: #99A1AF;
    margin-bottom: 10px;
    display: block;
    margin-bottom: 10px; }
  div.page h1 {
    font-size: 32px;
    margin-bottom: 20px; }
  div.page ol li,
  div.page ul li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px; }
  div.page h1 {
    position: relative;
    margin-bottom: 40px; }
    div.page h1:before {
      content: "";
      border-bottom: 4px #FDB813 solid;
      left: 0;
      bottom: -22px;
      width: 60px;
      height: 1px;
      display: inline-block;
      position: absolute; }
  div.page h2 {
    margin-bottom: 20px;
    line-height: 52px; }
  div.page ul {
    margin-bottom: 20px; }
  div.page blockquote {
    border-left: 5px solid #000;
    padding: 20px 30px;
    margin: 0 0 20px; }
    div.page blockquote p {
      margin: 0;
      font-style: italic;
      font-size: 24px;
      line-height: 34px; }
  div.page p a {
    color: #d79700;
    text-decoration: underline; }
    div.page p a:hover {
      text-decoration: none; }

.newsletter .wpcf7-form {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px; }
  .newsletter .wpcf7-form .wpcf7-form-control-wrap {
    flex: 1; }
  .newsletter .wpcf7-form input[type="email"] {
    padding: 12px 16px;
    border: 1px solid var(--dark);
    border-radius: 8px 0 0 8px;
    outline: none;
    width: 100%; }
    .newsletter .wpcf7-form input[type="email"]::placeholder {
      color: var(--grey); }
  .newsletter .wpcf7-form input[type="submit"] {
    padding: 12px 24px;
    border: none;
    border-radius: 0 8px 8px 0;
    background-color: var(--dark);
    color: var(--white);
    cursor: pointer;
    transition: background-color 0.3s; }
    .newsletter .wpcf7-form input[type="submit"]:hover {
      background-color: var(--yellow); }

.newsletter .wpcf7-spinner {
  display: none; }

.greybox {
  padding: 30px;
  background: #efefef;
  border-radius: 10px; }

.about label,
.about-section label {
  display: inline-block;
  background-color: #FDB813;
  color: #000;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  margin-bottom: 14px; }

.about-header,
.about-section-header {
  padding: 50px 0 10px;
  text-align: center; }
  .about-header h1,
  .about-section-header h1 {
    font-size: 36px;
    margin-bottom: 13px; }

.about h1 span,
.about-section h1 span {
  display: block;
  color: var(--yellow); }

.about h2,
.about-section h2 {
  margin-bottom: 13px;
  font-size: 24px; }

.about h4,
.about-section h4 {
  font-size: 18px; }

.about ul,
.about-section ul {
  margin: 0 0 30px 17px;
  padding: 0; }
  .about ul li,
  .about-section ul li {
    margin-bottom: 10px; }

.about .section,
.about-section .section {
  padding: 56px 0; }
  .about .section .col-md-6 img,
  .about-section .section .col-md-6 img {
    width: 100%;
    height: auto;
    border-radius: 14px;
    box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25); }

.about ol,
.about-section ol {
  counter-reset: item;
  list-style: none;
  margin: 0;
  padding: 0; }
  .about ol > li,
  .about-section ol > li {
    counter-increment: item;
    position: relative;
    padding-left: 70px;
    margin: 0 0 40px;
    min-height: 56px;
    font-size: 16px;
    line-height: 28px; }
    .about ol > li h4,
    .about-section ol > li h4 {
      font-size: 18px;
      margin: 0 0 5px; }
    .about ol > li::before,
    .about-section ol > li::before {
      content: counter(item, decimal);
      position: absolute;
      left: 0;
      top: 0;
      width: 56px;
      height: 56px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      background: rgba(253, 184, 19, 0.2);
      color: #ffffff;
      font-weight: 700;
      font-size: 0.95rem; }

.about-section {
  padding: 55px 0;
  background-color: #161616;
  color: #fff; }

.icon-items {
  text-align: center;
  margin-top: 20px;
  padding-top: 0 !important; }
  .icon-items ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 28px; }
  .icon-items img {
    margin-bottom: 12px; }
  .icon-items h4 {
    margin-bottom: 12px; }
  .icon-items p {
    font-size: 12px;
    line-height: 21px; }

.about-section-small {
  padding: 0; }

.about-section-block {
  padding: 0;
  background: rgba(253, 184, 19, 0.2);
  text-align: center; }

blockquote {
  padding: 12px 16px;
  color: #000;
  font-family: Georgia, 'Times New Roman', Times, serif;
  padding: 0;
  margin: 0; }
  blockquote p {
    margin: 0;
    font-size: 38px !important;
    line-height: 1.2; }

.tml-action div.page {
  margin: 0 auto;
  max-width: 400px; }

.tml input:not([type="checkbox"]):not([type="radio"]) {
  margin-bottom: 10px;
  background-color: white;
  border-radius: 4px;
  border: 2px solid #ededee;
  font-family: inherit;
  padding: 10px 10px;
  box-sizing: border-box !important;
  width: 100%;
  font-size: initial;
  clear: both; }

.tml button {
  padding: 12px 24px;
  border: none;
  border-radius: 8px 8px;
  background-color: var(--dark);
  color: var(--white);
  cursor: pointer;
  transition: background-color 0.3s; }
  .tml button:hover {
    background-color: var(--yellow); }

.about-yellow {
  background: rgba(253, 184, 19, 0.2); }
  .about-yellow .icon-items ul li {
    border: 1px #FDB813 solid;
    border-radius: 10px;
    padding: 30px; }
    .about-yellow .icon-items ul li p {
      margin: 0; }

.about-grey {
  background: #161616;
  color: #fff; }
  .about-grey .icon-items ul li {
    border: 0;
    border-radius: 10px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.1); }
    .about-grey .icon-items ul li h4 {
      font-size: 26px; }
    .about-grey .icon-items ul li p {
      margin: 0; }

.contact-form form {
  margin-top: 30px; }

.contact-form label {
  font-weight: bold; }

.contact-form input,
.contact-form textarea {
  margin-bottom: 10px;
  background-color: white;
  border-radius: 4px;
  border: 2px solid #ededee;
  font-family: inherit;
  padding: 10px 10px;
  box-sizing: border-box !important;
  width: 100%;
  font-size: initial;
  clear: both; }
  .contact-form input:focus,
  .contact-form textarea:focus {
    border-color: var(--yellow);
    outline: none; }

.contact-form .wpcf7-submit {
  background: var(--yellow);
  color: #fff;
  border: none;
  padding: 12px 16px;
  border-radius: 4px;
  cursor: pointer; }

.wpcf7-list-item {
  margin: 0; }
  .wpcf7-list-item label {
    background: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: normal; }
  .wpcf7-list-item input {
    float: left;
    width: auto;
    margin: 7px 10px 0 0px; }