/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
button, hr, input {
    overflow: visible
}

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

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block
}

hr {
    box-sizing: content-box;
    height: 0
}

code, kbd, pre, samp {
    font-family: monospace, monospace
}

a {
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    color: unset
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

sub, sup {
    line-height: 0;
    position: relative
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

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

button, select {
    text-transform: none
}

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

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: ButtonText dotted 1px
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

summary {
    display: list-item
}

[hidden], template {
    display: none
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, button, input, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: 0
}

body {
    line-height: 1
}

ol, ul {
    -webkit-padding-start: 30px;
    padding-inline-start: 30px
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

h1, h2, h3, h4, .h, h {
    font-family: "Butler", "Times New Roman", Times, serif;
    font-weight: 300;
    font-style: normal;
    line-height: 120%
}

h11, h1--1, h21, h2--1, h31, h3--1, h41, h4--1, .h1, .h--1, h1, h--1 {
    font-size: 96px;
    font-size: clamp(2.5rem, 1.9024rem + 3.4146vw, 6rem)
}

h12, h1--2, h22, h2--2, h32, h3--2, h42, h4--2, .h2, .h--2, h2, h--2 {
    font-size: 64px;
    font-size: clamp(2rem, 1.6585rem + 1.9512vw, 4rem)
}

h13, h1--3, h23, h2--3, h33, h3--3, h43, h4--3, .h3, .h--3, h3, h--3 {
    font-size: 52px;
    font-size: clamp(1.5rem, 1.2012rem + 1.7073vw, 3.25rem)
}

h14, h1--4, h24, h2--4, h34, h3--4, h44, h4--4, .h4, .h--4, h4, h--4 {
    font-size: 40px;
    font-size: clamp(1.125rem, .8902rem + 1.3415vw, 2.5rem)
}

p, .p, .btn {
    font-family: "DM Sans", Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-size: clamp(.875rem, .8323rem + .2439vw, 1.125rem);
    font-style: normal;
    line-height: 180%
}

p--l p, p--l, p--price, .p--l p, .p--l, .p--price, .btn--l p, .btn--l, .btn--price {
    font-size: 32px;
    font-size: clamp(1.125rem, .9756rem + .8537vw, 2rem)
}

p--m p, p--m, .p--m p, .p--m, .btn--m p, .btn--m {
    font-size: 24px;
    font-size: clamp(1rem, .9146rem + .4878vw, 1.5rem)
}

p--s p, p--s, .p--s p, .p--s, .btn--s p, .btn--s {
    font-size: 16px;
    line-height: 130%
}

@font-face {
    font-family: "Butler";
    src: url("../fonts/butler/Butler-UltraLight.woff2") format("woff2"), url("../fonts/butler/Butler-UltraLight.woff") format("woff"), url("../fonts/butler/Butler_Ultra_Light.otf") format("opentype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Butler";
    src: url("../fonts/butler/Butler-Medium.woff2") format("woff2"), url("../fonts/butler/Butler-Medium.woff") format("woff"), url("../fonts/butler/Butler_Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Butler";
    src: url("../fonts/butler/Butler-Light.woff2") format("woff2"), url("../fonts/butler/Butler-Light.woff") format("woff"), url("../fonts/butler/Butler_Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Butler";
    src: url("../fonts/butler/Butler-Black.woff2") format("woff2"), url("../fonts/butler/Butler-Black.woff") format("woff"), url("../fonts/butler/Butler_Black.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Butler";
    src: url("../fonts/butler/Butler-Bold.woff2") format("woff2"), url("../fonts/butler/Butler-Bold.woff") format("woff"), url("../fonts/butler/Butler_Bold.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Butler";
    src: url("../fonts/butler/Butler-ExtraBold.woff2") format("woff2"), url("../fonts/butler/Butler-ExtraBold.woff") format("woff"), url("../fonts/butler/Butler_ExtraBold.otf") format("opentype");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Butler";
    src: url("../fonts/butler/Butler.woff2") format("woff2"), url("../fonts/butler/Butler.woff") format("woff"), url("../fonts/butler/Butler_Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "DM Sans";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/dmsans/DMSans-Italic.ttf") format("truetype");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "DM Sans";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/dmsans/DMSans-Italic.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "DM Sans";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/dmsans/DMSans-MediumItalic.ttf") format("truetype");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "DM Sans";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/dmsans/DMSans-MediumItalic.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "DM Sans";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/dmsans/DMSans-BoldItalic.ttf") format("truetype");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "DM Sans";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/dmsans/DMSans-BoldItalic.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/dmsans/DMSans-Regular.ttf") format("truetype");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/dmsans/DMSans-Regular.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/dmsans/DMSans-Medium.ttf") format("truetype");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/dmsans/DMSans-Medium.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/dmsans/DMSans-Bold.ttf") format("truetype");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/dmsans/DMSans-Bold.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

body {
    font-family: "DM Sans", Verdana, Geneva, Tahoma, sans-serif;
    font-style: normal;
    background-color: #fff;
    color: #000
}

body * {
    transition: .3s all ease-in-out
}

body a:hover {
    color: #7b5782
}

body img:not(.logotype) {
    inline-size: 100%;
    block-size: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

body img.logotype {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

body input, body textarea {
    accent-color: #08724e;
    caret-color: #08724e
}

body main {
    transition: unset
}

html {
    scroll-behavior: smooth
}

html ::-webkit-scrollbar {
    inline-size: 10px
}

html ::-webkit-scrollbar-track {
    background: #fff
}

html ::-webkit-scrollbar-thumb {
    background: #753781;
    border-radius: 5px
}

html ::-webkit-scrollbar-thumb:hover {
    background: #7b5782
}

html ::-moz-selection {
    background-color: #edf8f4
}

html ::selection {
    background-color: #edf8f4
}

html ::marker {
    color: #08724e
}

.owl-carousel {
    display: block
}

.owl-carousel .slide-owl-wrap:not(:first-child) {
    display: none
}

.green_bg {
    background-color: #edf8f4;
    padding-inline: 30px;
    padding-block: 10px;
    border-radius: 5px;
    text-align: center
}

.container {
    max-inline-size: 1180px;
    margin-inline: auto;
    padding-inline: 370px;
    padding-inline: clamp(1rem, -2.7774rem + 21.5854vw, 23.125rem)
}

.container--l {
    max-inline-size: 1920px;
    margin-inline: auto;
    padding-inline: 70px;
    padding-inline: clamp(1rem, .4238rem + 3.2927vw, 4.375rem)
}

.container--m {
    max-inline-size: 1520px;
    margin-inline: auto;
    padding-inline: 200px;
    padding-inline: clamp(1rem, -0.9634rem + 11.2195vw, 12.5rem)
}

.container--s {
    max-inline-size: 1550px;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    padding-inline: 70px;
    padding-inline: clamp(1rem, .4238rem + 3.2927vw, 4.375rem)
}

.btn {
    padding-inline: 20px;
    padding-block: 10px;
    border-radius: 5px;
    color: #fff !important;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    display: block
}

.btn--green {
    background-color: #08724e
}

.btn--green:hover {
    background-color: #06563b
}

.btn--gray {
    background-color: #666
}

.btn--gray:hover {
    background-color: #000
}

.btn--white {
    background-color: #fff;
    color: #7b5782 !important
}

.btn--white:hover {
    background-color: #f7f7f7
}

.btn--arrow {
    display: flex;
    align-items: center;
    gap: 15px
}

.btn--arrow::after {
    content: "";
    inline-size: 7px;
    block-size: 12px;
    background-image: url("../img/arrowwhite.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.btn--price {
    display: grid;
    place-content: center;
    inline-size: 204px;
    block-size: 80px;
    border-radius: 5px;
    border-inline: 1px solid #d9d9d9;
    border-block: 1px solid #d9d9d9;
    background-color: #f7f7f7;
    color: #000
}

@media screen and (max-width: 425px) {
    .btn--price {
        inline-size: 142px
    }
}

.header {
    box-shadow: 0px 4px 50px rgba(0, 0, 0, .05);
    background-color: #fff;
    inline-size: 100%;
    block-size: -moz-fit-content;
    block-size: fit-content;
    z-index: 99999;
    position: relative
}

.header--active {
    block-size: 100vh
}

.header--fixed {
    position: fixed;
    inset-block-start: 0
}

.header-flex {
    display: grid;
    grid-template-columns:repeat(2, auto);
    justify-content: space-between;
    align-items: center;
    gap: 30px
}

.header-flex-logo {
    padding-inline: 15px;
    padding-block: 30px;
    -webkit-margin-start: -15px;
    margin-inline-start: -15px
}

.header-flex-menu {
    display: flex;
    -webkit-margin-end: -15px;
    margin-inline-end: -15px
}

.header-flex-menu a {
    padding-inline: 15px;
    padding-block: 30px
}

.header-flex-menu--active {
    display: grid !important;
    place-content: center;
    grid-column: 1/3
}

.header-flex-menu-dropdown {
    position: relative
}

.header-flex-menu-dropdown a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.header-flex-menu-dropdown a::after {
    content: "";
    inline-size: 10px;
    block-size: 15px;
    background-image: url("../img/arrowdown.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: .3s all ease-in-out
}

.header-flex-menu-dropdown:hover a::after {
    transform: rotate(180deg)
}

.header-flex-menu-dropdown:hover .header-flex-menu-dropdown-list {
    display: flex
}

.header-flex-menu-dropdown-list {
    position: absolute;
    inline-size: -moz-max-content;
    inline-size: max-content;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    inset-block-start: 80px;
    background-color: #fff;
    box-shadow: 0px 150px 50px rgba(0, 0, 0, .05);
    display: none;
    flex-direction: column
}

.header-flex-menu-dropdown-list a {
    padding-inline: 30px;
    padding-block: 6px
}

.header-flex-menu-dropdown-list a::after {
    display: none
}

.header-flex-hamburger {
    background-color: unset;
    display: none
}

.header-flex-hamburger svg {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.header-flex-hamburger svg path {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #000;
    stroke-width: 5.5;
    stroke-linecap: round
}

.header-flex-hamburger svg path:first-of-type {
    stroke-dasharray: 40 160
}

.header-flex-hamburger svg path:nth-of-type(2) {
    stroke-dasharray: 40 142;
    transform-origin: 50%;
    transition: transform 400ms
}

.header-flex-hamburger svg path:last-of-type {
    stroke-dasharray: 40 85;
    transform-origin: 50%;
    transition: transform 400ms, stroke-dashoffset 400ms
}

.header-flex-hamburger:is(.header-flex-hamburger--active) svg {
    transform: rotate(45deg)
}

.header-flex-hamburger:is(.header-flex-hamburger--active) svg path:first-of-type {
    stroke-dashoffset: -64px
}

.header-flex-hamburger:is(.header-flex-hamburger--active) svg path:nth-of-type(2) {
    transform: rotate(90deg)
}

.header-flex-hamburger:is(.header-flex-hamburger--active) svg path:last-of-type {
    stroke-dashoffset: -64px
}

@media screen and (max-width: 1024px) {
    .header-flex-menu {
        display: none
    }

    .header-flex-menu-dropdown-list {
        display: none !important
    }

    .header-flex-menu-dropdown a {
        display: block
    }

    .header-flex-menu-dropdown a::after {
        display: none
    }

    .header-flex-hamburger {
        display: block
    }
}

@media screen and (max-width: 425px) {
    .header-flex-logo img {
        inline-size: 210px;
        inline-size: clamp(6.5625rem, -6.1099rem + 72.4138vw, 13.125rem);
        block-size: 56px;
        block-size: clamp(1.75rem, -1.6293rem + 19.3103vw, 3.5rem)
    }
}

.footer {
    position: relative;
    box-shadow: 0px 4px 50px rgba(0, 0, 0, .05)
}

.footer-grid {
    display: grid;
    grid-template-columns:repeat(2, auto) 1fr;
    gap: 170px;
    gap: clamp(2.65625rem, 1.2957rem + 7.7744vw, 10.625rem);
    padding-block: 100px
}

.footer-grid-menu {
    display: flex;
    gap: 100px;
    gap: clamp(2.65625rem, 2.0427rem + 3.5061vw, 6.25rem)
}

.footer-grid-menu-item {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.footer-grid-menu-item-list {
    display: flex;
    flex-direction: column;
    -webkit-margin-start: -10px;
    margin-inline-start: -10px
}

.footer-grid-menu-item-list a {
    padding-inline: 10px;
    padding-block: 5px
}

.footer-grid-copyright {
    text-align: end
}

@media screen and (max-width: 1024px) {
    .footer-grid {
        grid-template-columns:auto 1fr
    }

    .footer-grid-copyright {
        text-align: left
    }
}

@media screen and (max-width: 768px) {
    .footer-grid {
        grid-template-columns:1fr
    }
}

@media screen and (max-width: 425px) {
    .footer-grid-menu {
        flex-direction: column
    }
}

.home-hero {
    position: relative
}

.home-hero-search {
    display: flex;
    flex-direction: column;
    gap: 50px;
    -webkit-padding-before: 150px;
    padding-block-start: 150px;
    -webkit-padding-before: clamp(6.25rem, 5.7165rem + 3.0488vw, 9.375rem);
    padding-block-start: clamp(6.25rem, 5.7165rem + 3.0488vw, 9.375rem);
    -webkit-padding-after: 150px;
    padding-block-end: 150px
}

.home-hero-search-header {
    display: flex;
    flex-direction: column;
    gap: 30px;
    text-align: center
}

.home-hero-search-header .h {
    color: #753781
}

.home-hero-search-header .p {
    color: #666
}

.home-hero-search-button {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    position: relative
}

.home-hero-search-button input {
    inline-size: 100%;
    max-inline-size: 860px;
    block-size: 78px;
    padding-inline: 30px;
    -webkit-border-start: 1px solid #d9d9d9;
    border-inline-start: 1px solid #d9d9d9;
    border-block: 1px solid #d9d9d9;
    border-start-start-radius: 5px;
    border-end-start-radius: 5px
}

.home-hero-search-button input:hover {
    border-color: #000
}

.home-hero-search-button input::-moz-placeholder {
    color: #d9d9d9
}

.home-hero-search-button input::placeholder {
    color: #d9d9d9
}

.home-hero-search-button input::-webkit-calendar-picker-indicator, .home-hero-search-button input ::-webkit-list-button {
    display: none !important;
    opacity: 0 !important
}

.home-hero-search-button button {
    display: grid;
    place-content: center;
    background-color: #08724e;
    inline-size: 80px;
    block-size: 80px;
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
    cursor: pointer
}

.home-hero-search-button button:hover {
    background-color: #06563b
}

.home-hero-search-button datalist {
    position: absolute;
    inset-block-start: 80px;
    background-color: #fff;
    box-shadow: 0px 50px 50px rgba(0, 0, 0, .05);
    inline-size: 100%;
    max-inline-size: 1000px;
    max-block-size: 250px;
    overflow-y: auto;
    overflow-x: hidden
}

.home-hero-search-button datalist option {
    background-color: #fff;
    padding-inline: 30px;
    padding-block: 20px;
    color: #000;
    cursor: pointer
}

.home-hero-search-button datalist option:hover, .home-hero-search-button datalist .active {
    background-color: #f6edf7
}

.home-hero-brands {
    background-color: #f7f7f7;
    padding-block: 30px;
    block-size: 108px
}

.home-hero-brands-owl a img {
    opacity: .3 !important
}

.home-hero-brands-owl a:hover img {
    opacity: 1 !important
}

.home-hero-pills-left {
    position: absolute;
    inset-block-end: 96px;
    inset-block-end: clamp(.6rem, -0.322rem + 5.2683vw, 6rem);
    inset-inline-start: 0
}

.home-hero-pills-left img {
    -o-object-position: left !important;
    object-position: left !important;
    inline-size: 544px;
    inline-size: clamp(8.5rem, 4.1463rem + 24.878vw, 34rem)
}

.home-hero-pills-right {
    position: absolute;
    inset-block-end: 98px;
    inset-block-end: clamp(.6125rem, -0.3287rem + 5.378vw, 6.125rem);
    inset-inline-end: 0
}

.home-hero-pills-right img {
    -o-object-position: right !important;
    object-position: right !important;
    inline-size: 507px;
    inline-size: clamp(7.921875rem, 3.8643rem + 23.186vw, 31.6875rem)
}

.home-main_points {
    padding-block: 150px;
    padding-block: clamp(6.25rem, 5.7165rem + 3.0488vw, 9.375rem)
}

.home-main_points-grid {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 36px;
    row-gap: 54px;
    justify-content: space-between
}

.home-main_points-grid-item, .home-main_points-grid-item-flex {
    display: flex;
    flex-direction: column
}

.home-main_points-grid-item {
    gap: 30px
}

.home-main_points-grid-item-flex {
    gap: 20px
}

.home-links {
    background-color: #404040;
    color: #fff;
    padding-block: 100px
}

.home-links-flex, .home-links-flex-header {
    display: flex;
    flex-direction: column
}

.home-links-flex {
    gap: 50px;
    position: relative
}

.home-links-flex-header {
    text-align: center;
    gap: 20px
}

.home-links-flex-header .p {
    color: #d9d9d9
}

.home-links-flex-grid {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 50px;
    row-gap: 75px
}

.home-links-flex-grid-article, .home-links-flex-grid-article-list {
    display: flex;
    flex-direction: column
}

.home-links-flex-grid-article {
    background-color: #272727;
    padding-inline: 50px;
    padding-block: 50px;
    padding-inline: clamp(1.5625rem, 1.2957rem + 1.5244vw, 3.125rem);
    padding-block: clamp(1.5625rem, 1.2957rem + 1.5244vw, 3.125rem);
    gap: 25px
}

.home-links-flex-grid-article-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-inline: 10px;
    padding-block: 5px;
    -webkit-margin-start: -10px;
    margin-inline-start: -10px
}

.home-links-flex-grid-article-list a::after {
    content: "";
    inline-size: 7px;
    block-size: 12px;
    background-image: url("../img/arrowwhite.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.home-links-flex-pills-left {
    position: absolute;
    inset-inline-start: 60px;
    inset-inline-start: clamp(1.25rem, .8232rem + 2.439vw, 3.75rem);
    inset-block-start: -200px
}

.home-links-flex-pills-left img {
    inline-size: 338px;
    inline-size: clamp(14.875rem, 13.8079rem + 6.0976vw, 21.125rem)
}

.home-links-flex-pills-right {
    position: absolute;
    inset-inline-end: 470px;
    inset-inline-end: clamp(.625rem, -4.2835rem + 28.0488vw, 29.375rem);
    inset-block-end: -170px
}

.home-links-flex-pills-right img {
    inline-size: 302px;
    inline-size: clamp(12.625rem, 11.5579rem + 6.0976vw, 18.875rem)
}

@media screen and (max-width: 1440px) {
    .home-main_points-grid, .home-links-flex-grid {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media screen and (max-width: 1024px) {
    .home-main_points-grid, .home-links-flex-grid {
        grid-template-columns:repeat(1, 1fr)
    }
}

.supplement {
    display: grid;
    grid-template-columns:auto 1fr;
    -webkit-padding-start: max(clamp(1rem, .4238rem + 3.2927vw, 4.375rem), (100% - 1920px) / 2);
    padding-inline-start: max(clamp(1rem, .4238rem + 3.2927vw, 4.375rem), (100% - 1920px) / 2);
    background-color: #f7f7f7
}

.supplement-aside {
    -webkit-padding-end: 90px;
    padding-inline-end: 90px;
    padding-block: 70px;
    display: flex;
    flex-direction: column;
    block-size: -moz-fit-content;
    block-size: fit-content;
    position: sticky
}

.supplement-aside a {
    padding-inline: 10px;
    padding-block: 10px;
    -webkit-margin-start: -10px;
    margin-inline-start: -10px;
    display: flex;
    align-items: center;
    gap: 12px
}

.supplement-aside a:hover {
    color: #08724e
}

.supplement-aside-btn {
    display: none
}

.supplement-sections {
    background-color: #fff
}

.supplement-sections-section-header {
    -webkit-padding-before: 80px;
    padding-block-start: 80px;
    -webkit-padding-after: 70px;
    padding-block-end: 70px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    color: #fff;
    background-color: #7b5782
}

.supplement-sections-section-header-hgroup {
    display: flex;
    flex-direction: column;
    gap: 30px;
    -webkit-padding-before: 20px;
    padding-block-start: 20px
}

.supplement-sections-section-header-hgroup a:hover {
    color: #fff;
    text-decoration: underline;
}

.supplement-sections-section-header-hgroup-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px
}

.supplement-sections-section-articles {
    padding-block: 70px
}

.supplement-sections-section-articles-article {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.supplement-sections-section-articles-article-flex {
    display: flex;
    gap: 20px;
    flex-wrap: wrap
}

.supplement-sections-section-articles-article-flex a {
    text-decoration: none !important;
    padding-block: 20px
}

.supplement-sections-section-articles-article-flex a:hover {
    background-color: #08724e;
    color: #fff
}

.supplement-sections-section-articles-article hr {
    inline-size: 100%;
    block-size: 1px;
    background-color: #d9d9d9;
    border: unset;
    margin: unset;
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
    -webkit-margin-after: 50px;
    margin-block-end: 50px
}

.supplement-sections-section-articles-article:last-of-type hr {
    display: none
}

.supplement-sections-section-articles-article a {
    text-decoration: underline
}

.supplement-sections-section-articles-article-list {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.supplement-sections-section-articles-article-list-item {
    display: grid;
    grid-template-columns:auto 1fr;
    gap: 20px;
    align-items: center;
    -webkit-border-after: 1px solid #d9d9d9;
    border-block-end: 1px solid #d9d9d9;
    -webkit-padding-after: 20px;
    padding-block-end: 20px
}

.supplement-sections-section-articles-article-list-item .green_bg {
    inline-size: 130px
}

.supplement-sections-section-articles-article-pills-grid {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 20px;
    -webkit-padding-before: 20px;
    padding-block-start: 20px
}

.supplement-sections-section-articles-article-pills-grid-item {
    display: flex;
    gap: 20px;
    align-items: center
}

.supplement-sections-section-articles-article table, .supplement-sections-section-articles-article table tr, .supplement-sections-section-articles-article table tr td, .supplement-sections-section-articles-article table tr th {
    border-inline: 1px solid #d9d9d9;
    border-block: 1px solid #d9d9d9
}

.supplement-sections-section-articles-article table {
    -webkit-margin-before: 30px;
    margin-block-start: 30px
}

.supplement-sections-section-articles-article table tr td, .supplement-sections-section-articles-article table tr th {
    padding-inline: 30px;
    padding-inline: clamp(1rem, .8506rem + .8537vw, 1.875rem);
    padding-block: 30px;
    padding-block: clamp(1rem, .8506rem + .8537vw, 1.875rem);
    vertical-align: middle
}

.supplement-sections-section-articles-article table tr td:nth-child(2) {
    padding-inline: 50px;
    padding-inline: clamp(1rem, .6372rem + 2.0732vw, 3.125rem)
}

.supplement-sections-section-articles-article table tr td:nth-child(3) {
    text-align: center
}

.supplement-sections-section-articles-products {
    display: flex;
    flex-direction: column;
    gap: 30px;
    -webkit-padding-before: 30px;
    padding-block-start: 30px
}

.supplement-sections-section-articles-products a {
    display: grid;
    grid-template-columns:auto 1fr auto;
    gap: 30px;
    -webkit-padding-start: 30px;
    padding-inline-start: 30px;
    -webkit-padding-end: 50px;
    padding-inline-end: 50px;
    padding-block: 30px;
    border-radius: 5px;
    border-inline: 1px solid #d9d9d9;
    border-block: 1px solid #d9d9d9
}

.supplement-sections-section-articles-products a:hover {
    border-color: #000
}

.supplement-sections-section-articles-products-picture {
    max-inline-size: 202px;
    background-color: #f7f7f7;
    padding-inline: 9px;
    padding-block: 9px;
    border-radius: 5px;
    display: grid;
    place-content: center
}

.supplement-sections-section-articles-products-picture img {
    mix-blend-mode: darken
}

.supplement-sections-section-articles-products-title {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.supplement-sections-section-articles-products-title .p {
    color: #666
}

.supplement-sections-section-articles-products-title .p--l {
    color: #000
}

.supplement-sections-section-articles-products-buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px
}

@media screen and (max-width: 1440px) {
    .supplement-sections-section-articles-article-pills-grid {
        grid-template-columns:repeat(2, 1fr)
    }

    .supplement-sections-section-articles-products a {
        grid-template-columns:auto 1fr
    }

    .supplement-sections-section-articles-products-buttons {
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: center;
        grid-column: 2
    }
}

@media screen and (max-width: 1024px) {
    .supplement {
        grid-template-columns:1fr;
        padding: unset
    }

    .supplement-aside {
        position: fixed;
        transform: translateX(-110%);
        background-color: #f7f7f7;
        block-size: 100vh;
        -webkit-padding-start: 70px;
        padding-inline-start: 70px;
        -webkit-padding-start: clamp(1rem, .4238rem + 3.2927vw, 4.375rem);
        padding-inline-start: clamp(1rem, .4238rem + 3.2927vw, 4.375rem);
        z-index: 999
    }

    .supplement-aside-btn {
        position: fixed;
        inset-inline-start: 0;
        inset-block-start: 139px;
        border-start-end-radius: 5px;
        border-end-end-radius: 5px;
        display: block;
        cursor: pointer;
        z-index: 9999;
        -webkit-padding-start: 25px;
        padding-inline-start: 25px;
        -webkit-padding-end: 20px;
        padding-inline-end: 20px;
        padding-block: 15px;
        background-color: #f7f7f7
    }

    .supplement-aside-btn--active svg {
        transform: rotate(180deg)
    }

    .supplement-aside--active {
        transform: translateX(0%)
    }
}

@media screen and (max-width: 768px) {
    .supplement-sections-section-articles-article-list-item {
        grid-template-columns:1fr
    }

    .supplement-sections-section-articles-article-pills-grid {
        grid-template-columns:repeat(1, 1fr)
    }

    .supplement-sections-section-articles-article table {
        display: flex;
        max-inline-size: 694px;
        max-inline-size: clamp(14.875rem, -1.4775rem + 93.4426vw, 43.375rem)
    }

    .supplement-sections-section-articles-article table thead tr, .supplement-sections-section-articles-article table tbody tr {
        display: grid;
        grid-template-rows:136px 1fr 136px;
        justify-content: space-between;
        block-size: 100%
    }

    .supplement-sections-section-articles-article table thead tr .green_bg, .supplement-sections-section-articles-article table tbody tr .green_bg {
        padding-inline: 30px;
        padding-inline: clamp(.625rem, -0.0922rem + 4.0984vw, 1.875rem)
    }

    .supplement-sections-section-articles-article table tbody {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .supplement-sections-section-articles-article table tbody::-webkit-scrollbar {
        display: none
    }

    .supplement-sections-section-articles-products a {
        grid-template-columns:auto
    }

    .supplement-sections-section-articles-products-buttons {
        grid-column: unset
    }
}

.bread_crumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    color: #d9d9d9
}

.bread_crumbs a:hover {
    color: #fff
}

.hero-banner {
    -webkit-padding-before: 80px;
    padding-block-start: 80px;
    -webkit-padding-after: 70px;
    padding-block-end: 70px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right
}

.hero-banner-title {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #fff
}

.guide-listing {
    background-color: #f7f7f7
}

.guide-listing-box {
    padding-inline: 70px;
    padding-inline: clamp(1rem, .4238rem + 3.2927vw, 4.375rem);
    padding-block: 70px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 50px
}

.guide-listing-box hgroup {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.guide-listing-box-grid {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
    gap: 30px
}

.guide-listing-box-grid-picture {
    border-inline: 1px solid #d9d9d9;
    border-block: 1px solid #d9d9d9;
    border-radius: 5px;
    inline-size: 184px;
    block-size: 184px;
    display: grid;
    place-content: center
}

.guide-listing-box-grid a {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    text-align: center
}

.guide-listing-box-grid a:hover picture {
    border-color: #000
}

.blog-listing {
    background-color: #f7f7f7
}

.blog-listing-grid {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 30px;
    padding-inline: 70px;
    padding-inline: clamp(1rem, .4238rem + 3.2927vw, 4.375rem);
    padding-block: 70px;
    background-color: #fff
}

.blog-listing-grid-flex {
    border-inline: 1px solid #d9d9d9;
    -webkit-border-after: 1px solid #d9d9d9;
    border-block-end: 1px solid #d9d9d9;
    border-end-start-radius: 5px;
    border-end-end-radius: 5px;
    padding-inline: 30px;
    padding-block: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.blog-listing-grid a {
    display: flex;
    flex-direction: column
}

.blog-listing-grid a img {
    border-start-start-radius: 5px;
    border-start-end-radius: 5px
}

.blog-listing-grid a:hover .blog-listing-grid-flex {
    border-color: #000
}

.blog-article {
    background-color: #f7f7f7
}

.blog-article-content {
    background-color: #fff;
    padding-inline: 70px;
    padding-inline: clamp(1rem, .4238rem + 3.2927vw, 4.375rem);
    padding-block: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px
}

.blog-article-content .bread_crumbs {
    color: #404040
}

.blog-article-content .bread_crumbs a:hover {
    color: #7b5782
}

.blog-article-content-header {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.blog-article-content-header .h {
    -webkit-padding-after: 40px;
    padding-block-end: 40px
}

.blog-article-content-article {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media screen and (max-width: 1024px) {
    .blog-listing-grid {
        grid-template-columns:1fr
    }
}

.shop {
    background-color: #f7f7f7
}

.shop-box {
    padding-inline: 70px;
    padding-inline: clamp(1rem, .4238rem + 3.2927vw, 4.375rem);
    padding-block: 70px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 100px
}

.shop-box-articles {
    display: flex;
    flex-direction: column
}

.shop-box-articles article {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px
}

.shop-box-articles article:nth-of-type(even) {
    flex-direction: row-reverse
}

.shop-box-articles article img {
    max-inline-size: 402px
}

.shop-box-articles hr {
    inline-size: 100%;
    block-size: 1px;
    background-color: #d9d9d9;
    border: unset;
    margin: unset;
    -webkit-margin-before: 50px;
    margin-block-start: 50px;
    -webkit-margin-after: 50px;
    margin-block-end: 50px
}

.shop-box-articles hr:last-of-type {
    display: none
}

.shop-box-articles-flex {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.shop-box-products-hgroup {
    display: grid;
    grid-template-columns:auto 1fr;
    align-items: center;
    gap: 50px
}

.shop-box-products-hgroup hr {
    inline-size: 100%;
    min-inline-size: 50px;
    block-size: 1px;
    background-color: #4aa142;
    border: unset;
    margin: unset
}

.shop-box-products-grid {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 30px;
    -webkit-padding-before: 50px;
    padding-block-start: 50px
}

.shop-box-products-grid a {
    padding-inline: 30px;
    padding-block: 30px;
    border-inline: 1px solid #d9d9d9;
    border-block: 1px solid #d9d9d9;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px
}

.shop-box-products-grid a:hover {
    border-color: #000
}

.shop-box-products-grid-picture {
    background-color: #f7f7f7;
    padding-inline: 37px;
    padding-block: 37px;
    border-radius: 5px
}

.shop-box-products-grid-picture img {
    mix-blend-mode: darken
}

.shop-box-products-grid-title {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.shop-box-products-grid-title .p {
    color: #666
}

.shop-box-products-grid-title .p--l {
    color: #000
}

.shop-box-products-grid-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width: 1440px) {
    .shop-box-articles article {
        flex-direction: column !important
    }

    .shop-box-articles article img {
        max-inline-size: 100%
    }
}

@media screen and (max-width: 1024px) {
    .shop-box-products-grid {
        grid-template-columns:1fr
    }
}

@media screen and (max-width: 768px) {
    .shop-box-products-hgroup {
        grid-template-columns:1fr
    }
}

.about {
    background-color: #f7f7f7
}

.about-box {
    padding-inline: 70px;
    padding-inline: clamp(1rem, .4238rem + 3.2927vw, 4.375rem);
    padding-block: 70px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 100px
}

.about-box-list-hgroup {
    display: grid;
    grid-template-columns:auto 1fr;
    align-items: center;
    gap: 50px;
    -webkit-padding-after: 20px;
    padding-block-end: 20px
}

.about-box-list-hgroup hr {
    inline-size: 100%;
    min-inline-size: 50px;
    block-size: 1px;
    background-color: #4aa142;
    border: unset;
    margin: unset;
    display: block !important
}

.about-box-list-ol {
    -webkit-padding-start: 80px;
    padding-inline-start: 80px;
    -webkit-padding-start: clamp(2.5rem, 2.0732rem + 2.439vw, 5rem);
    padding-inline-start: clamp(2.5rem, 2.0732rem + 2.439vw, 5rem);
    -webkit-padding-before: 50px;
    padding-block-start: 50px;
    counter-reset: item;
    display: flex;
    flex-direction: column;
    gap: 30px
}

.about-box-list-ol li {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.about-box-list-ol li .p {
    color: #666
}

.about-box-list-ol li::before {
    content: counter(item) "";
    counter-increment: item;
    inline-size: 62px;
    inline-size: clamp(1.9375rem, 1.6067rem + 1.8902vw, 3.875rem);
    block-size: 71px;
    block-size: clamp(2.21875rem, 1.8399rem + 2.1646vw, 4.4375rem);
    background-image: url("../img/diamnod.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    inset-inline-start: clamp(-5rem, -2.0732rem - 2.439vw, -2.5rem);
    display: grid;
    place-items: center;
    color: #fff;
    font-family: "DM Sans", Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 400;
    font-size: 32px;
    font-size: clamp(1.125rem, .9756rem + .8537vw, 2rem);
    font-style: normal;
    line-height: 180%
}

.about-box-articles {
    display: flex;
    flex-direction: column
}

.about-box-articles-hgroup {
    display: grid;
    grid-template-columns:auto 1fr;
    align-items: center;
    gap: 50px;
    -webkit-padding-after: 50px;
    padding-block-end: 50px
}

.about-box-articles-hgroup hr {
    inline-size: 100%;
    min-inline-size: 50px;
    block-size: 1px;
    background-color: #4aa142 !important;
    border: unset;
    margin: unset !important;
    display: block !important
}

.about-box-articles article {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 50px
}

.about-box-articles article:nth-of-type(even) {
    flex-direction: row
}

.about-box-articles article img {
    max-inline-size: 402px
}

.about-box-articles hr {
    inline-size: 100%;
    block-size: 1px;
    background-color: #d9d9d9;
    border: unset;
    margin: unset;
    -webkit-margin-before: 50px;
    margin-block-start: 50px;
    -webkit-margin-after: 50px;
    margin-block-end: 50px
}

.about-box-articles hr:last-of-type {
    display: none
}

.about-box-articles-flex {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.about-box-articles-flex-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

@media screen and (max-width: 1440px) {
    .about-box-articles article {
        flex-direction: column !important
    }

    .about-box-articles article img {
        max-inline-size: 100%
    }
}

@media screen and (max-width: 1024px) {
    .about-box-products-grid {
        grid-template-columns:1fr
    }
}

@media screen and (max-width: 1440px) {
    .about-box-articles-hgroup, .about-box-list-hgroup {
        grid-template-columns:1fr
    }
}

.contact {
    background-color: #f7f7f7
}

.contact-box {
    background-color: #fff;
    padding-inline: 70px;
    padding-inline: clamp(1rem, .4238rem + 3.2927vw, 4.375rem);
    padding-block: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px
}

.contact-box-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px
}

.contact-box-title-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style-image: url("../img/diamondpurple.svg")
}

.contact-box-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    max-inline-size: 706px;
    inline-size: 100%
}

.contact-box-form input, .contact-box-form textarea {
    inline-size: -webkit-fill-available;
    inline-size: -moz-available;
    inline-size: fill-available;
    block-size: 80px;
    border-inline: 1px solid #d9d9d9;
    border-block: 1px solid #d9d9d9;
    border-radius: 5px;
    padding-inline: 30px
}

.contact-box-form input::-moz-placeholder, .contact-box-form textarea::-moz-placeholder {
    color: #d9d9d9
}

.contact-box-form input::placeholder, .contact-box-form textarea::placeholder {
    color: #d9d9d9
}

.contact-box-form input:hover, .contact-box-form textarea:hover {
    border-color: #000
}

.contact-box-form textarea {
    padding-block: 30px;
    resize: vertical
}

.contact-box-form-grid {
    display: grid;
    grid-template-columns:1.2fr 1fr;
    gap: 20px;
    inline-size: 100%
}

.contact-box-form-grid .btn {
    inline-size: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    cursor: pointer
}

.contact-box-form-grid .btn--gray {
    background-color: #404040
}

.contact-box-form-grid .btn--gray:hover {
    background-color: #000
}

.contact-box-fast_contact {
    display: flex;
    flex-direction: column;
    gap: 30px;
    text-align: center
}

.contact-box-fast_contact-grid {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 30px
}

.contact-box-fast_contact-grid a:hover {
    background-color: #08724e;
    color: #fff
}

@media screen and (max-width: 1440px) {
    .contact-box-fast_contact-grid {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media screen and (max-width: 768px) {
    .contact-box-fast_contact-grid, .contact-box-form-grid {
        grid-template-columns:repeat(1, 1fr)
    }
}