.is-rtl {
text-align: right;
}
.is-rtl p,
.is-rtl li,
.is-rtl dd,
.is-rtl dt,
.is-rtl td,
.is-rtl th,
.is-rtl blockquote,
.is-rtl figcaption,
.is-rtl label,
.is-rtl .mw-section-title {
text-align: right !important;
}
.is-rtl [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div) {
text-align: right !important;
}
.is-rtl [data-builders-slider],
.is-rtl [data-price-slider],
.is-rtl [data-places-slider],
.is-rtl [data-realty-slider],
.is-rtl [data-agent-listings-slider],
.is-rtl [data-agency-properties-slider],
.is-rtl [data-agency-agents-slider],
.is-rtl [data-property-gallery-slider],
.is-rtl [data-similar-properties-slider],
.is-rtl [data-highlight-slider],
.is-rtl [data-projects-slider],
.is-rtl [data-luxury-slider],
.is-rtl [data-testimonials-slider],
.is-rtl [data-ticker-track],
.is-rtl .slick-slider,
.is-rtl .slick-list,
.is-rtl .slick-track {
direction: ltr;
text-align: left;
}
.is-rtl [data-builders-slider] p,
.is-rtl [data-builders-slider] li,
.is-rtl [data-builders-slider] dd,
.is-rtl [data-builders-slider] dt,
.is-rtl [data-builders-slider] td,
.is-rtl [data-builders-slider] th,
.is-rtl [data-builders-slider] blockquote,
.is-rtl [data-builders-slider] figcaption,
.is-rtl [data-builders-slider] label,
.is-rtl [data-builders-slider] .mw-section-title,
.is-rtl [data-price-slider] p,
.is-rtl [data-price-slider] li,
.is-rtl [data-price-slider] dd,
.is-rtl [data-price-slider] dt,
.is-rtl [data-price-slider] td,
.is-rtl [data-price-slider] th,
.is-rtl [data-price-slider] blockquote,
.is-rtl [data-price-slider] figcaption,
.is-rtl [data-price-slider] label,
.is-rtl [data-price-slider] .mw-section-title,
.is-rtl [data-places-slider] p,
.is-rtl [data-places-slider] li,
.is-rtl [data-places-slider] dd,
.is-rtl [data-places-slider] dt,
.is-rtl [data-places-slider] td,
.is-rtl [data-places-slider] th,
.is-rtl [data-places-slider] blockquote,
.is-rtl [data-places-slider] figcaption,
.is-rtl [data-places-slider] label,
.is-rtl [data-places-slider] .mw-section-title,
.is-rtl [data-realty-slider] p,
.is-rtl [data-realty-slider] li,
.is-rtl [data-realty-slider] dd,
.is-rtl [data-realty-slider] dt,
.is-rtl [data-realty-slider] td,
.is-rtl [data-realty-slider] th,
.is-rtl [data-realty-slider] blockquote,
.is-rtl [data-realty-slider] figcaption,
.is-rtl [data-realty-slider] label,
.is-rtl [data-realty-slider] .mw-section-title,
.is-rtl [data-agent-listings-slider] p,
.is-rtl [data-agent-listings-slider] li,
.is-rtl [data-agent-listings-slider] dd,
.is-rtl [data-agent-listings-slider] dt,
.is-rtl [data-agent-listings-slider] td,
.is-rtl [data-agent-listings-slider] th,
.is-rtl [data-agent-listings-slider] blockquote,
.is-rtl [data-agent-listings-slider] figcaption,
.is-rtl [data-agent-listings-slider] label,
.is-rtl [data-agent-listings-slider] .mw-section-title,
.is-rtl [data-agency-properties-slider] p,
.is-rtl [data-agency-properties-slider] li,
.is-rtl [data-agency-properties-slider] dd,
.is-rtl [data-agency-properties-slider] dt,
.is-rtl [data-agency-properties-slider] td,
.is-rtl [data-agency-properties-slider] th,
.is-rtl [data-agency-properties-slider] blockquote,
.is-rtl [data-agency-properties-slider] figcaption,
.is-rtl [data-agency-properties-slider] label,
.is-rtl [data-agency-properties-slider] .mw-section-title,
.is-rtl [data-agency-agents-slider] p,
.is-rtl [data-agency-agents-slider] li,
.is-rtl [data-agency-agents-slider] dd,
.is-rtl [data-agency-agents-slider] dt,
.is-rtl [data-agency-agents-slider] td,
.is-rtl [data-agency-agents-slider] th,
.is-rtl [data-agency-agents-slider] blockquote,
.is-rtl [data-agency-agents-slider] figcaption,
.is-rtl [data-agency-agents-slider] label,
.is-rtl [data-agency-agents-slider] .mw-section-title,
.is-rtl [data-property-gallery-slider] p,
.is-rtl [data-property-gallery-slider] li,
.is-rtl [data-property-gallery-slider] dd,
.is-rtl [data-property-gallery-slider] dt,
.is-rtl [data-property-gallery-slider] td,
.is-rtl [data-property-gallery-slider] th,
.is-rtl [data-property-gallery-slider] blockquote,
.is-rtl [data-property-gallery-slider] figcaption,
.is-rtl [data-property-gallery-slider] label,
.is-rtl [data-property-gallery-slider] .mw-section-title,
.is-rtl [data-similar-properties-slider] p,
.is-rtl [data-similar-properties-slider] li,
.is-rtl [data-similar-properties-slider] dd,
.is-rtl [data-similar-properties-slider] dt,
.is-rtl [data-similar-properties-slider] td,
.is-rtl [data-similar-properties-slider] th,
.is-rtl [data-similar-properties-slider] blockquote,
.is-rtl [data-similar-properties-slider] figcaption,
.is-rtl [data-similar-properties-slider] label,
.is-rtl [data-similar-properties-slider] .mw-section-title,
.is-rtl [data-highlight-slider] p,
.is-rtl [data-highlight-slider] li,
.is-rtl [data-highlight-slider] dd,
.is-rtl [data-highlight-slider] dt,
.is-rtl [data-highlight-slider] td,
.is-rtl [data-highlight-slider] th,
.is-rtl [data-highlight-slider] blockquote,
.is-rtl [data-highlight-slider] figcaption,
.is-rtl [data-highlight-slider] label,
.is-rtl [data-highlight-slider] .mw-section-title,
.is-rtl [data-projects-slider] p,
.is-rtl [data-projects-slider] li,
.is-rtl [data-projects-slider] dd,
.is-rtl [data-projects-slider] dt,
.is-rtl [data-projects-slider] td,
.is-rtl [data-projects-slider] th,
.is-rtl [data-projects-slider] blockquote,
.is-rtl [data-projects-slider] figcaption,
.is-rtl [data-projects-slider] label,
.is-rtl [data-projects-slider] .mw-section-title,
.is-rtl [data-luxury-slider] p,
.is-rtl [data-luxury-slider] li,
.is-rtl [data-luxury-slider] dd,
.is-rtl [data-luxury-slider] dt,
.is-rtl [data-luxury-slider] td,
.is-rtl [data-luxury-slider] th,
.is-rtl [data-luxury-slider] blockquote,
.is-rtl [data-luxury-slider] figcaption,
.is-rtl [data-luxury-slider] label,
.is-rtl [data-luxury-slider] .mw-section-title,
.is-rtl [data-testimonials-slider] p,
.is-rtl [data-testimonials-slider] li,
.is-rtl [data-testimonials-slider] dd,
.is-rtl [data-testimonials-slider] dt,
.is-rtl [data-testimonials-slider] td,
.is-rtl [data-testimonials-slider] th,
.is-rtl [data-testimonials-slider] blockquote,
.is-rtl [data-testimonials-slider] figcaption,
.is-rtl [data-testimonials-slider] label,
.is-rtl [data-testimonials-slider] .mw-section-title,
.is-rtl [data-ticker-track] p,
.is-rtl [data-ticker-track] li,
.is-rtl [data-ticker-track] dd,
.is-rtl [data-ticker-track] dt,
.is-rtl [data-ticker-track] td,
.is-rtl [data-ticker-track] th,
.is-rtl [data-ticker-track] blockquote,
.is-rtl [data-ticker-track] figcaption,
.is-rtl [data-ticker-track] label,
.is-rtl [data-ticker-track] .mw-section-title,
.is-rtl .slick-slider p,
.is-rtl .slick-slider li,
.is-rtl .slick-slider dd,
.is-rtl .slick-slider dt,
.is-rtl .slick-slider td,
.is-rtl .slick-slider th,
.is-rtl .slick-slider blockquote,
.is-rtl .slick-slider figcaption,
.is-rtl .slick-slider label,
.is-rtl .slick-slider .mw-section-title,
.is-rtl .slick-list p,
.is-rtl .slick-list li,
.is-rtl .slick-list dd,
.is-rtl .slick-list dt,
.is-rtl .slick-list td,
.is-rtl .slick-list th,
.is-rtl .slick-list blockquote,
.is-rtl .slick-list figcaption,
.is-rtl .slick-list label,
.is-rtl .slick-list .mw-section-title,
.is-rtl .slick-track p,
.is-rtl .slick-track li,
.is-rtl .slick-track dd,
.is-rtl .slick-track dt,
.is-rtl .slick-track td,
.is-rtl .slick-track th,
.is-rtl .slick-track blockquote,
.is-rtl .slick-track figcaption,
.is-rtl .slick-track label,
.is-rtl .slick-track .mw-section-title {
text-align: left !important;
}
.is-rtl [data-builders-slider] [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div),
.is-rtl [data-price-slider] [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div),
.is-rtl [data-places-slider] [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div),
.is-rtl [data-realty-slider] [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div),
.is-rtl [data-agent-listings-slider] [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div),
.is-rtl [data-agency-properties-slider] [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div),
.is-rtl [data-agency-agents-slider] [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div),
.is-rtl [data-property-gallery-slider] [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div),
.is-rtl [data-similar-properties-slider] [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div),
.is-rtl [data-highlight-slider] [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div),
.is-rtl [data-projects-slider] [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div),
.is-rtl [data-luxury-slider] [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div),
.is-rtl [data-testimonials-slider] [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div),
.is-rtl [data-ticker-track] [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div),
.is-rtl .slick-slider [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div),
.is-rtl .slick-list [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div),
.is-rtl .slick-track [class*=card] :is(h1, h2, h3, h4, h5, h6, span, p, li, a, div) {
text-align: left !important;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-weight: 400;
font-size: 13px;
line-height: normal;
color: #666D84;
}
@media (min-width: 1200px) {
* {
font-size: 13.5px;
}
}
@media (min-width: 1350px) {
* {
font-size: 14.5px;
}
}
@media (min-width: 1440px) {
* {
font-size: 15.5px;
}
}
@media (min-width: 1600px) {
* {
font-size: 16px;
}
}
html {
scroll-behavior: smooth;
overflow-x: hidden;
max-width: 100%;
}
html.lenis {
scroll-behavior: auto;
}
body {
transition: 0.5s ease all;
overflow-x: hidden;
width: 100%;
max-width: 100%;
color: #000;
}
img,
video,
iframe {
max-width: 100%;
}
.container-aside {
max-width: 92%;
margin-left: auto;
}
@media (min-width: 992px) {
.container-aside {
max-width: 93%;
}
}
@media (max-width: 991px) {
.container-aside {
margin-right: auto;
}
}
.container-side {
overflow-x: hidden;
max-width: 89.697%;
margin-left: auto;
}
@media (max-width: 767px) {
.container-side {
max-width: 100%;
margin-left: 0;
padding-left: 16px;
padding-right: 16px;
box-sizing: border-box;
}
}
.container-case {
overflow-x: hidden;
max-width: 94.143%;
margin-left: auto;
}
@media (max-width: 767px) {
.container-case {
max-width: 100%;
margin-left: 0;
padding-left: 16px;
padding-right: 16px;
box-sizing: border-box;
}
}
.container-1680 {
max-width: 93%;
width: 100%;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 767px) {
.container-1680 {
max-width: 100%;
padding-left: 16px;
padding-right: 16px;
box-sizing: border-box;
}
}
@media (min-width: 992px) {
.container-1680 {
max-width: 87.8662%;
}
}
.container-ctn {
max-width: 93%;
width: 100%;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 767px) {
.container-ctn {
max-width: 100%;
padding-left: 16px;
padding-right: 16px;
box-sizing: border-box;
}
}
@media (min-width: 576px) {
.container-ctn {
max-width: 95%;
}
}
@media (min-width: 992px) {
.container-ctn {
max-width: 90.793%;
}
}
@media (min-width: 1600px) {
.container-ctn {
max-width: 82.2917%;
}
}
.container-head {
max-width: 93%;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 575px) {
.container-head {
max-width: 100%;
padding-left: 16px;
padding-right: 16px;
box-sizing: border-box;
}
}
@media (min-width: 576px) {
.container-head {
max-width: 95%;
}
}
@media (min-width: 992px) {
.container-head {
max-width: 97.5945%;
}
}
ul {
padding: 0;
margin: 0;
}
button {
border: unset;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
button:focus-visible {
outline: 2px solid rgba(36, 67, 115, 0.35);
outline-offset: 2px;
}
a {
transition: color 0.2s ease, opacity 0.2s ease;
}
a:focus, a:active {
outline: unset !important;
box-shadow: unset !important;
}
a:focus-visible {
outline: 2px solid rgba(36, 67, 115, 0.35);
outline-offset: 2px;
}
p {
line-height: normal;
}
.p-0 {
padding: 0 !important;
}
.commonPadding {
padding-top: 50px;
padding-bottom: 50px;
}
@media (min-width: 992px) {
.commonPadding {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media (min-width: 1200px) {
.commonPadding {
padding-top: 74px;
padding-bottom: 74px;
}
}
@media (min-width: 1280px) {
.commonPadding {
padding-top: 78px;
padding-bottom: 78px;
}
}
@media (min-width: 1440px) {
.commonPadding {
padding-top: 82px;
padding-bottom: 82px;
}
}
@media (min-width: 1600px) {
.commonPadding {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media (min-width: 1900px) {
.commonPadding {
padding-top: 96px;
padding-bottom: 96px;
}
}
.container-insights {
max-width: 94.143%;
margin-left: auto;
}
.commonPadding-pb {
padding-block: 50px;
}
@media (min-width: 992px) {
.commonPadding-pb {
padding-block: 55px;
}
}
@media (min-width: 1200px) {
.commonPadding-pb {
padding-block: 64px;
}
}
@media (min-width: 1280px) {
.commonPadding-pb {
padding-block: 68px;
}
}
@media (min-width: 1440px) {
.commonPadding-pb {
padding-block: 72px;
}
}
@media (min-width: 1600px) {
.commonPadding-pb {
padding-block: 76px;
}
}
@media (min-width: 1900px) {
.commonPadding-pb {
padding-block: 80px;
}
}
.commonPadding-pt {
padding-top: 50px;
}
@media (min-width: 992px) {
.commonPadding-pt {
padding-top: 55px;
}
}
@media (min-width: 1200px) {
.commonPadding-pt {
padding-top: 64px;
}
}
@media (min-width: 1280px) {
.commonPadding-pt {
padding-top: 68px;
}
}
@media (min-width: 1440px) {
.commonPadding-pt {
padding-top: 72px;
}
}
@media (min-width: 1600px) {
.commonPadding-pt {
padding-top: 76px;
}
}
@media (min-width: 1900px) {
.commonPadding-pt {
padding-top: 80px;
}
}
.commonPadding-pb-120 {
padding-bottom: 60px;
}
@media (min-width: 992px) {
.commonPadding-pb-120 {
padding-bottom: 70px;
}
}
@media (min-width: 1200px) {
.commonPadding-pb-120 {
padding-bottom: 80px;
}
}
@media (min-width: 1280px) {
.commonPadding-pb-120 {
padding-bottom: 90px;
}
}
@media (min-width: 1440px) {
.commonPadding-pb-120 {
padding-bottom: 100px;
}
}
@media (min-width: 1600px) {
.commonPadding-pb-120 {
padding-bottom: 110px;
}
}
@media (min-width: 1900px) {
.commonPadding-pb-120 {
padding-bottom: 120px;
}
}
.commonPadding-pt-120 {
padding-top: 60px;
}
@media (min-width: 992px) {
.commonPadding-pt-120 {
padding-top: 70px;
}
}
@media (min-width: 1200px) {
.commonPadding-pt-120 {
padding-top: 80px;
}
}
@media (min-width: 1280px) {
.commonPadding-pt-120 {
padding-top: 90px;
}
}
@media (min-width: 1440px) {
.commonPadding-pt-120 {
padding-top: 100px;
}
}
@media (min-width: 1600px) {
.commonPadding-pt-120 {
padding-top: 110px;
}
}
@media (min-width: 1900px) {
.commonPadding-pt-120 {
padding-top: 120px;
}
}
.commonPadding-120 {
padding-top: 60px;
padding-bottom: 60px;
}
@media (min-width: 992px) {
.commonPadding-120 {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media (min-width: 1200px) {
.commonPadding-120 {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media (min-width: 1280px) {
.commonPadding-120 {
padding-top: 90px;
padding-bottom: 90px;
}
}
@media (min-width: 1440px) {
.commonPadding-120 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media (min-width: 1600px) {
.commonPadding-120 {
padding-top: 110px;
padding-bottom: 110px;
}
}
@media (min-width: 1900px) {
.commonPadding-120 {
padding-top: 120px;
padding-bottom: 120px;
}
}
.commonPadding-80 {
padding-top: 40px;
padding-bottom: 40px;
}
@media (min-width: 992px) {
.commonPadding-80 {
padding-top: 45px;
padding-bottom: 45px;
}
}
@media (min-width: 1200px) {
.commonPadding-80 {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media (min-width: 1280px) {
.commonPadding-80 {
padding-top: 55px;
padding-bottom: 55px;
}
}
@media (min-width: 1440px) {
.commonPadding-80 {
padding-top: 65px;
padding-bottom: 65px;
}
}
@media (min-width: 1600px) {
.commonPadding-80 {
padding-top: 75px;
padding-bottom: 75px;
}
}
@media (min-width: 1900px) {
.commonPadding-80 {
padding-top: 80px;
padding-bottom: 80px;
}
}
.commonPadding-pt-80 {
padding-top: 40px;
}
@media (min-width: 992px) {
.commonPadding-pt-80 {
padding-top: 45px;
}
}
@media (min-width: 1200px) {
.commonPadding-pt-80 {
padding-top: 50px;
}
}
@media (min-width: 1280px) {
.commonPadding-pt-80 {
padding-top: 55px;
}
}
@media (min-width: 1440px) {
.commonPadding-pt-80 {
padding-top: 65px;
}
}
@media (min-width: 1600px) {
.commonPadding-pt-80 {
padding-top: 75px;
}
}
@media (min-width: 1900px) {
.commonPadding-pt-80 {
padding-top: 80px;
}
}
.position {
content: "";
position: absolute;
}
.wh-100 {
width: 100%;
height: 100%;
}
.slick-nav {
cursor: pointer;
width: 100%;
}
@media (min-width: 1900px) {
.slick-nav {
width: 100%;
}
}
.slick-nav > div {
position: relative;
display: flex;
align-items: center;
transition: 0.5s ease all;
}
.jq-stars {
display: inline-block;
}
.jq-rating-label {
font-size: 22px;
display: inline-block;
position: relative;
vertical-align: top;
font-family: helvetica, arial, verdana;
}
.jq-star {
cursor: pointer;
}
.jq-star-svg {
width: 100%;
height: 100% !important;
}
.jq-star-svg polygon {
stroke-linejoin: round;
}
.tab-content > .tab-pane {
display: block;
height: 0;
overflow: hidden;
}
.tab-content > .active {
height: auto;
}
/* width */
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background-color: #fff;
border-radius: 80px;
}
roll::-webkit-scrollbar-track {
background-color: #fff;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background-color: #244373;
border-radius: 10px;
/* GAP using border and background clip */
border: 2px solid transparent;
background-clip: padding-box;
margin: 10px 0;
/* Adds top & bottom gap (optional) */
}
.pb-0 {
padding-bottom: 0 !important;
}
.pt-0 {
padding-top: 0 !important;
}
.bg-unset {
background: unset !important;
}
picture,
article {
display: block;
}
.w-fit {
width: fit-content !important;
}
.py-0 {
padding: 0 !important;
}
li {
list-style: none;
}
.list ul {
list-style: none;
margin-top: clamp(10px, 1.3vw, 18px);
margin-bottom: 24px;
padding: 0;
}
.list li {
position: relative;
margin-bottom: 8px;
padding-left: 36px;
color: #666d84;
}
.list li::before {
content: "";
position: absolute;
flex-shrink: 0;
left: 0;
top: 0;
width: 20px;
height: 20px;
margin-top: 2px;
background: url('data:image/svg+xml,');
}
span.error {
border: 1px solid #FF4040 !important;
}
.error-message {
color: #FF4040;
display: block;
font-size: 10px;
position: absolute;
bottom: -18px;
left: 0;
line-height: normal;
z-index: 1;
width: fit-content;
margin-bottom: 3px;
}
.iti {
width: 100%;
}
.iti__flag-container {
padding-left: 6px;
}
.iti--allow-dropdown input[type=tel] {
padding-left: 81px !important;
}
.iti--allow-dropdown input[type=number] {
padding-left: 81px !important;
}
.iti--container {
z-index: 1300 !important;
}
.iti__dropdown-content {
max-height: min(280px, 50vh);
}
.iti__country-list {
z-index: 9;
max-height: 220px;
overflow-y: auto !important;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
touch-action: pan-y;
}
.iti__country-list::-webkit-scrollbar {
width: 6px;
}
.iti__country-list::-webkit-scrollbar-thumb {
background: rgba(160, 38, 79, 0.45);
border-radius: 6px;
}
.iti__country-list .iti__flag {
transform: scale(1.35);
transform-origin: left center;
margin-right: 10px;
}
.iti__arrow {
display: inline-block;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%23414A66' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat;
width: 12px;
height: 12px;
border: 0 !important;
margin-left: 6px;
flex-shrink: 0;
transition: transform 0.2s ease;
}
.iti__arrow--up {
transform: rotate(180deg);
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: unset;
}
.iti__selected-flag div:first-child {
transform: scale(1.4);
}
.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
left: 5px;
}
textarea {
resize: none;
}
input,
textarea,
select {
outline: unset;
border: unset;
}
input:focus, input:focus-visible, input:focus-within,
textarea:focus,
textarea:focus-visible,
textarea:focus-within,
select:focus,
select:focus-visible,
select:focus-within {
outline: unset;
}
select {
background: url('data:image/svg+xml,');
border: unset;
background-repeat: no-repeat;
background-position: 95%;
-moz-appearance: none;
/* Firefox */
-webkit-appearance: none;
/* Safari and Chrome */
appearance: none;
}
@media (max-width: 575px) {
select {
background-position: 96%;
background-size: 14px;
}
}
select:focus-visible {
outline: unset;
box-shadow: unset;
}
.form-select:focus {
border: unset;
outline: unset;
box-shadow: unset;
}
@media (min-width: 992px) {
.justify-content-lg-between {
justify-content: space-between;
}
}
.navbar-toggler {
background: unset;
border: unset;
border-radius: unset;
transition: transform 0.35s ease, stroke 0.35s ease;
}
.navbar-toggler path {
transition: stroke 0.35s ease;
}
.navbar-toggler:focus {
border: unset;
outline: unset;
box-shadow: unset;
}
input[type=date] {
-webkit-appearance: none;
-moz-appearance: none;
text-align: left;
}
#fadeSection {
opacity: 0;
transition: opacity 1s ease-in-out;
/* Smooth transition */
}
.visible {
opacity: 1 !important;
transition: opacity 1s ease-in-out;
}
.formGroup {
position: relative;
}
input.error,
textarea.error {
border: 1px solid #FF4040 !important;
}
/* Hide number input spinner */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
/* Firefox */
}
.hidden {
display: none;
}
.show {
display: inline-block;
}
.visibility-hidden {
visibility: hidden;
}
.dropDown .dropdown-menu {
width: 100%;
margin: auto !important;
}
.dropDown .dropdown-menu button {
color: #fff;
}
.dropdown-item.active {
background: unset !important;
}
.dropdown-item.active:hover {
color: #000 !important;
}
.dropdown-item:hover {
background: #fff !important;
}
.dropDown {
margin-bottom: 24px;
}
.dropDown button {
color: #fff;
font-weight: 400;
width: 100%;
font-size: 16px;
line-height: 24px;
text-align: left;
position: relative;
padding: 8px 20px 8px 20px;
white-space: pre-line;
}
.dropDown button::after {
right: 20px;
top: 50%;
transform: translateY(-50%);
position: absolute;
border: unset;
width: 16px;
height: 16px;
background: url('data:image/svg+xml,');
}
.dropDown {
border-radius: 8px;
background: #244373;
font-size: 16px;
line-height: 24px;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.slick-track {
margin-left: 0;
}
.slick-nav {
z-index: 0;
}
.slick-nav div svg {
height: auto;
}
.slick-nav div svg:hover path {
fill: #244373;
}
.mobile-menu {
padding-bottom: 11px;
display: flex;
justify-content: flex-end;
align-items: end;
}
.slick-dots {
gap: clamp(4px, 2.1vw, 8px);
}
.slick-dots button {
transition: 0.5s ease all;
background: #FFF;
font-size: 0;
border-radius: 20px;
width: clamp(10px, 1.0999vw, 20px);
height: clamp(10px, 1.0999vw, 20px);
}
.slick-dots .slick-active button {
transition: 0.5s ease all;
background: #244373;
width: clamp(25px, 2.69vw, 51px);
}
.slick-nav-count {
border: 2px solid #D9D9D9;
width: fit-content;
gap: clamp(10px, 0.94vw, 18px);
padding: 9px 4px;
}
@media (min-width: 576px) {
.slick-nav-count {
padding: 14px 8px;
}
}
@media (min-width: 768px) {
.slick-nav-count {
padding: 16px 10px;
}
}
@media (min-width: 992px) {
.slick-nav-count {
padding: 16.5px 10.5px;
border: 4px solid #D9D9D9;
}
}
@media (min-width: 1200px) {
.slick-nav-count {
padding: 17px 11px;
}
}
@media (min-width: 1350px) {
.slick-nav-count {
padding: 17.5px 11.5px;
}
}
@media (min-width: 1440px) {
.slick-nav-count {
padding: 18px 12px;
}
}
@media (min-width: 1600px) {
.slick-nav-count {
padding: 18.5px 12.5px;
}
}
@media (min-width: 1900px) {
.slick-nav-count {
padding: 19px 13px;
}
}
.slick-nav-count div:hover path {
fill: #737374;
}
.slick-nav-count .slick-count {
padding-top: 4px;
line-height: 100%;
font-weight: 700;
color: #244373;
width: 22px;
}
select:disabled,
input:disabled {
opacity: 0.4;
}
.modal {
z-index: 9999;
}
.head strong {
margin-bottom: 0px;
display: block;
font-weight: 500;
}
.head p {
font-weight: 300;
font-size: clamp(16px, 1.67vw, 32px);
}
a[data-bs-toggle=modal] {
cursor: pointer;
}
.slick-slider {
direction: ltr;
}
.iti__selected-flag {
border-right: 1px solid #B1BCCD;
}
.theme__cta {
line-height: 150%;
display: inline-flex;
align-items: center;
gap: clamp(6px, 1vw, 9px);
padding: clamp(5px, 0.55vw, 8px) clamp(5px, 0.55vw, 8px) clamp(5px, 0.55vw, 8px) clamp(18px, 1.8vw, 20px);
border-radius: 100px;
background: #fff;
color: #000;
font-weight: 500;
text-decoration: none;
transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease, gap 0.3s ease;
}
@media (hover: hover) {
.theme__cta:hover {
color: #000;
transform: translateY(-3px);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
gap: clamp(10px, 1.2vw, 14px);
}
.theme__cta:hover span {
transform: translateX(2px);
}
.theme__cta:hover span svg {
transform: translateX(2px);
}
}
.theme__cta span {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: clamp(30px, 2.605vw, 50px);
height: clamp(30px, 2.605vw, 50px);
border-radius: 50%;
background: #000;
transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.theme__cta span svg {
transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.theme__cta.dark {
background: #000;
color: #fff;
}
.theme__cta.dark span {
background: #fff;
}
.theme__cta.dark span svg {
filter: invert(1);
}
.page-banner__inner {
display: flex;
align-items: center;
justify-content: center;
min-height: clamp(140px, 9.375vw, 180px);
padding: clamp(32px, 3.125vw, 49px) 0;
border-radius: clamp(12px, 1.0417vw, 20px);
background: #F3F3F3;
}
.page-banner h1 {
margin: 0;
color: #000;
font-family: "Luxia", serif;
font-weight: 400;
font-size: clamp(36px, 3.5417vw, 68px);
line-height: 1.1;
text-align: center;
}
.breadcrumb-nav {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: clamp(6px, 0.4167vw, 8px);
margin-top: clamp(20px, 1.5625vw, 30px);
font-family: "Luxia", serif;
font-size: clamp(14px, 0.8333vw, 16px);
line-height: 1.2;
}
.breadcrumb-nav span {
font-family: Luxia;
}
.breadcrumb-nav a {
color: #848484;
font-family: Luxia;
text-decoration: none;
transition: color 0.2s ease;
}
.breadcrumb-nav a:hover {
color: #244373;
}
.breadcrumb-nav__sep {
display: inline-flex;
align-items: center;
justify-content: center;
width: clamp(13px, 0.78125vw, 15px);
height: clamp(13px, 0.78125vw, 15px);
color: #B4A36E;
}
.breadcrumb-nav__sep svg {
width: 100%;
height: auto;
}
.breadcrumb-nav__current {
color: #000;
}
.breadcrumb-divider {
height: 1px;
margin: clamp(16px, 1.0417vw, 20px) 0 0;
background: #E9E9E9;
}
.modal-backdrop.fade {
opacity: 1;
background: rgba(25, 33, 60, 0.53);
}
section p a {
display: inline-block;
color: #244373 !important;
}
section p a strong {
display: inline-block !important;
color: #244373 !important;
margin: 0 !important;
}
body.seo-page {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: normal;
color: #5b6074;
background: #fff;
-webkit-font-smoothing: antialiased;
}
:where(body.seo-page) * {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
box-sizing: border-box;
}
:where(body.seo-page) :is(h1, h2, h3, p, ul, address) {
margin: 0;
padding: 0;
}
:where(body.seo-page) :is(h2, h3) :is(span, strong) {
font-size: inherit;
color: inherit;
}
:where(body.seo-page) ul {
list-style: none;
}
:where(body.seo-page) img {
max-width: none;
}
:where(body.seo-page) a {
text-decoration: none;
}
html.seo-nav-open body {
overflow: hidden;
}
.seo-main [id] {
scroll-margin-top: 100px;
}
.seo-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 15px 20px;
border: 1px solid transparent;
border-radius: 1000px;
font-size: 16px;
font-weight: 600;
line-height: normal;
white-space: nowrap;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
.seo-btn:hover {
transform: translateY(-2px);
}
@media (max-width: 767px) {
.seo-btn {
padding: 13px 18px;
font-size: 15px;
}
}
.seo-btn--white {
background: #fff;
color: #00a759;
}
.seo-btn--white:hover {
color: #009066;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}
.seo-btn--gradient {
background: linear-gradient(90deg, #00a759 0%, #009066 100%);
color: #fff;
border: 0;
padding: 16px 21px;
}
@media (max-width: 767px) {
.seo-btn--gradient {
padding: 14px 19px;
}
}
.seo-btn--gradient:hover {
color: #fff;
box-shadow: 0 8px 24px rgba(0, 167, 89, 0.35);
}
.seo-btn--outline {
background: #f5fcf9;
border-color: #00a759;
color: #00a759;
}
.seo-btn--outline:hover {
background: #00a759;
color: #fff;
}
.seo-btn--ghost {
background: rgba(255, 255, 255, 0.06);
border-color: #fff;
color: #fff;
}
.seo-btn--ghost:hover {
background: #fff;
color: #00a759;
}
.seo-title {
color: #2a4448;
font-size: clamp(26px, 1.875vw, 36px);
font-weight: 500;
line-height: 1.222;
}
.seo-title--white {
color: #fff;
}
.seo-title--center {
text-align: center;
}
.seo-text {
color: #5b6074;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
@media (max-width: 767px) {
.seo-text {
font-size: 15px;
line-height: 1.45;
}
}
.seo-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 16px;
font-weight: 500;
line-height: normal;
white-space: nowrap;
}
.seo-link img {
width: 24px;
height: 24px;
transition: transform 0.2s ease;
}
.seo-link:hover img {
transform: translateX(4px);
}
.seo-link--dark {
color: #2a4448;
}
.seo-link--dark:hover {
color: #00a759;
}
.seo-link--white, .seo-link--white:hover {
color: #fff;
}
.seo-link--sm {
gap: 4px;
font-size: 14px;
}
.seo-head {
position: relative;
margin-bottom: 40px;
}
.seo-head--center {
text-align: center;
}
.seo-head__link {
position: absolute;
top: 10px;
right: 0;
}
.seo-head--stack .seo-text {
max-width: 590px;
margin: 29px auto 0;
}
.seo-head--split {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-bottom: 69px;
}
.seo-head--split .seo-text {
max-width: 590px;
margin-top: 29px;
}
.seo-head--split > .seo-link {
margin-bottom: 5px;
}
@media (max-width: 991px) {
.seo-head__link {
position: static;
margin-top: 12px;
}
.seo-head--split {
flex-direction: column;
align-items: flex-start;
margin-bottom: 40px;
}
.seo-head--split > .seo-link {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.seo-head {
margin-bottom: 28px;
}
.seo-head--stack .seo-text, .seo-head--split .seo-text {
margin-top: 14px;
}
}
.seo-logo {
position: relative;
display: block;
flex-shrink: 0;
width: var(--w);
height: var(--h);
}
.seo-logo img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.seo-logo--crop {
overflow: hidden;
}
.seo-logo--crop img {
inset: auto;
object-fit: fill;
}
.seo-logo-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 40px clamp(32px, 4.375vw, 84px);
}
@media (max-width: 767px) {
.seo-logo-row {
gap: 28px 32px;
}
}
.seo-ico {
position: relative;
display: block;
flex-shrink: 0;
width: 32px;
height: 32px;
}
.seo-ico img {
position: absolute;
top: 0;
left: 0;
}
.seo-ico--cart img {
top: 1px;
left: 1px;
}
.seo-ico--home img {
top: 2.35px;
left: 2.67px;
}
.seo-ico--local-pricing img {
top: 1.67px;
left: 4.33px;
}
.seo-arrow {
position: absolute;
z-index: 3;
display: block;
width: 50px;
height: 50px;
padding: 0;
border: 0;
border-radius: 50%;
background: none;
cursor: pointer;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.seo-arrow img {
position: absolute;
top: 0;
left: 0;
}
.seo-arrow:hover {
transform: scale(1.06);
}
.seo-arrow[hidden] {
display: none;
}
.seo-arrow[disabled] {
opacity: 0.4;
cursor: default;
}
.seo-arrow--prev img {
transform: scaleX(-1);
}
.seo-arrow--float img {
top: -10px;
left: -10px;
}
@media (max-width: 767px) {
.seo-arrow {
transform: scale(0.8);
}
.seo-arrow:hover {
transform: scale(0.84);
}
}
.seo-slider {
--gap: 42.67px;
--cols: 4;
margin: 0 calc(var(--gap) / -2);
}
.seo-slider:not(.slick-initialized) {
display: flex;
overflow: hidden;
}
.seo-slider:not(.slick-initialized) > .seo-slider__slide {
flex: 0 0 calc(100% / var(--cols));
}
.seo-slider .slick-list {
padding: 20px 0 50px;
margin: -20px 0 -50px;
}
.seo-slider .slick-track {
display: flex;
}
.seo-slider .slick-slide {
height: auto;
}
.seo-slider .seo-slider__slide {
display: flex;
padding: 0 calc(var(--gap) / 2);
}
.seo-slider .seo-slider__slide > * {
width: 100%;
}
@media (max-width: 767px) {
.seo-slider {
--gap: 16px;
}
}
.seo-dots {
display: flex;
justify-content: center;
margin-top: 40px;
}
.seo-dots:empty {
display: none;
}
.seo-dots .slick-dots {
position: static;
display: flex;
gap: 8px;
width: auto;
margin: 0;
padding: 0;
list-style: none;
}
.seo-dots .slick-dots li {
width: auto;
height: auto;
margin: 0;
}
.seo-dots .slick-dots li button {
position: relative;
display: block;
width: 10px;
height: 10px;
padding: 0;
border: 0;
border-radius: 5px;
background: #009066;
font-size: 0;
line-height: 0;
cursor: pointer;
transition: width 0.3s ease;
}
.seo-dots .slick-dots li button::before {
content: none;
}
.seo-dots .slick-dots li button::after {
content: "";
position: absolute;
inset: -10px -4px;
}
.seo-dots .slick-dots li.slick-active button {
width: 53px;
background: linear-gradient(90deg, #00a759 0%, #009066 100%);
}
.seo-dots--white .slick-dots li button, .seo-dots--white .slick-dots li.slick-active button {
background: #fff;
}
@media (max-width: 767px) {
.seo-dots {
margin-top: 28px;
}
}
.is-static .seo-dots, .is-static.seo-dots {
visibility: hidden;
}
.seo-header {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1000;
padding: clamp(14px, 1.5625vw, 30px) 0;
background: transparent;
box-shadow: none;
transition: background-color 0.3s ease, padding 0.3s ease, box-shadow 0.3s ease;
}
.seo-header.is-scrolled {
padding: 12px 0;
background: rgba(11, 11, 11, 0.92);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(12px);
}
.seo-header.is-scrolled .seo-header__logo img {
width: clamp(180px, 13vw, 250px);
}
.seo-header__bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.seo-header__logo {
flex-shrink: 0;
}
.seo-header__logo img {
display: block;
width: clamp(160px, 21.25vw, 408px);
height: auto;
transition: width 0.3s ease;
}
.seo-nav__list {
display: flex;
align-items: center;
gap: clamp(20px, 2.34vw, 45px);
}
.seo-nav__list a {
position: relative;
color: #fff;
font-size: clamp(14px, 0.833vw, 16px);
font-weight: 600;
line-height: normal;
white-space: nowrap;
}
.seo-nav__list a::after {
content: "";
position: absolute;
right: 0;
bottom: -6px;
left: 0;
height: 2px;
border-radius: 2px;
background: #fff;
transform: scaleX(0);
transition: transform 0.25s ease;
}
.seo-nav__list a:hover::after {
transform: scaleX(1);
}
.seo-header__actions {
display: flex;
align-items: center;
gap: 33.5px;
}
.seo-header__search {
display: grid;
place-items: center;
width: 24px;
height: 24px;
padding: 0;
border: 0;
background: none;
cursor: pointer;
}
.seo-header__search img {
width: 24px;
height: 24px;
}
.seo-nav-toggle {
display: none;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 44px;
height: 44px;
padding: 0 11px;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
background: rgba(255, 255, 255, 0.08);
cursor: pointer;
}
.seo-nav-toggle span {
display: block;
height: 2px;
border-radius: 2px;
background: #fff;
transition: transform 0.3s ease, opacity 0.2s ease;
}
.seo-nav-toggle[aria-expanded=true] span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.seo-nav-toggle[aria-expanded=true] span:nth-child(2) {
opacity: 0;
}
.seo-nav-toggle[aria-expanded=true] span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
@media (max-width: 1199px) {
.seo-nav-toggle {
display: flex;
}
.seo-header__actions {
gap: 16px;
}
.seo-nav {
display: none;
}
}
@media (max-width: 767px) {
.seo-header__cta {
display: none;
}
}
.seo-offcanvas {
position: fixed;
inset: 0;
z-index: 2000;
visibility: hidden;
transition: visibility 0s linear 0.45s;
}
.seo-offcanvas[hidden] {
display: none;
}
.seo-offcanvas.is-open {
visibility: visible;
transition-delay: 0s;
}
@media (min-width: 1200px) {
.seo-offcanvas {
display: none;
}
}
.seo-offcanvas__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.55);
backdrop-filter: blur(6px);
opacity: 0;
cursor: pointer;
transition: opacity 0.35s ease;
}
.seo-offcanvas.is-open .seo-offcanvas__backdrop {
opacity: 1;
}
.seo-offcanvas__panel {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
width: min(400px, 88vw);
overflow-y: auto;
overscroll-behavior: contain;
padding: 20px 24px 28px;
background: radial-gradient(120% 60% at 100% 0%, rgba(0, 167, 89, 0.35) 0%, rgba(0, 167, 89, 0) 60%), radial-gradient(90% 50% at 0% 100%, rgba(0, 144, 102, 0.28) 0%, rgba(0, 144, 102, 0) 60%), #0b0b0b;
box-shadow: -24px 0 60px rgba(0, 0, 0, 0.4);
color: #fff;
transform: translateX(100%);
transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.seo-offcanvas.is-open .seo-offcanvas__panel {
transform: none;
}
@media (max-width: 400px) {
.seo-offcanvas__panel {
padding: 16px 20px 24px;
}
}
.seo-offcanvas__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.seo-offcanvas__logo img {
display: block;
width: 170px;
height: auto;
}
.seo-offcanvas__close {
position: relative;
flex-shrink: 0;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 50%;
background: rgba(255, 255, 255, 0.06);
cursor: pointer;
transition: background-color 0.2s ease, transform 0.3s ease;
}
.seo-offcanvas__close span {
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 2px;
margin: -1px 0 0 -9px;
border-radius: 2px;
background: #fff;
}
.seo-offcanvas__close span:first-child {
transform: rotate(45deg);
}
.seo-offcanvas__close span:last-child {
transform: rotate(-45deg);
}
.seo-offcanvas__close:hover {
background: #00a759;
transform: rotate(90deg);
}
.seo-offcanvas__nav {
flex: 1;
padding: 12px 0;
}
.seo-offcanvas__nav li {
opacity: 0;
transform: translateX(24px);
transition: opacity 0.3s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.seo-offcanvas.is-open .seo-offcanvas__nav li {
opacity: 1;
transform: none;
transition-delay: calc(0.08s + var(--i) * 0.045s);
}
.seo-offcanvas__nav li + li {
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.seo-offcanvas__nav a {
display: flex;
align-items: center;
gap: 16px;
min-height: 58px;
color: #fff;
transition: color 0.2s ease;
}
.seo-offcanvas__nav a img {
width: 20px;
height: 20px;
margin-left: auto;
opacity: 0.45;
filter: invert(1);
transition: transform 0.25s ease, opacity 0.25s ease;
}
.seo-offcanvas__nav a:hover, .seo-offcanvas__nav a:focus-visible {
color: rgb(0%, 89.4901960784%, 47.692379946%);
}
.seo-offcanvas__nav a:hover img, .seo-offcanvas__nav a:focus-visible img {
opacity: 1;
transform: translateX(4px);
}
.seo-offcanvas__num {
width: 22px;
color: #00a759;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.04em;
}
.seo-offcanvas__label {
font-size: 20px;
font-weight: 600;
line-height: 1.2;
}
@media (max-width: 400px) {
.seo-offcanvas__label {
font-size: 18px;
}
}
.seo-offcanvas__foot {
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.seo-offcanvas__cta {
width: 100%;
}
.seo-offcanvas__quick {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin-top: 12px;
}
.seo-offcanvas__quick a {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
padding: 12px 10px;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 12px;
background: rgba(255, 255, 255, 0.05);
color: #fff;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
transition: border-color 0.2s ease, background-color 0.2s ease;
}
.seo-offcanvas__quick a:hover {
border-color: #00a759;
background: rgba(0, 167, 89, 0.12);
}
.seo-offcanvas__quick img {
flex-shrink: 0;
width: 20px;
height: 20px;
}
.seo-offcanvas__quick small {
display: block;
margin-bottom: 2px;
color: rgba(255, 255, 255, 0.6);
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.seo-offcanvas__social {
display: flex;
gap: 10px;
margin-top: 20px !important;
}
.seo-offcanvas__social a {
position: relative;
display: block;
width: 40px;
height: 40px;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 50%;
transition: border-color 0.2s ease, background-color 0.2s ease;
}
.seo-offcanvas__social a:hover {
border-color: #00a759;
background: #00a759;
}
.seo-offcanvas__social img {
position: absolute;
top: 7px;
left: 7px;
}
.seo-offcanvas__social .seo-socials__youtube img {
top: 11.27px;
left: 8.7px;
}
@media (prefers-reduced-motion: reduce) {
.seo-offcanvas__panel,
.seo-offcanvas__backdrop,
.seo-offcanvas__nav li {
transition: none;
}
}
.seo-hero {
position: relative;
overflow: hidden;
min-height: clamp(640px, 45vw, 864px);
padding: clamp(140px, 11.98vw, 230px) 0 clamp(64px, 5.2vw, 100px);
background: #0b0b0b;
color: #fff;
text-align: center;
}
@media (max-width: 767px) {
.seo-hero {
min-height: 0;
padding: 128px 0 56px;
}
}
.seo-hero__bg {
position: absolute;
inset: -50px;
z-index: 0;
background: url("../images/seo/hero-bg.jpg") center/cover no-repeat;
isolation: isolate;
pointer-events: none;
filter: blur(15px);
}
.seo-hero__bg::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: #009066;
mix-blend-mode: multiply;
}
.seo-hero__video {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.seo-hero__inner {
position: relative;
z-index: 2;
}
.seo-hero__title {
font-size: clamp(30px, 3.333vw, 64px);
font-weight: 600;
line-height: 1.416;
}
.seo-hero__title > span {
display: inline-block;
}
.seo-hero__title > span + span:not(.seo-hero__title-line) {
margin-left: 0.16em;
}
.seo-hero__title-line {
display: block !important;
}
@media (max-width: 767px) {
.seo-hero__title {
line-height: 1.25;
}
}
.seo-hero__text {
max-width: 605px;
margin: 13px auto 0;
font-size: 16px;
font-weight: 600;
line-height: normal;
}
@media (max-width: 767px) {
.seo-hero__text {
font-size: 15px;
line-height: 1.45;
}
}
.seo-hero__actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin-top: 39px;
}
@media (max-width: 767px) {
.seo-hero__actions {
margin-top: 28px;
}
}
.seo-platforms {
display: flex;
justify-content: center;
gap: 19.5px;
width: 100%;
max-width: 1070px;
margin: clamp(40px, 3.65vw, 70px) auto 0;
padding: 19px 40px;
border: 1px solid rgba(196, 196, 196, 0.18);
border-radius: 1000px;
background: rgba(255, 255, 255, 0.1);
}
.seo-platforms__item {
display: flex;
flex: 1 1 232px;
align-items: center;
gap: 8px;
max-width: 232px;
height: 60px;
padding: 0 31px 0 33.65px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.1);
font-size: clamp(18px, 1.25vw, 24px);
font-weight: 600;
line-height: normal;
white-space: nowrap;
}
.seo-platforms__item > img {
flex-shrink: 0;
width: 24px;
height: 24px;
}
.seo-platforms__search {
margin-left: auto;
}
@media (max-width: 991px) {
.seo-platforms {
flex-wrap: wrap;
max-width: 560px;
padding: 16px;
border-radius: 24px;
gap: 12px;
}
.seo-platforms__item {
flex-basis: calc(50% - 6px);
max-width: none;
padding: 0 20px;
}
}
@media (max-width: 767px) {
.seo-platforms {
gap: 10px;
margin-top: 32px;
padding: 12px;
border-radius: 20px;
}
.seo-platforms__item {
flex-basis: calc(50% - 5px);
gap: 8px;
height: 48px;
padding: 0 12px;
font-size: 15px;
}
.seo-platforms__item > img,
.seo-platforms__item .seo-gemini {
transform: scale(0.84);
}
}
.seo-gemini {
position: relative;
flex-shrink: 0;
width: 24px;
height: 24px;
overflow: hidden;
-webkit-mask: url("../images/seo/gemini-mask.svg") 0 0/23.947px 23.917px no-repeat;
mask: url("../images/seo/gemini-mask.svg") 0 0/23.947px 23.917px no-repeat;
}
.seo-gemini img {
position: absolute;
}
.seo-gemini__1 {
left: -5.594px;
top: -3.726px;
}
.seo-gemini__2a {
left: -8.027px;
top: 0.448px;
}
.seo-gemini__2b {
left: -9.162px;
top: 0.93px;
}
.seo-gemini__3a {
left: -3.364px;
top: -10.505px;
}
.seo-gemini__3b {
left: -3.647px;
top: -12.358px;
}
.seo-gemini__4a {
left: -3.323px;
top: 7.293px;
}
.seo-gemini__4b {
left: -3.16px;
top: 10.596px;
}
.seo-brands {
padding: 50px 0 50px;
}
.seo-brands__marquee {
--brands-gap: clamp(48px, 5.885vw, 113px);
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}
.seo-brands__track {
display: flex;
width: max-content;
animation: seo-brands-scroll 40s linear infinite;
}
.seo-brands__marquee:hover .seo-brands__track {
animation-play-state: paused;
}
.seo-brands__row {
display: flex;
flex-shrink: 0;
align-items: center;
gap: var(--brands-gap);
min-height: 42px;
padding-right: var(--brands-gap);
}
.seo-brands__text {
margin-top: 47px;
color: #5b6074;
font-size: 16px;
font-weight: 500;
text-align: center;
}
@media (max-width: 767px) {
.seo-brands {
padding: 40px 0;
}
.seo-brands__marquee {
--brands-gap: 40px;
}
.seo-brands__track {
animation-duration: 30s;
}
.seo-brands__text {
margin-top: 32px;
font-size: 14px;
}
}
@media (prefers-reduced-motion: reduce) {
.seo-brands__track {
animation: none;
}
}
@keyframes seo-brands-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.seo-about {
padding: 98px 0 80px;
background: rgba(0, 167, 89, 0.04);
}
.seo-about__inner {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 40px;
}
.seo-about__content {
flex: 0 1 754px;
padding-top: 44px;
}
.seo-about__content .seo-text:first-of-type {
margin-top: 32px;
}
.seo-about__content .seo-text + .seo-text {
margin-top: 20px;
}
.seo-about__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 31px;
}
.seo-about__visual {
position: relative;
flex: 0 1 704.5px;
aspect-ratio: 704.5/503.56;
}
.seo-about__layer {
position: absolute;
width: 72.886%;
height: 81.6%;
border-radius: 50px 50px 0 0;
}
.seo-about__layer--1 {
left: 18.56%;
top: 5.296%;
background: linear-gradient(180deg, rgba(0, 167, 89, 0.17) 0%, #f5fcf9 98.054%);
}
.seo-about__layer--2 {
left: 10.752%;
top: 18.401%;
background: linear-gradient(180deg, rgba(0, 167, 89, 0) 0%, #f5fcf9 98.054%);
}
.seo-about__layer--3 {
left: 14.301%;
top: 8.97%;
background: linear-gradient(180deg, rgba(0, 167, 89, 0) 0%, #e1f5eb 98.054%);
}
.seo-about__photo, .seo-about__fade {
position: absolute;
left: 31.512%;
top: 0;
width: 62.588%;
height: 90.569%;
}
.seo-about__photo {
overflow: hidden;
}
.seo-about__photo img {
position: absolute;
left: -7.48%;
top: -9.2%;
width: 112.95%;
height: 109.2%;
}
.seo-about__fade {
background: linear-gradient(0deg, #ddf4e9 5.231%, rgba(255, 255, 255, 0) 28.923%);
}
.seo-about__badge {
position: absolute;
left: 0;
top: 32.944%;
display: grid;
place-items: center;
width: 31.512%;
height: 22.137%;
border-radius: 10px;
background: #f6f6f6;
box-shadow: 0 0 20px rgba(0, 167, 89, 0.16);
color: #238153;
font-size: clamp(16px, 1.25vw, 24px);
font-weight: 700;
line-height: 1.208;
text-align: center;
}
.seo-about__ai {
position: absolute;
left: 79.21%;
top: 3.857%;
width: 20.792%;
height: auto;
aspect-ratio: 1;
object-fit: cover;
}
@media (max-width: 1199px) {
.seo-about {
padding: 72px 0;
}
.seo-about__inner {
flex-direction: column;
align-items: stretch;
}
.seo-about__content {
flex-basis: auto;
padding-top: 0;
}
.seo-about__visual {
flex-basis: auto;
width: 100%;
max-width: 704.5px;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.seo-about {
padding: 56px 0;
}
.seo-about__content .seo-text:first-of-type {
margin-top: 20px;
}
.seo-about__actions {
margin-top: 24px;
}
.seo-about__badge {
border-radius: 8px;
font-size: clamp(11px, 3.4vw, 16px);
}
}
.seo-services {
padding: 80px 0;
}
@media (max-width: 767px) {
.seo-services {
padding: 56px 0;
}
}
.seo-services__slider {
position: relative;
}
.seo-services__slider .seo-arrow {
top: 216.5px;
}
.seo-services__slider .seo-arrow--prev {
left: -25px;
}
.seo-services__slider .seo-arrow--next {
right: -25px;
}
.seo-service-card__link { color: inherit; text-decoration: none; }
.seo-service-card__link::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.seo-service-card {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid #d9d9d9;
border-radius: 10px;
background: #fff;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.seo-service-card:hover {
box-shadow: 0 16px 40px rgba(0, 167, 89, 0.12);
transform: translateY(-4px);
}
.seo-service-card__media {
height: 156px;
overflow: hidden;
border-radius: 9px 9px 0 0;
background: #d9d9d9;
}
.seo-service-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.seo-service-card:hover .seo-service-card__media img {
transform: scale(1.05);
}
.seo-service-card__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 20px 23px 0;
}
.seo-service-card__head h3 {
color: #2a4448;
font-size: 20px;
font-weight: 600;
line-height: normal;
}
.seo-service-card__tags {
display: flex;
flex: 1;
flex-direction: column;
align-items: flex-start;
gap: 8px;
margin: 22px 23px 23px;
padding: 24px;
border-radius: 10px;
background: #f7f7f7;
}
.seo-service-card__tags li {
padding: 10px 15px;
border-radius: 1000px;
background: #fff;
color: #2a4448;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
@media (max-width: 767px) {
.seo-service-card__tags {
padding: 18px;
}
.seo-service-card__tags li {
font-size: 15px;
}
}
.seo-cases {
position: relative;
padding: 80px 0;
}
.seo-cases::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 17.487%;
background: linear-gradient(180deg, #00a759 0%, #009066 100%);
}
.seo-cases__inner {
position: relative;
}
.seo-cases__inner > .seo-head {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.seo-cases__inner > .seo-head {
margin-bottom: 28px;
}
}
.seo-cases__inner .seo-dots {
margin-top: 80px;
}
@media (max-width: 767px) {
.seo-cases__inner .seo-dots {
margin-top: 28px;
}
}
.seo-cases__slider {
position: relative;
}
.seo-cases__slider .seo-arrow {
top: 41.82%;
}
.seo-cases__slider .seo-arrow--prev {
left: -26px;
}
.seo-cases__slider .seo-arrow--next {
right: -18px;
}
@media (max-width: 991px) {
.seo-cases::before {
left: 0;
}
}
@media (max-width: 767px) {
.seo-cases {
padding: 56px 0;
}
}
.seo-case-card {
position: relative;
height: 483px;
overflow: hidden;
border-radius: 10px;
background: #fff;
}
.seo-case-card > img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.seo-case-card:hover > img {
transform: scale(1.05);
}
.seo-case-card__info {
position: absolute;
right: 19.5px;
bottom: 15.78px;
left: 19.5px;
height: 116.22px;
padding: 18px 23px 0;
border: 1px solid rgba(196, 196, 196, 0.18);
border-radius: 10px;
background: rgba(255, 255, 255, 0.1);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
color: #fff;
}
.seo-case-card__info h3 {
margin-top: 5px;
font-size: 20px;
font-weight: 600;
line-height: normal;
}
.seo-case-card__info .seo-link {
margin-top: 16px;
margin-left: -1px;
}
.seo-case-card__industry {
font-size: 14px;
font-weight: 400;
line-height: normal;
}
@media (max-width: 767px) {
.seo-case-card {
height: 420px;
}
}
.seo-clients {
padding: 80px 0;
}
.seo-clients__grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px clamp(24px, 5.156vw, 99px);
margin-top: 40px;
}
.seo-clients__grid img {
display: block;
width: 174px;
height: 105px;
object-fit: cover;
}
.seo-clients__more {
display: flex;
justify-content: center;
margin-top: 80px;
}
@media (max-width: 767px) {
.seo-clients {
padding: 56px 0;
}
.seo-clients__grid {
display: block;
margin: 28px -4px 0;
}
.seo-clients__cell {
padding: 6px 4px;
}
.seo-clients__cell img {
width: 100%;
height: auto;
aspect-ratio: 174/105;
object-fit: contain;
}
.seo-clients .seo-dots {
margin-top: 20px;
}
.seo-clients__more {
margin-top: 32px;
}
}
.seo-industries {
padding: 80px 0;
background: #f5fcf9;
}
.seo-industries__top {
display: flex;
gap: 40px;
margin-bottom: 53px;
}
.seo-industries__intro {
flex: 0 0 398px;
padding-right: 26px;
}
.seo-industries__intro .seo-text {
margin-top: 29px;
}
.seo-industries__intro .seo-link {
margin-top: 44px;
}
.seo-industries__platforms {
position: relative;
flex: 1;
min-width: 0;
margin-top: -10px;
}
.seo-industries__platforms .seo-slider {
--gap: 16px;
--cols: 3;
}
.seo-industries__platforms .seo-arrow {
top: 88.48px;
}
.seo-industries__platforms .seo-arrow--prev {
left: -25px;
}
.seo-industries__platforms .seo-arrow--next {
right: -25px;
}
.seo-industries__cards {
position: relative;
}
.seo-industries__cards .seo-arrow {
top: 178.5px;
}
.seo-industries__cards .seo-arrow--prev {
left: -25px;
}
.seo-industries__cards .seo-arrow--next {
right: -25px;
}
@media (max-width: 1199px) {
.seo-industries__top {
flex-direction: column;
}
.seo-industries__intro {
flex-basis: auto;
padding-right: 0;
}
.seo-industries__platforms {
margin-top: 0;
}
}
@media (max-width: 767px) {
.seo-industries {
padding: 56px 0;
}
.seo-industries__top {
gap: 28px;
margin-bottom: 40px;
}
.seo-industries__intro .seo-text {
margin-top: 14px;
}
.seo-industries__intro .seo-link {
margin-top: 20px;
}
}
.seo-platform-card {
height: 209px;
padding: 23px 24px 23px 41.29px;
background: #fff;
transition: box-shadow 0.3s ease;
}
.seo-platform-card:hover {
box-shadow: 0 16px 40px rgba(0, 167, 89, 0.1);
}
.seo-platform-card__icon {
display: grid;
place-items: center;
width: 59.878px;
height: 60px;
background: url("../images/seo/platform-icon-ring.svg") center/59.878px 60px no-repeat;
}
.seo-platform-card h3 {
margin-top: 16px;
color: #2a4448;
font-size: clamp(20px, 1.25vw, 24px);
font-weight: 500;
line-height: normal;
}
.seo-platform-card p {
max-width: 287.414px;
margin-top: 20px;
color: #5b6074;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
@media (max-width: 767px) {
.seo-platform-card {
height: auto;
min-height: 190px;
padding: 20px 24px;
}
.seo-platform-card p {
margin-top: 12px;
font-size: 15px;
}
}
.seo-industry-card {
position: relative;
padding-bottom: 23px;
overflow: hidden;
border: 1px solid #d9d9d9;
border-radius: 10px;
background: #fff;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.seo-industry-card:hover {
box-shadow: 0 16px 40px rgba(0, 167, 89, 0.12);
transform: translateY(-4px);
}
.seo-industry-card__media {
height: 249px;
overflow: hidden;
border-radius: 9px 9px 0 0;
background: #d9d9d9;
}
.seo-industry-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.seo-industry-card:hover .seo-industry-card__media img {
transform: scale(1.05);
}
.seo-industry-card__badge {
position: absolute;
top: 224px;
right: 23px;
width: 50px;
height: 50px;
}
.seo-industry-card__badge--ring {
padding: 9px;
background: url("../images/seo/industry-icon-ring.svg") center/50px 50px no-repeat;
}
.seo-industry-card h3 {
margin: 38px 23px 0;
color: #2a4448;
font-size: 20px;
font-weight: 600;
line-height: normal;
}
.seo-industry-card p {
margin: 8px 23px 0;
color: #5b6074;
font-size: 16px;
font-weight: 400;
line-height: normal;
}
.seo-industry-card .seo-link {
margin: 20px 23px 0;
}
.seo-tools {
padding: 80px 0;
}
.seo-tools .seo-head {
margin-bottom: 79px;
}
.seo-tools__grid {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 64px 84px;
max-width: 1112px;
margin: 0 auto;
}
@media (max-width: 1199px) {
.seo-tools__grid {
gap: 40px 48px;
}
}
.seo-tools__cell {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.seo-tools {
padding: 56px 0;
}
.seo-tools .seo-head {
margin-bottom: 32px;
}
.seo-tools__grid {
display: block;
max-width: none;
}
.seo-tools__cell {
height: 116px;
padding: 0 8px;
}
.seo-tools__cell .seo-logo {
zoom: 0.8;
}
.seo-tools .seo-dots {
margin-top: 20px;
}
}
.seo-partners {
padding: 87px 0 80px;
background: #f5fcf9;
}
.seo-partners__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.seo-partners__intro {
flex: 0 1 590px;
}
.seo-partners__intro .seo-text {
margin-top: 29px;
}
.seo-partners__intro .seo-link {
margin-top: 28px;
}
.seo-partners__logos {
justify-content: flex-end;
}
@media (max-width: 991px) {
.seo-partners__inner {
flex-direction: column;
align-items: flex-start;
}
.seo-partners__intro {
flex: none;
}
.seo-partners__logos {
justify-content: flex-start;
}
}
@media (max-width: 767px) {
.seo-partners {
padding: 56px 0;
}
.seo-partners__intro .seo-text {
margin-top: 14px;
}
.seo-partners__intro .seo-link {
margin-top: 20px;
}
.seo-partners__inner {
align-items: stretch;
}
.seo-partners__logos {
justify-content: center;
}
}
.seo-faq {
padding: 80px 0;
}
.seo-faq .seo-head {
margin-bottom: 61px;
}
.seo-faq__list {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 999px;
margin: 0 auto;
}
.seo-faq__item {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 10px;
background: #fff;
transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.seo-faq__item.is-open {
border-color: rgba(0, 167, 89, 0.4);
box-shadow: 0 10px 30px rgba(0, 167, 89, 0.08);
}
.seo-faq__q {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
width: 100%;
min-height: 68px;
padding: 12px 27px;
border: 0;
background: none;
color: #2a4448;
font-size: 16px;
font-weight: 600;
line-height: normal;
text-align: left;
cursor: pointer;
}
.seo-faq__q img {
flex-shrink: 0;
width: 24px;
height: 24px;
transform: rotate(90deg) scaleY(-1);
transition: transform 0.3s ease;
}
.seo-faq__item.is-open .seo-faq__q img {
transform: rotate(-90deg) scaleY(-1);
}
.seo-faq__a {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.35s ease;
}
.seo-faq__a > div {
overflow: hidden;
}
.seo-faq__a p {
padding: 0 27px 24px;
color: #5b6074;
font-size: 16px;
line-height: 1.6;
}
.seo-faq__item.is-open .seo-faq__a {
grid-template-rows: 1fr;
}
@media (max-width: 767px) {
.seo-faq {
padding: 56px 0;
}
.seo-faq .seo-head {
margin-bottom: 32px;
}
.seo-faq__list {
gap: 12px;
}
.seo-faq__q {
padding: 14px 18px;
font-size: 15px;
}
.seo-faq__a p {
padding: 0 18px 18px;
font-size: 15px;
}
}
.seo-blog {
padding: 87px 0 80px;
background: #f5fcf9;
}
.seo-blog__cards {
position: relative;
}
.seo-blog__cards .seo-slider {
--gap: 48.57px;
--cols: 3;
}
.seo-blog__cards .seo-arrow {
top: 183.5px;
}
.seo-blog__cards .seo-arrow--prev {
left: -22px;
}
.seo-blog__cards .seo-arrow--next {
right: -22px;
}
@media (max-width: 767px) {
.seo-blog {
padding: 56px 0;
}
.seo-blog__cards .seo-slider {
--gap: 16px;
}
}
.seo-blog-card__media {
aspect-ratio: 493.5/296;
overflow: hidden;
background: #d9d9d9;
}
.seo-blog-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.seo-blog-card:hover .seo-blog-card__media img {
transform: scale(1.05);
}
.seo-blog-card h3 {
margin-top: 40px;
color: #2a4448;
font-size: clamp(19px, 1.25vw, 24px);
font-weight: 600;
line-height: normal;
}
.seo-blog-card__meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-top: 28px;
}
.seo-blog-card__meta time {
color: #5b6074;
font-size: 16px;
font-weight: 500;
}
@media (max-width: 767px) {
.seo-blog-card h3 {
margin-top: 20px;
}
.seo-blog-card__meta {
margin-top: 14px;
}
}
.seo-cta {
padding: 80px 0;
}
.seo-cta__panel {
padding: 86px 40px 87px;
border-radius: 20px;
background: linear-gradient(90deg, #00a759 0%, #009066 100%);
color: #fff;
text-align: center;
}
.seo-cta__panel h2 {
color: #fff;
font-size: clamp(28px, 2.5vw, 48px);
font-weight: 600;
line-height: normal;
}
.seo-cta__panel p {
margin-top: 14px;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
.seo-cta__actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-top: 47px;
}
@media (max-width: 767px) {
.seo-cta {
padding: 56px 0;
}
.seo-cta__panel {
width: auto;
margin: 0 16px;
padding: 48px 20px;
}
.seo-cta__panel p {
font-size: 15px;
line-height: 1.45;
}
.seo-cta__actions {
margin-top: 28px;
}
}
.seo-footer {
background: #000;
color: #fff;
font-family: "Noto Sans", sans-serif;
}
.seo-footer__brand {
display: flex;
justify-content: center;
padding: 36px 0 43px;
background: url("../images/seo/line-full.svg") left bottom/100% 1px no-repeat;
}
.seo-footer__logo {
position: relative;
display: block;
width: 250px;
height: 100.652px;
overflow: hidden;
}
.seo-footer__logo img {
position: absolute;
left: -24.48%;
top: -181.65%;
width: 148.3%;
height: 460.43%;
}
.seo-footer__main {
display: flex;
justify-content: space-between;
gap: 40px;
padding: 47px 0 86px;
}
.seo-footer__heading {
color: #fff;
font-size: 26px;
font-weight: 400;
line-height: 26px;
}
.seo-footer__heading span {
font-weight: 400;
}
.seo-footer__heading strong {
font-weight: 700;
}
.seo-footer__heading--right {
text-align: left;
}
.seo-footer__branches {
flex: 0 1 1151px;
}
@media (max-width: 1199px) {
.seo-footer__branches {
flex: none;
}
}
.seo-footer__contact {
display: flex;
flex: 0 0 313px;
flex-direction: column;
align-items: stretch;
padding-top: 62px;
}
.seo-footer__btn {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 29px;
padding: 20px;
border: 1px solid #fff;
border-radius: 10px;
color: #fff;
font-size: 20px;
line-height: 20px;
white-space: nowrap;
transition: background-color 0.2s ease, color 0.2s ease;
}
.seo-footer__btn img {
flex-shrink: 0;
width: 24px;
height: 24px;
}
.seo-footer__btn strong {
font-size: 24px;
font-weight: 600;
}
.seo-footer__btn:hover {
background: rgba(255, 255, 255, 0.08);
color: #fff;
}
.seo-footer__btn--whatsapp {
height: 58px;
margin-top: 16px;
}
.seo-footer__btn--whatsapp strong {
font-size: 20px;
}
.seo-footer__btn-label {
font-weight: 500;
}
.seo-footer__bottom {
padding: 32px 0 53px;
background: url("../images/seo/line-full.svg") left top/100% 1px no-repeat;
}
.seo-footer__bottom-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.seo-footer__copy {
font-size: 20px;
font-weight: 500;
line-height: 20px;
}
@media (max-width: 1199px) {
.seo-footer__main {
flex-direction: column;
}
.seo-footer__contact {
flex-basis: auto;
align-items: flex-start;
padding-top: 0;
}
.seo-footer__heading--right {
text-align: left;
}
.seo-footer__btn {
min-width: 313px;
}
}
@media (max-width: 767px) {
.seo-footer__brand {
padding: 28px 0;
}
.seo-footer__logo {
width: 200px;
height: 80.52px;
}
.seo-footer__main {
padding: 36px 16px 48px;
}
.seo-footer__heading {
font-size: 22px;
}
.seo-footer__btn {
width: 100%;
min-width: 0;
font-size: 17px;
}
.seo-footer__btn strong {
font-size: 20px;
}
.seo-footer__btn--whatsapp strong {
font-size: 17px;
}
.seo-footer__bottom {
padding: 24px 0 32px;
}
.seo-footer__bottom-inner {
flex-direction: column;
}
.seo-footer__copy {
font-size: 15px;
}
}
.seo-branches {
display: grid;
grid-template-columns: 384fr 329fr 438fr;
margin-top: 62px !important;
}
.seo-branch {
padding: 0 0 17px;
}
.seo-branch:nth-child(n+4) {
padding: 47px 0 0;
}
.seo-branch:nth-child(-n+3) {
background: url("../images/seo/line-branches.svg") left bottom/100% 1px no-repeat;
}
.seo-branch:nth-child(3n+2), .seo-branch:nth-child(3n) {
padding-left: 47px;
border-left: 1px solid #2c2c2c;
}
.seo-branch:nth-child(2), .seo-branch:nth-child(3) {
margin-top: -10px;
padding-top: 10px;
}
.seo-branch__country {
display: flex;
align-items: center;
gap: 8px;
font-size: 20px;
font-weight: 700;
line-height: 20px;
}
.seo-branch__country img {
flex-shrink: 0;
width: 30px;
height: 30px;
border-radius: 50%;
}
.seo-branch__address {
margin: 12px 0 0 39px;
font-size: 18px;
font-style: normal;
line-height: 20px;
}
.seo-branch--tall .seo-branch__address {
line-height: 26px;
}
@media (max-width: 991px) {
.seo-branch:nth-child(n) {
margin-top: 0;
padding: 24px 0;
border-left: 0;
background: url("../images/seo/line-branches.svg") left bottom/100% 1px no-repeat;
}
}
@media (max-width: 767px) {
.seo-branch__address {
font-size: 16px;
}
}
@media (max-width: 991px) {
.seo-branches {
grid-template-columns: 1fr 1fr;
column-gap: 32px;
margin-top: 24px !important;
}
}
@media (max-width: 575px) {
.seo-branches {
grid-template-columns: 1fr;
}
}
.seo-socials {
display: flex;
align-items: center;
gap: 21px;
}
.seo-socials a {
position: relative;
display: block;
width: 24px;
height: 24px;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.seo-socials a:hover {
opacity: 0.75;
transform: translateY(-2px);
}
.seo-socials img {
position: absolute;
top: 0;
left: 0;
}
.seo-socials__youtube img {
top: 4.27px;
left: 1.7px;
}
@media (max-width: 767px) {
.seo-industries__platforms,
.seo-industries__cards,
.seo-blog__cards {
padding-bottom: 60px;
}
.seo-main .seo-arrow {
top: auto;
bottom: 0;
}
.seo-main .seo-arrow--prev {
left: calc(50% - 54px);
}
.seo-main .seo-arrow--next {
right: calc(50% - 54px);
}
.seo-services__slider .seo-arrow,
.seo-cases__slider .seo-arrow {
display: none;
}
}
.seo-mcol {
display: flex !important;
flex-direction: column;
}
.seo-nav__list a.is-active::after {
transform: scaleX(1);
}
.seo-offcanvas__nav a.is-active {
color: rgb(0%, 89.4901960784%, 47.692379946%);
}
.seo-offcanvas__nav a.is-active img {
opacity: 1;
}
@media (min-width: 768px) and (max-width: 1199px) {
body.seo-page .seo-arrow--prev {
left: -12px;
}
body.seo-page .seo-arrow--next {
right: -12px;
}
}
.seo-fab {
position: fixed;
top: 50%;
right: 0;
z-index: 900;
transform: translateY(-50%);
}
@media (max-width: 767px) {
.seo-fab {
display: none;
}
}
.seo-fab__strip {
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px;
border: 1px solid #d9d9d9;
border-right: 0;
border-radius: 18px 0 0 18px;
background: #fff;
box-shadow: -8px 12px 32px rgba(13, 23, 34, 0.14);
}
.seo-fab__icon {
display: grid;
flex-shrink: 0;
place-items: center;
width: 44px;
height: 44px;
border-radius: 50%;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.seo-fab__icon img {
width: 20px;
height: 20px;
}
.seo-fab__icon--whatsapp {
background: #25d366;
}
.seo-fab__icon--call {
background: #009066;
}
.seo-fab__icon--enquiry {
background: linear-gradient(90deg, #00a759 0%, #009066 100%);
}
.seo-fab__icon--enquiry img {
filter: brightness(0) invert(1);
}
.seo-fab__strip .seo-fab__icon:hover, .seo-fab__strip .seo-fab__icon:focus-visible {
transform: scale(1.08);
box-shadow: 0 6px 16px rgba(13, 23, 34, 0.2);
}
.seo-fab__strip .seo-fab__icon:focus-visible {
outline: 2px solid #00a759;
outline-offset: 2px;
}
.seo-fab__panel {
position: absolute;
top: 50%;
right: calc(100% + 12px);
width: 290px;
padding: 22px 16px 14px;
border: 1px solid rgba(255, 255, 255, 0.75);
border-radius: 20px;
background: linear-gradient(145deg, rgba(255, 255, 255, 0.78) 0%, rgba(245, 252, 249, 0.62) 55%, rgba(0, 167, 89, 0.1) 100%);
box-shadow: 0 24px 60px rgba(13, 23, 34, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.9);
backdrop-filter: blur(20px) saturate(170%);
opacity: 0;
visibility: hidden;
transform: translate(16px, -50%);
transition: opacity 0.25s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.25s ease;
}
.seo-fab__panel::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 100%;
width: 12px;
}
.seo-fab:hover .seo-fab__panel, .seo-fab:focus-within .seo-fab__panel {
opacity: 1;
visibility: visible;
transform: translate(0, -50%);
}
.seo-fab__title {
margin: 0 8px 12px !important;
color: #2a4448;
font-size: 18px;
font-weight: 400;
line-height: 1.3;
}
.seo-fab__title strong {
font-weight: 700;
}
.seo-fab__row {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 8px;
border-radius: 12px;
color: #2a4448;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
transition: background-color 0.2s ease;
}
.seo-fab__row + .seo-fab__row {
margin-top: 2px;
}
.seo-fab__row .seo-fab__icon {
width: 40px;
height: 40px;
}
.seo-fab__row:hover {
background: rgba(255, 255, 255, 0.65);
color: #2a4448;
}
.seo-fab__row:hover .seo-fab__arrow {
opacity: 1;
transform: translateX(3px);
}
.seo-fab__row small {
display: block;
margin-bottom: 2px;
color: #5b6074;
font-size: 12px;
font-weight: 500;
}
.seo-fab__arrow {
margin-left: auto;
opacity: 0.35;
transition: opacity 0.2s ease, transform 0.2s ease;
}
html.seo-modal-open .seo-fab,
html.seo-nav-open .seo-fab {
display: none;
}
@media (prefers-reduced-motion: reduce) {
.seo-fab__icon,
.seo-fab__panel,
.seo-fab__arrow {
transition: none;
}
}
.seo-mbar {
display: none;
}
@media (max-width: 767px) {
.seo-mbar {
position: fixed;
right: 16px;
bottom: calc(12px + env(safe-area-inset-bottom));
left: 16px;
z-index: 950;
display: grid;
grid-template-columns: 1fr 1fr 1.15fr;
align-items: center;
height: 56px;
padding: 5px;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 1000px;
background: linear-gradient(160deg, rgba(13, 23, 34, 0.84), rgba(11, 42, 32, 0.8));
box-shadow: 0 14px 36px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.1);
backdrop-filter: blur(16px) saturate(150%);
opacity: 0;
visibility: hidden;
transform: translateY(calc(100% + 24px));
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease, visibility 0.3s ease;
}
.seo-mbar.is-visible {
opacity: 1;
visibility: visible;
transform: none;
}
}
@media (prefers-reduced-motion: reduce) {
.seo-mbar {
transition: none;
}
}
@media (max-width: 767px) {
body.seo-page {
padding-bottom: calc(80px + env(safe-area-inset-bottom));
}
}
.seo-mbar__btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
height: 100%;
border-radius: 1000px;
font-size: 14px;
font-weight: 600;
white-space: nowrap;
transition: background-color 0.2s ease, transform 0.15s ease;
}
.seo-mbar__btn, .seo-mbar__btn:hover, .seo-mbar__btn:focus {
color: #fff;
}
.seo-mbar__btn img {
width: 18px;
height: 18px;
}
.seo-mbar__btn:active {
transform: scale(0.96);
}
.seo-mbar__btn--whatsapp::after {
content: "";
position: absolute;
top: 25%;
right: 0;
bottom: 25%;
width: 1px;
background: rgba(255, 255, 255, 0.18);
}
.seo-mbar__btn--whatsapp img {
filter: drop-shadow(0 0 6px rgba(37, 211, 102, 0.6));
}
.seo-mbar__btn--enquiry {
background: linear-gradient(90deg, #00a759 0%, #009066 100%);
box-shadow: 0 4px 14px rgba(0, 167, 89, 0.45);
}
.seo-mbar__btn--enquiry img {
filter: brightness(0) invert(1);
}
html.seo-modal-open .seo-mbar,
html.seo-nav-open .seo-mbar {
display: none;
}
.seo-page-banner {
position: relative;
height: clamp(200px, 17.1875vw, 330px);
background: #009066 url("../images/seo/page-banner.jpg") center -7px/cover no-repeat;
color: #fff;
}
@media (max-width: 1199px) {
.seo-page-banner {
height: 180px;
}
}
@media (max-width: 767px) {
.seo-page-banner {
height: 150px;
}
}
.seo-page-banner__inner {
position: relative;
height: 100%;
}
.seo-breadcrumb {
position: absolute;
right: 0;
bottom: 24px;
font-size: 14px;
line-height: normal;
}
.seo-breadcrumb ol {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
margin: 0;
padding: 0;
list-style: none;
}
.seo-breadcrumb li {
font-weight: 400;
}
.seo-breadcrumb li + li::before {
content: "/";
margin: 0 0.3em;
}
.seo-breadcrumb a {
color: #fff;
transition: opacity 0.2s ease;
}
.seo-breadcrumb a:hover {
opacity: 0.75;
}
.seo-breadcrumb li:not(:first-child),
.seo-breadcrumb li:not(:first-child) a {
font-weight: 500;
}
@media (max-width: 767px) {
.seo-breadcrumb {
right: 16px;
left: 16px;
bottom: 16px;
font-size: 13px;
}
}
html.seo-modal-open body {
overflow: hidden;
}
.seo-audit {
position: fixed;
inset: 0;
z-index: 2100;
visibility: hidden;
transition: visibility 0s linear 0.4s;
}
.seo-audit[hidden] {
display: none;
}
.seo-audit.is-open {
visibility: visible;
transition-delay: 0s;
}
.seo-audit__backdrop {
position: absolute;
inset: 0;
background: rgba(13, 23, 34, 0.51);
opacity: 0;
transition: opacity 0.3s ease;
}
.seo-audit.is-open .seo-audit__backdrop {
opacity: 1;
}
.seo-audit__scroller {
position: absolute;
inset: 0;
display: flex;
align-items: flex-start;
justify-content: flex-end;
overflow-y: auto;
overscroll-behavior: contain;
padding: clamp(24px, 7.14vw, 137px) clamp(16px, 2.24vw, 43px) 40px;
}
@media (max-width: 767px) {
.seo-audit__scroller {
justify-content: center;
padding: 16px;
}
}
.seo-audit__panel {
position: relative;
width: 100%;
max-width: 556px;
padding: 50px;
border-radius: 20px;
background: #fff;
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
opacity: 0;
transform: translateX(32px);
transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.seo-audit.is-open .seo-audit__panel {
opacity: 1;
transform: none;
}
@media (max-width: 767px) {
.seo-audit__panel {
padding: 24px 20px 28px;
border-radius: 16px;
transform: translateY(24px);
}
}
.seo-audit__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.seo-audit__title {
color: #2a4448;
font-size: clamp(24px, 1.46vw, 28px);
font-weight: 500;
line-height: normal;
}
.seo-audit__close {
display: grid;
flex-shrink: 0;
place-items: center;
width: 50px;
height: 50px;
padding: 0;
border: 0;
border-radius: 50%;
background: #efefef;
cursor: pointer;
transition: background-color 0.2s ease, transform 0.3s ease;
}
.seo-audit__close img {
width: 24px;
height: 24px;
}
.seo-audit__close:hover {
background: rgb(87.7254901961%, 87.7254901961%, 87.7254901961%);
transform: rotate(90deg);
}
@media (max-width: 767px) {
.seo-audit__close {
width: 44px;
height: 44px;
}
}
.seo-audit__intro {
margin-top: 26px !important;
padding-bottom: 17px !important;
border-bottom: 1px solid rgba(144, 162, 177, 0.21);
color: #5b6074;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
@media (max-width: 767px) {
.seo-audit__intro {
margin-top: 16px !important;
font-size: 15px;
}
}
.seo-audit__form {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 24px;
}
.seo-audit__field {
margin: 0;
padding: 0;
border: 0;
min-width: 0;
}
.seo-audit__field > label,
.seo-audit__field legend {
display: block;
margin-bottom: 16px;
padding: 0;
color: #2a4448;
font-size: 14px;
font-weight: 500;
line-height: normal;
}
.seo-audit__field.is-disabled {
opacity: 0.5;
}
.seo-audit__control {
position: relative;
}
.seo-audit__control input,
.seo-audit__control textarea {
display: block;
width: 100%;
border: 1px solid rgba(144, 162, 177, 0.44);
background: #fffefe;
color: #2a4448;
font-size: 14px;
line-height: normal;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.seo-audit__control input::placeholder,
.seo-audit__control textarea::placeholder {
color: #5b6074;
opacity: 1;
}
.seo-audit__control input:focus,
.seo-audit__control textarea:focus {
border-color: #00a759;
outline: 0;
box-shadow: 0 0 0 3px rgba(0, 167, 89, 0.15);
}
.seo-audit__control input:disabled,
.seo-audit__control textarea:disabled {
cursor: not-allowed;
}
.seo-audit__control input {
height: 48px;
padding: 0 52px 0 16px;
border-radius: 100px;
}
.seo-audit__control textarea {
height: 166px;
padding: 16px 52px 16px 16px;
border-radius: 10px;
resize: vertical;
}
.seo-audit__form.is-validated .seo-audit__control :invalid {
border-color: #d93025;
}
.seo-audit__icon {
position: absolute;
top: 12px;
right: 16px;
width: 24px;
height: 24px;
pointer-events: none;
}
.seo-audit__icon img {
position: absolute;
top: 0;
left: 0;
}
.seo-audit__icon--globe img {
top: 3.25px;
left: 3.25px;
}
.seo-audit__icon--business img {
top: 1px;
left: 2px;
}
.seo-audit__icon--goal img {
top: 1.94px;
left: 1px;
}
.seo-audit__icon--tools img {
top: 1.25px;
left: 1.25px;
}
.seo-audit__radios {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 24px;
}
.seo-audit__radios legend {
width: 100%;
margin-bottom: 17px;
}
.seo-audit__radios label {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 44px;
margin: -10px 0;
color: #2a4448;
font-size: 14px;
font-weight: 500;
cursor: pointer;
}
.seo-audit__radios input {
flex-shrink: 0;
width: 25px;
height: 25px;
margin: 0;
border-radius: 50%;
background: url("../images/seo/audit/radio.svg") center/25px 25px no-repeat;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
.seo-audit__radios input:checked {
background: radial-gradient(circle, #00a759 0 7px, transparent 7.5px), url("../images/seo/audit/radio.svg") center/25px 25px no-repeat;
}
.seo-audit__radios input:focus-visible {
outline: 2px solid #00a759;
outline-offset: 2px;
}
.seo-audit__submit {
align-self: flex-start;
margin-top: 27px;
border: 0;
font-family: inherit;
}
@media (max-width: 767px) {
.seo-audit__submit {
align-self: stretch;
margin-top: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
.seo-audit__panel,
.seo-audit__backdrop {
transition: none;
}
}
.seo-hsearch {
position: relative;
}
.seo-search {
position: absolute;
top: calc(100% + 16px);
right: -14px;
z-index: 10;
width: 320px;
padding: 10px;
border-radius: 16px;
background: #fff;
box-shadow: 0 20px 50px rgba(13, 23, 34, 0.22);
animation: seo-search-in 0.2s ease;
}
.seo-search[hidden] {
display: none;
}
.seo-search::before {
content: "";
position: absolute;
top: -6px;
right: 22px;
width: 12px;
height: 12px;
border-radius: 2px;
background: #fff;
transform: rotate(45deg);
}
@media (max-width: 767px) {
.seo-search {
position: fixed;
top: 76px;
right: 16px;
left: 16px;
width: auto;
}
.seo-search::before {
right: 72px;
}
}
@keyframes seo-search-in {
from {
opacity: 0;
transform: translateY(-6px);
}
}
.seo-search__form {
position: relative;
}
.seo-search__form > img {
position: absolute;
top: 50%;
left: 14px;
filter: brightness(0) opacity(0.45);
transform: translateY(-50%);
pointer-events: none;
}
.seo-search__form input {
display: block;
width: 100%;
height: 44px;
padding: 0 14px 0 40px;
border: 1px solid rgba(144, 162, 177, 0.44);
border-radius: 100px;
background: #fffefe;
color: #2a4448;
font-size: 14px;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.seo-search__form input::placeholder {
color: #5b6074;
opacity: 1;
}
.seo-search__form input:focus {
border-color: #00a759;
outline: 0;
box-shadow: 0 0 0 3px rgba(0, 167, 89, 0.15);
}
.seo-search__form input::-webkit-search-cancel-button {
display: none;
}
.seo-search__results {
margin-top: 6px !important;
}
.seo-search__results a {
display: block;
padding: 9px 12px;
border-radius: 10px;
color: #2a4448;
font-size: 14px;
font-weight: 500;
transition: background-color 0.15s ease, color 0.15s ease;
}
.seo-search__results a:hover, .seo-search__results a:focus-visible {
background: #f5fcf9;
color: #009066;
outline: 0;
}
.seo-search__empty {
padding: 12px !important;
color: #5b6074;
font-size: 14px;
text-align: center;
}
@media (prefers-reduced-motion: reduce) {
.seo-search {
animation: none;
}
}
.seo-blog-card h3 a {
transition: color 0.2s ease;
}
.seo-blog-card h3 a:hover {
color: #00a759;
}
.seo-blog-card__media {
display: block;
}
.seo-blog-card--excerpt {
display: flex;
flex-direction: column;
}
.seo-blog-card--excerpt[hidden] {
display: none;
}
.seo-blog-card--excerpt .seo-blog-card__meta {
margin-top: auto;
padding-top: 41px;
}
.seo-blog-card__excerpt {
display: -webkit-box;
margin-top: 20px;
overflow: hidden;
color: #5b6074;
font-size: 16px;
font-weight: 500;
line-height: normal;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.seo-blog-card--compact {
display: grid;
grid-template-columns: 88px minmax(0, 1fr);
column-gap: 12px;
padding: 10px;
border-radius: 10px;
background: #fff;
}
.seo-blog-card--compact .seo-blog-card__media {
grid-row: span 2;
aspect-ratio: 4/3;
border-radius: 8px;
}
.seo-blog-card--compact h3 {
display: -webkit-box;
align-self: end;
margin-top: 0;
overflow: hidden;
font-size: 15px;
line-height: 1.35;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.seo-blog-card--compact .seo-blog-card__meta {
align-self: start;
margin-top: 6px;
color: #5b6074;
font-size: 13px;
}
.seo-blog-card--compact .seo-blog-card__meta time {
font-size: 13px;
}
@media (max-width: 767px) {
.seo-blog-card--excerpt .seo-blog-card__meta {
padding-top: 20px;
}
.seo-blog-card__excerpt {
margin-top: 12px;
font-size: 15px;
line-height: 1.45;
}
}
.seo-blog-list {
padding: 80px 0;
}
.seo-blog-list__title {
margin-bottom: 40px;
}
.seo-blog-list__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 60px 48px;
}
.seo-blog-list__more {
margin-top: 80px;
text-align: center;
}
.seo-blog-list__more[hidden] {
display: none;
}
.seo-blog-list__more-btn {
min-height: 44px;
padding: 12px 16px;
border: 0;
background: none;
background: linear-gradient(90deg, #009066 0%, #00a759 50%, #7adeaf 86%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-size: 16px;
font-weight: 500;
line-height: normal;
cursor: pointer;
}
.seo-blog-list__more-btn:hover, .seo-blog-list__more-btn:focus-visible {
text-decoration: underline;
}
@media (max-width: 1199px) {
.seo-blog-list {
padding: 64px 0;
}
.seo-blog-list__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 48px 32px;
}
.seo-blog-list__more {
margin-top: 56px;
}
}
@media (max-width: 767px) {
.seo-blog-list {
padding: 48px 0;
}
.seo-blog-list__title {
margin-bottom: 28px;
}
.seo-blog-list__grid {
grid-template-columns: minmax(0, 1fr);
gap: 40px;
}
.seo-blog-list__more {
margin-top: 32px;
}
}
.seo-blog-hero {
position: relative;
height: clamp(460px, 45vw, 864px);
overflow: hidden;
background: #009066;
color: #fff;
isolation: isolate;
}
.seo-blog-hero__bg {
position: absolute;
inset: 0;
z-index: -2;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 0;
}
.seo-blog-hero::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: #009066;
mix-blend-mode: multiply;
}
.seo-blog-hero__inner {
position: relative;
height: 100%;
}
.seo-blog-hero__content {
position: absolute;
right: 0;
bottom: 67px;
left: 0;
}
.seo-blog-hero__meta {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 500;
}
.seo-blog-hero__title {
margin-top: 24px;
color: #fff;
font-size: clamp(30px, 3.3333vw, 64px);
font-weight: 500;
line-height: normal;
}
@media (max-width: 1199px) {
.seo-blog-hero__content {
bottom: 60px;
}
}
@media (max-width: 767px) {
.seo-blog-hero {
height: auto;
min-height: 420px;
}
.seo-blog-hero__inner {
min-height: 420px;
}
.seo-blog-hero__content {
right: 16px;
bottom: 72px;
left: 16px;
}
.seo-blog-hero__title {
margin-top: 14px;
font-size: 28px;
}
}
.seo-blog-detail {
padding: 80px 0;
}
.seo-blog-detail__layout {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) 26%;
gap: 3%;
align-items: start;
}
@media (max-width: 1199px) {
.seo-blog-detail {
padding: 64px 0;
}
.seo-blog-detail__layout {
grid-template-columns: minmax(0, 1fr);
gap: 56px;
}
}
@media (max-width: 767px) {
.seo-blog-detail {
padding: 40px 0 56px;
}
.seo-blog-detail__layout {
gap: 40px;
}
}
.seo-blog-article {
color: #5b6074;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
.seo-blog-article p + p {
margin-top: 24px;
}
.seo-blog-article p + .seo-blog-article__lead-gap {
margin-top: 40px;
}
.seo-blog-article h2 {
margin: 40px 0 24px;
color: #2a4448;
font-size: clamp(24px, 1.875vw, 36px);
font-weight: 500;
line-height: 1.222;
}
@media (max-width: 767px) {
.seo-blog-article {
font-size: 15px;
line-height: 1.55;
}
.seo-blog-article p + p {
margin-top: 18px;
}
.seo-blog-article h2 {
margin: 32px 0 16px;
line-height: 1.25;
}
}
.seo-blog-video {
position: relative;
max-width: 955.5625px;
margin: 40px 0;
aspect-ratio: 955.5625/383.7384;
overflow: hidden;
background: #d9d9d9;
}
.seo-blog-video > img,
.seo-blog-video video {
display: block;
width: 100%;
height: 100%;
border: 0;
object-fit: cover;
}
.seo-blog-video video {
background: #000;
object-fit: contain;
}
.seo-blog-video__play {
position: absolute;
top: 50%;
left: 50%;
display: grid;
place-items: center;
width: 60px;
height: 60px;
padding: 0;
border: 0;
border-radius: 50%;
background: none;
cursor: pointer;
transform: translate(-50%, -50%);
transition: transform 0.2s ease;
}
.seo-blog-video__play > img {
grid-area: 1/1;
}
.seo-blog-video__play:hover {
transform: translate(-50%, -50%) scale(1.1);
}
@media (max-width: 767px) {
.seo-blog-video {
margin: 28px 0;
aspect-ratio: 16/9;
}
}
.seo-blog-gallery {
display: grid;
grid-template-columns: 461fr 486.3125fr;
gap: 24px;
margin: 25px 0 40px;
}
.seo-blog-gallery__item {
margin: 0;
height: clamp(220px, 17.6136vw, 338px);
overflow: hidden;
background: #d9d9d9;
}
.seo-blog-gallery__item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.seo-blog-gallery__item--a img {
object-position: 50% 85%;
}
@media (max-width: 767px) {
.seo-blog-gallery {
grid-template-columns: minmax(0, 1fr);
gap: 16px;
margin: 24px 0 28px;
}
.seo-blog-gallery__item {
height: auto;
aspect-ratio: 461/338;
}
}
.seo-blog-recent {
padding: 38px;
border-radius: 20px;
background: #ecf4f0;
}
.seo-blog-recent__title {
margin-bottom: 24px;
color: #2a4448;
font-size: clamp(22px, 1.4583vw, 28px);
font-weight: 500;
line-height: normal;
}
.seo-blog-recent__list {
display: grid;
gap: 16px;
}
@media (max-width: 1440px) {
.seo-blog-recent {
padding: 24px;
}
}
@media (max-width: 1199px) {
.seo-blog-recent__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.seo-blog-recent {
padding: 20px 16px;
}
.seo-blog-recent__list {
grid-template-columns: minmax(0, 1fr);
}
}
.seo-svc-head .seo-text {
max-width: 750px;
margin: 40px auto 0;
}
.seo-svc-head--wide .seo-text {
max-width: 1130px;
}
@media (max-width: 767px) {
.seo-svc-head .seo-text {
margin-top: 14px;
}
}
.seo-svc-industries__grid, .seo-svc-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 32px 22px;
}
@media (max-width: 1399px) {
.seo-svc-industries__grid, .seo-svc-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 1199px) {
.seo-svc-industries__grid, .seo-svc-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.seo-svc-industries__grid, .seo-svc-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
}
@media (max-width: 575px) {
.seo-svc-industries__grid, .seo-svc-grid {
grid-template-columns: minmax(0, 1fr);
}
}
.seo-svc-card {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
border: 1px solid rgba(144, 162, 177, 0.44);
border-radius: 10px;
background: #fff;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.seo-svc-card:hover {
box-shadow: 0 16px 40px rgba(0, 167, 89, 0.12);
transform: translateY(-4px);
}
.seo-svc-card__media {
position: relative;
height: 122px;
overflow: hidden;
background: #ebebeb;
}
.seo-svc-card__media > img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.seo-svc-card:hover .seo-svc-card__media > img {
transform: scale(1.05);
}
.seo-svc-card__badge {
position: absolute;
top: 21px;
left: 21px;
display: grid;
place-items: center;
width: 50px;
height: 50px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.54);
backdrop-filter: blur(5px);
}
.seo-svc-card__body {
display: flex;
flex: 1;
flex-direction: column;
align-items: flex-start;
padding: 22px 21px 21px;
}
.seo-svc-card__body h3 {
color: #2a4448;
font-size: 18px;
font-weight: 600;
line-height: normal;
}
.seo-svc-card__body p {
margin-top: 12px;
margin-bottom: 31px;
color: #5b6074;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
.seo-svc-card__link {
min-height: 24px;
margin-top: auto;
}
@media (max-width: 767px) {
.seo-svc-card__body p {
margin-bottom: 20px;
font-size: 15px;
}
.seo-svc-card__link {
min-height: 44px;
}
}
.seo-svc-list {
padding: 80px 0;
}
@media (max-width: 767px) {
.seo-svc-list {
padding: 48px 0 56px;
}
}
.seo-svc-benefits {
display: grid;
grid-template-columns: repeat(3, minmax(0, 450px));
justify-content: center;
gap: 31px;
margin-bottom: 60px;
}
@media (max-width: 1199px) {
.seo-svc-benefits {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
}
@media (max-width: 991px) {
.seo-svc-benefits {
grid-template-columns: minmax(0, 1fr);
gap: 12px;
margin-bottom: 40px;
}
}
.seo-svc-benefit {
display: flex;
gap: 12px;
min-height: 146px;
padding: 24px;
border-radius: 10px;
background: #f5fcf9;
}
.seo-svc-benefit__icon {
display: grid;
flex-shrink: 0;
place-items: center;
width: 60px;
height: 60px;
border-radius: 50%;
background: #fff;
}
.seo-svc-benefit > div {
padding-top: 15px;
}
.seo-svc-benefit h2 {
color: #2a4448;
font-size: clamp(20px, 1.25vw, 24px);
font-weight: 500;
line-height: normal;
}
.seo-svc-benefit p {
max-width: 330px;
margin-top: 16px;
color: #5b6074;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
@media (max-width: 767px) {
.seo-svc-benefit {
min-height: 0;
padding: 18px;
}
.seo-svc-benefit > div {
padding-top: 6px;
}
.seo-svc-benefit p {
margin-top: 8px;
font-size: 15px;
}
}
.seo-svc-intro {
padding-top: 80px;
}
.seo-svc-intro > .container-ctn .seo-head {
margin-bottom: 0;
}
.seo-svc-intro > .container-ctn .seo-text {
max-width: 972px;
}
@media (max-width: 767px) {
.seo-svc-intro {
padding-top: 48px;
}
}
.seo-svc-feature {
padding: 80px 0;
background: linear-gradient(to bottom, #fff 248px, #f5fcf9 248px);
}
.seo-svc-feature__media {
max-width: 1258px;
margin: 0 auto;
aspect-ratio: 1258/484;
overflow: hidden;
border-radius: 20px;
background: #d9d9d9;
}
.seo-svc-feature__media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 30.5%;
}
.seo-svc-feature__text {
margin: 40px 0 0;
}
@media (max-width: 767px) {
.seo-svc-feature {
padding: 32px 0 56px;
background: linear-gradient(to bottom, #fff 144px, #f5fcf9 144px);
}
.seo-svc-feature__media {
aspect-ratio: 16/10;
border-radius: 12px;
}
.seo-svc-feature__text {
margin-top: 28px;
}
}
.seo-svc-core {
padding: 80px 0;
}
.seo-svc-core__grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 22px;
}
@media (max-width: 1199px) {
.seo-svc-core__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.seo-svc-core__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
}
@media (max-width: 575px) {
.seo-svc-core__grid {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 767px) {
.seo-svc-core {
padding: 56px 0;
}
}
.seo-svc-core-card {
min-height: 322px;
padding: 20px;
border-radius: 20px;
background: #edf6f2;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.seo-svc-core-card:hover {
box-shadow: 0 16px 40px rgba(0, 167, 89, 0.1);
transform: translateY(-4px);
}
.seo-svc-core-card__icon {
display: grid;
place-items: center;
width: 60px;
height: 60px;
border-radius: 50%;
background: #fff;
}
.seo-svc-core-card h3 {
margin-top: 28px;
color: #2a4448;
font-size: 20px;
font-weight: 600;
line-height: normal;
}
.seo-svc-core-card p {
margin-top: 24px;
color: #5b6074;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
@media (max-width: 767px) {
.seo-svc-core-card {
min-height: 0;
}
.seo-svc-core-card h3 {
margin-top: 20px;
}
.seo-svc-core-card p {
margin-top: 12px;
font-size: 15px;
}
}
.seo-svc-industries {
padding: 80px 0;
background: #f5fcf9;
}
.seo-svc-industries__grid {
row-gap: 40px;
}
@media (max-width: 767px) {
.seo-svc-industries__grid {
row-gap: 16px;
}
}
@media (max-width: 767px) {
.seo-svc-industries {
padding: 56px 0;
}
}
.seo-industry-card--sm {
padding-bottom: 20px;
border-color: transparent;
}
.seo-industry-card--sm .seo-industry-card__media {
height: 124px;
}
.seo-industry-card--sm .seo-industry-card__badge {
top: 104px;
right: 24px;
}
.seo-industry-card--sm h3 {
margin: 20px 20px 0;
}
.seo-industry-card--sm p {
margin: 9px 20px 0;
}
.seo-industry-card--sm .seo-link {
margin: 19px 20px 0;
}
@media (max-width: 767px) {
.seo-industry-card--sm .seo-link {
min-height: 44px;
margin-top: 8px;
}
}
.seo-faq--plus {
padding-bottom: 0;
}
.seo-faq--plus .seo-head {
margin-bottom: 40px;
}
.seo-faq--plus .seo-faq__list {
max-width: 1272px;
}
.seo-faq--plus .seo-faq__item {
border-color: rgba(144, 162, 177, 0.44);
}
.seo-faq--plus .seo-faq__q {
min-height: 77px;
padding: 12px 24px;
}
.seo-faq--plus .seo-faq__q img {
width: 32px;
height: 32px;
transform: none;
clip-path: inset(0);
transition: clip-path 0.3s ease;
}
.seo-faq--plus .seo-faq__item.is-open .seo-faq__q img {
clip-path: inset(14.67px 0);
transform: none;
}
.seo-faq--plus .seo-faq__a p {
padding: 0 24px 24px;
}
@media (max-width: 767px) {
.seo-faq--plus {
padding-bottom: 0;
}
.seo-faq--plus .seo-head {
margin-bottom: 28px;
}
.seo-faq--plus .seo-faq__q {
min-height: 64px;
padding: 12px 18px;
}
.seo-faq--plus .seo-faq__a p {
padding: 0 18px 18px;
}
}
.seo-svc-detail .seo-cta {
padding-bottom: 0;
}
.seo-svc-detail .seo-cta .seo-cta__panel {
padding: 60px 40px;
}
.seo-svc-detail .seo-cta .seo-cta__panel p {
max-width: 680px;
margin-right: auto;
margin-left: auto;
}
.seo-svc-detail .seo-cta .seo-cta__actions {
margin-top: 28px;
}
@media (max-width: 767px) {
.seo-svc-detail .seo-cta {
padding-bottom: 0;
}
.seo-svc-detail .seo-cta .seo-cta__panel {
padding: 48px 20px;
}
}
.seo-svc-other {
padding: 80px 0;
}
.seo-svc-other__head {
text-align: left;
}
.seo-svc-other__head .seo-text {
margin-left: 0;
}
.seo-svc-other__slider {
position: relative;
}
.seo-svc-other__slider .seo-slider {
--gap: 22px;
--cols: 5;
}
.seo-svc-other__slider .seo-arrow--next {
top: 117px;
right: -25px;
}
@media (max-width: 1399px) {
.seo-svc-other__slider .seo-slider {
--cols: 4;
}
}
@media (max-width: 1199px) {
.seo-svc-other__slider .seo-slider {
--cols: 3;
}
}
@media (max-width: 767px) {
.seo-svc-other {
padding: 56px 0;
}
.seo-svc-other__slider {
padding-bottom: 0;
}
.seo-svc-other__slider .seo-slider {
--cols: 2;
}
.seo-svc-other__slider .seo-arrow {
display: none;
}
}
@media (max-width: 575px) {
.seo-svc-other__slider .seo-slider {
--cols: 1;
}
}
.seo-ind-intro {
padding: 80px 0;
text-align: center;
}
.seo-ind-intro .seo-text {
max-width: 977px;
margin: 24px auto 0;
}
@media (max-width: 767px) {
.seo-ind-intro {
padding: 56px 0;
}
.seo-ind-intro .seo-text {
margin-top: 16px;
}
}
.seo-ind-main {
padding: 80px 0;
background: #f5fcf9;
}
@media (max-width: 767px) {
.seo-ind-main {
padding: 56px 0;
}
}
.seo-ind-top {
display: grid;
grid-template-columns: minmax(0, 422fr) repeat(3, minmax(0, 370fr));
gap: 16px;
margin-bottom: 60px;
}
.seo-ind-top__intro {
padding-right: 17px;
}
.seo-ind-top__intro .seo-title {
line-height: 60px;
}
.seo-ind-top__intro .seo-text {
max-width: 404px;
margin-top: 24px;
}
.seo-ind-top .seo-platform-card {
height: auto;
min-height: 209px;
}
@media (max-width: 1599px) {
.seo-ind-top .seo-platform-card {
padding-left: 24px;
}
}
@media (max-width: 1199px) {
.seo-ind-top {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.seo-ind-top__intro {
grid-column: 1/-1;
padding-right: 0;
margin-bottom: 16px;
}
.seo-ind-top__intro .seo-title {
line-height: 1.3;
}
.seo-ind-top__intro .seo-text {
max-width: 640px;
margin-top: 16px;
}
}
@media (max-width: 767px) {
.seo-ind-top {
grid-template-columns: minmax(0, 1fr);
margin-bottom: 40px;
}
.seo-ind-top__intro {
margin-bottom: 8px;
}
}
.seo-ind-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 40px 22px;
margin-bottom: 40px;
}
.seo-ind-grid__stretch::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
@media (max-width: 1399px) {
.seo-ind-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 1199px) {
.seo-ind-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px 20px;
}
}
@media (max-width: 767px) {
.seo-ind-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px 12px;
}
}
@media (max-width: 479px) {
.seo-ind-grid {
grid-template-columns: minmax(0, 1fr);
}
}
.seo-industry-card--compact {
padding-bottom: 20px;
border: 0;
}
.seo-industry-card--compact .seo-industry-card__media {
height: 124px;
border-radius: 10px 10px 0 0;
background: #ddd;
}
.seo-industry-card--compact .seo-industry-card__badge {
top: 104px;
right: 24px;
}
.seo-industry-card--compact h3 {
margin: 20px 20px 0;
}
.seo-industry-card--compact h3 a {
color: inherit;
}
.seo-industry-card--compact p {
margin: 9px 20px 0;
}
.seo-industry-card--compact .seo-link {
margin: 19px 20px 0;
}
.seo-industry-card--compact:hover .seo-link img {
transform: translateX(4px);
}
@media (max-width: 767px) {
.seo-industry-card--compact h3 {
margin: 20px 14px 0;
font-size: 18px;
}
.seo-industry-card--compact p {
margin: 6px 14px 0;
font-size: 14px;
}
.seo-industry-card--compact .seo-link {
margin: 14px 14px 0;
}
}
.seo-ind-promo {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 259px;
padding: 77px 20px 21px;
border-radius: 10px;
background: linear-gradient(180deg, #00a759 0%, #009066 100%);
color: #fff;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.seo-ind-promo__text {
max-width: 260px;
color: #fff;
font-size: 20px;
font-weight: 600;
line-height: normal;
}
.seo-ind-promo__arrow {
width: 50px;
height: 50px;
transition: transform 0.2s ease;
}
.seo-ind-promo:hover {
color: #fff;
box-shadow: 0 16px 40px rgba(0, 167, 89, 0.3);
transform: translateY(-4px);
}
.seo-ind-promo:hover .seo-ind-promo__arrow {
transform: translateX(4px);
}
@media (max-width: 767px) {
.seo-ind-promo {
min-height: 0;
padding: 24px 14px 20px;
gap: 20px;
}
.seo-ind-promo__text {
font-size: 18px;
}
}
.seo-ind-impl {
display: grid;
grid-template-columns: minmax(0, 322.5fr) repeat(3, minmax(0, 383fr));
gap: 22px;
padding: 30px 22.5px 27px 20px;
border-radius: 20px;
background: #fff;
}
.seo-ind-impl__intro {
align-self: center;
margin-bottom: 48px;
}
.seo-ind-impl__title {
color: #2a4448;
font-size: clamp(26px, 1.875vw, 36px);
font-weight: 500;
line-height: 1.25;
}
.seo-ind-impl__title span {
display: block;
max-width: 333px;
}
.seo-ind-impl__title span:first-child {
max-width: 300px;
}
.seo-ind-impl__text {
max-width: 332px;
margin-top: 32px;
color: #5b6074;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
.seo-ind-impl__badge {
display: flex;
align-items: center;
gap: 8px;
max-width: 303px;
margin-top: 30px;
padding: 20px;
border-radius: 10px;
background: linear-gradient(90deg, #00a759 0%, #009066 100%);
color: #fff;
}
.seo-ind-impl__badge strong {
display: block;
max-width: 191px;
font-size: 20px;
font-weight: 700;
}
.seo-ind-impl__badge strong + span {
display: block;
margin-top: 4px;
font-size: 16px;
font-weight: 500;
}
.seo-ind-impl__badge-icon {
display: grid;
flex-shrink: 0;
place-items: center;
width: 60px;
height: 60px;
background: url("../images/seo/industries/ring-white-60.svg") center/60px no-repeat;
}
.seo-ind-impl__badge-icon img {
width: 32px;
height: 32px;
}
.seo-ind-impl__nowrap {
white-space: nowrap;
}
@media (max-width: 1599px) {
.seo-ind-impl {
grid-template-columns: repeat(3, minmax(0, 1fr));
padding: 30px 20px;
}
.seo-ind-impl__intro {
grid-column: 1/-1;
display: grid;
grid-template-columns: auto auto;
align-items: end;
justify-content: space-between;
gap: 16px 40px;
margin-bottom: 10px;
}
.seo-ind-impl__title span, .seo-ind-impl__title span:first-child {
display: inline;
max-width: none;
}
.seo-ind-impl__text {
grid-column: 1;
margin-top: 0;
max-width: 560px;
}
.seo-ind-impl__badge {
grid-column: 2;
grid-row: 1/span 2;
margin-top: 0;
}
}
@media (max-width: 1199px) {
.seo-ind-impl {
grid-template-columns: minmax(0, 1fr);
}
.seo-ind-impl__intro {
grid-template-columns: minmax(0, 1fr);
}
.seo-ind-impl__badge {
grid-column: 1;
grid-row: auto;
}
}
@media (max-width: 767px) {
.seo-ind-impl {
padding: 20px 14px;
gap: 16px;
}
.seo-ind-impl__text {
font-size: 15px;
line-height: 1.45;
}
.seo-ind-impl__badge {
padding: 16px;
}
.seo-ind-impl__badge strong {
font-size: 18px;
}
}
.seo-ind-col {
display: flex;
flex-direction: column;
min-height: 698px;
padding: 25px 20px 14.5px;
border-radius: 10px;
background: #f4f9ff;
}
.seo-ind-col__head {
display: flex;
align-items: flex-start;
gap: 8px;
}
.seo-ind-col__head h3 {
margin-top: 13px;
color: #000;
font-size: 20px;
font-weight: 600;
line-height: normal;
}
.seo-ind-col__head p {
margin-top: 8px;
color: #2a4448;
font-size: 14px;
font-weight: 500;
line-height: normal;
}
.seo-ind-col__logo {
display: grid;
flex-shrink: 0;
place-items: center;
width: 50px;
height: 50px;
background: url("../images/seo/industry-icon-ring.svg") center/50px no-repeat;
}
.seo-ind-col__logo img {
width: 32px;
height: 32px;
object-fit: cover;
}
.seo-ind-col__chips {
display: flex;
flex-wrap: wrap;
gap: 22px 14px;
margin-top: 13px;
padding: 17px 12px 20px;
border-radius: 5px;
background: #fff;
}
.seo-ind-col__list {
display: grid;
gap: 12px;
margin: 35px 0 25px;
}
.seo-ind-col__list li {
display: flex;
align-items: flex-start;
gap: 8px;
color: #2a4448;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
.seo-ind-col__list img {
flex-shrink: 0;
width: 24px;
height: 24px;
}
.seo-ind-col__list span {
padding-top: 2px;
}
.seo-ind-col__result {
display: flex;
align-items: center;
gap: 11px;
margin: auto 4px 0 4.5px;
padding: 10.5px 14px;
border-radius: 10px;
background: #e2eefe;
}
.seo-ind-col__result img {
flex-shrink: 0;
width: 38px;
height: 38px;
}
.seo-ind-col__result p {
flex: 1;
max-width: 240px;
color: #0d54b3;
font-size: 14px;
font-weight: 500;
line-height: normal;
text-align: center;
}
.seo-ind-col--local {
background: #f1faf9;
}
.seo-ind-col--local .seo-ind-col__result {
background: #e0f6f3;
}
.seo-ind-col--local .seo-ind-col__result p {
color: #009066;
}
.seo-ind-col--ai {
background: #f6f7fc;
}
.seo-ind-col--ai .seo-ind-col__result {
background: #e9e7fd;
}
.seo-ind-col--ai .seo-ind-col__result p {
color: #6c52cf;
}
@media (min-width: 1600px) {
.seo-ind-col--ai .seo-ind-col__head {
min-height: 108px;
}
}
@media (max-width: 1599px) {
.seo-ind-col {
min-height: 0;
}
}
@media (max-width: 767px) {
.seo-ind-col {
padding: 20px 14px 14px;
}
.seo-ind-col__head h3 {
font-size: 18px;
}
.seo-ind-col__list {
margin: 24px 0 20px;
}
.seo-ind-col__list li {
font-size: 15px;
}
.seo-ind-col__result {
margin: auto 0 0;
}
}
.seo-ind-chip {
display: flex;
align-items: flex-start;
gap: 6px;
color: #2a4448;
font-size: 14px;
line-height: normal;
}
.seo-ind-chip__icon {
position: relative;
flex-shrink: 0;
width: 22px;
height: 22px;
margin-top: 1px;
}
.seo-ind-chip__icon img {
position: absolute;
top: 0;
left: 0;
}
.seo-ind-chip__label span {
display: block;
font-weight: 500;
}
.seo-ind-chip__label strong {
display: block;
font-weight: 600;
}
.seo-ind-chip--single .seo-ind-chip__label {
padding-top: 1.5px;
}
.seo-ind-about {
padding: 80px 0 64px;
}
.seo-ind-about__inner {
display: grid;
grid-template-columns: minmax(0, 976fr) minmax(0, 550fr);
align-items: start;
gap: 53.5px;
}
.seo-ind-about__content .seo-text {
margin-top: 24px;
}
.seo-ind-about__content .seo-title + .seo-text {
margin-top: 40px;
}
.seo-ind-about__media {
aspect-ratio: 550/734;
overflow: hidden;
background: #d9d9d9;
}
.seo-ind-about__media img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1199px) {
.seo-ind-about__inner {
grid-template-columns: minmax(0, 1fr);
gap: 40px;
}
.seo-ind-about__media {
aspect-ratio: 16/10;
}
}
@media (max-width: 767px) {
.seo-ind-about {
padding: 56px 0 48px;
}
.seo-ind-about__content .seo-text {
margin-top: 16px;
}
.seo-ind-about__content .seo-title + .seo-text {
margin-top: 24px;
}
.seo-ind-about__media {
aspect-ratio: 4/3;
}
}
.seo-ind-projects {
padding: 80px 0;
background: #f5fcf9;
}
.seo-ind-projects .seo-head--stack .seo-text {
max-width: 976px;
margin-top: 40px;
}
.seo-ind-projects__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 416px));
gap: 40px 39.33px;
}
@media (max-width: 1199px) {
.seo-ind-projects__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px 24px;
}
}
@media (max-width: 767px) {
.seo-ind-projects {
padding: 56px 0;
}
.seo-ind-projects .seo-head--stack .seo-text {
margin-top: 16px;
}
.seo-ind-projects__grid {
grid-template-columns: minmax(0, 1fr);
}
}
.seo-ind-project__media {
position: relative;
aspect-ratio: 416/415.26;
overflow: hidden;
background: #d9d9d9;
}
.seo-ind-project__media img {
transition: transform 0.5s ease;
}
.seo-ind-project__media--cover img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 31%;
}
.seo-ind-project__media--shot {
background: #cddae4;
}
.seo-ind-project__media--shot img {
position: absolute;
top: 9.23%;
left: 11.58%;
width: 88.38%;
height: auto;
transform-origin: top left;
}
.seo-ind-project:hover .seo-ind-project__media img {
transform: scale(1.04);
}
.seo-ind-project h3 {
margin-top: 23px;
color: #2a4448;
font-size: 24px;
font-weight: 500;
line-height: normal;
}
.seo-ind-project p {
margin-top: 14px;
color: #5b6074;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
@media (max-width: 767px) {
.seo-ind-project h3 {
margin-top: 16px;
font-size: 20px;
}
.seo-ind-project p {
margin-top: 8px;
font-size: 15px;
line-height: 1.45;
}
}
.seo-cs-label {
color: #2a4448;
font-size: 22px;
font-weight: 600;
line-height: 27px;
}
.seo-cs-label--white {
color: #fff;
}
@media (max-width: 767px) {
.seo-cs-label {
font-size: 18px;
line-height: 1.3;
}
}
.seo-cs-display {
color: #2a4448;
font-size: clamp(34px, 3.333vw, 64px);
font-weight: 400;
line-height: 1.2;
}
.seo-cs-display--white {
color: #fff;
}
.seo-cs-bullets li {
display: flex;
align-items: flex-start;
gap: 8px;
}
.seo-cs-bullets li + li {
margin-top: 20px;
}
.seo-cs-bullets img {
flex-shrink: 0;
width: 24px;
height: 24px;
margin-top: -2px;
}
.seo-cs-bullets p {
color: #5b6074;
font-size: 16px;
font-weight: 500;
line-height: 19px;
}
.seo-cs-bullets strong {
font-weight: 700;
}
@media (max-width: 767px) {
.seo-cs-bullets li + li {
margin-top: 16px;
}
.seo-cs-bullets p {
font-size: 15px;
line-height: 1.45;
}
}
.seo-cs-list {
padding: 80px 0;
}
.seo-cs-list__head {
margin-bottom: 60px;
}
.seo-cs-list__head.seo-head--stack .seo-text {
max-width: 750px;
margin-top: 40px;
}
.seo-cs-list__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 40px 42.67px;
}
@media (max-width: 1199px) {
.seo-cs-list__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 32px 24px;
}
}
@media (max-width: 991px) {
.seo-cs-list__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.seo-cs-list {
padding: 56px 0;
}
.seo-cs-list__head {
margin-bottom: 32px;
}
.seo-cs-list__head.seo-head--stack .seo-text {
margin-top: 14px;
}
.seo-cs-list__grid {
gap: 16px;
}
}
@media (max-width: 575px) {
.seo-cs-list__grid {
grid-template-columns: minmax(0, 1fr);
gap: 20px;
}
}
.seo-case-card--link {
height: auto;
aspect-ratio: 363/483;
}
.seo-case-card--link .seo-case-card__info h2 {
margin-top: 5px;
font-size: 20px;
font-weight: 600;
line-height: normal;
}
.seo-case-card--link .seo-link::after {
content: "";
position: absolute;
inset: -2000px;
}
.seo-case-card--link .seo-case-card__info {
overflow: visible;
}
.seo-case-card--link:focus-within {
outline: 2px solid #00a759;
outline-offset: 3px;
}
@media (max-width: 1599px) {
.seo-case-card--link .seo-case-card__info {
right: 12px;
bottom: 12px;
left: 12px;
padding: 16px 18px 0;
}
}
@media (max-width: 767px) {
.seo-case-card--link {
height: auto;
}
}
.seo-cs-list .seo-case-card {
isolation: isolate;
}
.seo-cs-gallery {
padding-top: 40px;
overflow: hidden;
}
.seo-cs-gallery__stage {
position: relative;
}
.seo-cs-gallery__slider:not(.slick-initialized) {
display: flex;
padding: 0 25.39%;
}
.seo-cs-gallery__slider:not(.slick-initialized) > .seo-cs-gallery__slide:not(:first-child) {
display: none;
}
.seo-cs-gallery__slider:not(.slick-initialized) > .seo-cs-gallery__slide {
flex: 0 0 100%;
}
.seo-cs-gallery__slide {
padding: 0 16px;
}
.seo-cs-gallery__frame {
position: relative;
overflow: hidden;
aspect-ratio: 913/473;
border-radius: 20px;
background: #d9d9d9;
}
.seo-cs-gallery__frame img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.seo-cs-gallery__frame::after {
content: "";
position: absolute;
inset: 0;
background: rgba(255, 255, 255, 0.39);
transition: opacity 0.4s ease;
pointer-events: none;
}
.slick-center .seo-cs-gallery__frame::after, .seo-cs-gallery__slider:not(.slick-initialized) .seo-cs-gallery__frame::after {
opacity: 0;
}
.seo-cs-gallery__arrow {
position: absolute;
top: 50%;
z-index: 2;
width: 100px;
height: 100px;
padding: 0;
border: 0;
border-radius: 50%;
background: none;
cursor: pointer;
transform: translateY(-50%);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.seo-cs-gallery__arrow img {
display: block;
width: 100%;
height: 100%;
}
.seo-cs-gallery__arrow:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
transform: translateY(-50%) scale(1.05);
}
.seo-cs-gallery__arrow--prev {
left: calc(25.39% - 50px);
}
.seo-cs-gallery__arrow--prev img {
transform: scaleX(-1);
}
.seo-cs-gallery__arrow--next {
right: calc(25.39% - 50px);
}
.seo-cs-gallery__dots.seo-dots {
margin-top: 25.5px;
}
@media (max-width: 1199px) {
.seo-cs-gallery__slider:not(.slick-initialized) {
padding: 0 12%;
}
.seo-cs-gallery__slide {
padding: 0 10px;
}
.seo-cs-gallery__arrow {
width: 64px;
height: 64px;
}
.seo-cs-gallery__arrow--prev {
left: calc(12% - 32px);
}
.seo-cs-gallery__arrow--next {
right: calc(12% - 32px);
}
}
@media (max-width: 767px) {
.seo-cs-gallery {
padding-top: 24px;
}
.seo-cs-gallery__slider:not(.slick-initialized) {
padding: 0 28px;
}
.seo-cs-gallery__slide {
padding: 0 6px;
}
.seo-cs-gallery__frame {
border-radius: 14px;
}
.seo-cs-gallery__arrow {
width: 44px;
height: 44px;
}
.seo-cs-gallery__arrow--prev {
left: 6px;
}
.seo-cs-gallery__arrow--next {
right: 6px;
}
.seo-cs-gallery__dots.seo-dots {
margin-top: 20px;
}
}
.seo-cs-overview {
padding: 63px 0 80px;
}
.seo-cs-overview__inner {
display: grid;
grid-template-columns: minmax(0, 972fr) minmax(0, 533fr);
column-gap: 75px;
align-items: start;
}
.seo-cs-overview__copy {
margin-top: 40px;
}
.seo-cs-overview__copy .seo-text + .seo-text {
margin-top: 23.5px;
}
.seo-cs-overview__live {
margin-top: 52px;
font-weight: 600;
}
.seo-cs-overview__live span {
padding-bottom: 6px;
border-bottom: 1px solid rgba(42, 68, 72, 0.35);
}
@media (max-width: 1199px) {
.seo-cs-overview__inner {
grid-template-columns: minmax(0, 1fr);
row-gap: 56px;
}
}
@media (max-width: 767px) {
.seo-cs-overview {
padding: 40px 0 56px;
}
.seo-cs-overview__copy {
margin-top: 20px;
}
.seo-cs-overview__copy .seo-text + .seo-text {
margin-top: 16px;
}
.seo-cs-overview__live {
margin-top: 32px;
min-height: 44px;
}
}
.seo-cs-facts {
margin: 40px 0 0;
border-top: 1px solid #ced6dd;
}
.seo-cs-facts__row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 21px 0 22px;
border-bottom: 1px solid #ced6dd;
color: #5b6074;
font-size: 16px;
font-weight: 500;
line-height: 19px;
}
.seo-cs-facts dt,
.seo-cs-facts dd {
margin: 0;
}
.seo-cs-facts dd {
text-align: right;
}
@media (max-width: 767px) {
.seo-cs-facts {
margin-top: 28px;
}
.seo-cs-facts__row {
padding: 16px 0;
font-size: 15px;
}
}
.seo-cs-results {
margin-top: 8px;
}
.seo-cs-results__list {
margin-top: 28px;
}
.seo-cs-results__item {
display: flex;
flex-direction: column;
padding: 24px 0;
border-bottom: 1px solid #ced6dd;
}
.seo-cs-results__item:first-child {
padding-top: 0;
}
.seo-cs-results__value {
color: #2a4448;
font-size: clamp(64px, 5vw, 96px);
font-weight: 600;
line-height: 1.2083;
}
.seo-cs-results__label {
color: #5b6074;
font-size: 16px;
font-weight: 500;
line-height: 19px;
}
@media (max-width: 1199px) {
.seo-cs-results__list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 32px;
}
.seo-cs-results__item {
padding-top: 0;
}
}
@media (max-width: 767px) {
.seo-cs-results__list {
grid-template-columns: minmax(0, 1fr);
margin-top: 16px;
}
.seo-cs-results__item, .seo-cs-results__item:first-child {
padding: 16px 0;
}
.seo-cs-results__value {
font-size: 56px;
}
.seo-cs-results__label {
font-size: 15px;
}
}
.seo-cs-challenge {
padding: 80px 0;
background: #f5fcf9;
}
.seo-cs-challenge__inner {
padding-left: 16.962%;
}
.seo-cs-challenge .seo-cs-display {
margin-top: 22px;
}
.seo-cs-challenge__text {
margin-top: 24px;
}
.seo-cs-challenge .seo-cs-bullets {
margin-top: 24px;
}
@media (max-width: 1199px) {
.seo-cs-challenge__inner {
padding-left: 0;
}
}
@media (max-width: 767px) {
.seo-cs-challenge {
padding: 56px 0;
}
.seo-cs-challenge .seo-cs-display {
margin-top: 12px;
}
.seo-cs-challenge__text {
margin-top: 16px;
}
.seo-cs-challenge .seo-cs-bullets {
margin-top: 20px;
}
}
.seo-cs-solutions {
padding: 80px 0;
background: linear-gradient(90deg, #00a759 0%, #009066 100%);
color: #fff;
}
.seo-cs-solutions__inner {
display: grid;
grid-template-columns: minmax(0, 574.6fr) minmax(0, 1005.4fr);
align-items: start;
}
.seo-cs-solutions__head .seo-cs-display {
max-width: 420px;
margin-top: 17px;
}
.seo-cs-solutions__item {
display: grid;
grid-template-columns: minmax(0, 255fr) minmax(0, 668fr);
column-gap: 82px;
padding: 24px 0 28px;
border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}
.seo-cs-solutions__item:first-child {
padding-top: 0;
}
.seo-cs-solutions__item h3 {
color: #fff;
font-size: 22px;
font-weight: 600;
line-height: 27px;
}
.seo-cs-solutions__item p {
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 19px;
}
@media (max-width: 1599px) {
.seo-cs-solutions__item {
column-gap: 48px;
}
}
@media (max-width: 1199px) {
.seo-cs-solutions__inner {
grid-template-columns: minmax(0, 1fr);
row-gap: 40px;
}
.seo-cs-solutions__head .seo-cs-display {
max-width: none;
}
}
@media (max-width: 767px) {
.seo-cs-solutions {
padding: 56px 0;
}
.seo-cs-solutions__head .seo-cs-display {
margin-top: 10px;
}
.seo-cs-solutions__item {
grid-template-columns: minmax(0, 1fr);
row-gap: 10px;
padding: 20px 0;
}
.seo-cs-solutions__item h3 {
font-size: 19px;
line-height: 1.3;
}
.seo-cs-solutions__item p {
font-size: 15px;
line-height: 1.45;
}
}
.seo-cs-revenue {
padding-top: 127px;
}
.seo-cs-revenue .container-ctn > * {
max-width: 1440px;
margin-right: auto;
margin-left: auto;
}
.seo-cs-revenue__intro {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.seo-cs-revenue__intro > * {
width: 100%;
max-width: 972px;
}
.seo-cs-revenue__intro .seo-text {
margin-top: 40px;
}
@media (max-width: 1199px) {
.seo-cs-revenue {
padding-top: 80px;
}
.seo-cs-revenue__intro {
align-items: flex-start;
}
.seo-cs-revenue__intro > * {
max-width: none;
}
}
@media (max-width: 767px) {
.seo-cs-revenue {
padding-top: 56px;
}
.seo-cs-revenue__intro .seo-text {
margin-top: 16px;
}
}
.seo-cs-chart {
margin: 60px 0 0;
padding: 111px 108px 112px 104px;
background: #f7f7f7;
}
.seo-cs-chart__head {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px 40px;
}
.seo-cs-chart__title {
color: #000;
font-size: 40px;
font-weight: 400;
line-height: 48px;
}
.seo-cs-chart__legend {
display: flex;
flex-wrap: wrap;
gap: 12px 42px;
}
.seo-cs-chart__legend li {
display: flex;
align-items: center;
gap: 13px;
color: #31333e;
font-size: 18px;
font-weight: 400;
line-height: 22px;
}
.seo-cs-chart__swatch {
width: 24px;
height: 24px;
border-radius: 50%;
}
.seo-cs-chart__swatch--items {
background: #1564ff;
}
.seo-cs-chart__swatch--revenue {
background: #fcbc05;
}
.seo-cs-chart__body {
margin-top: 81px;
}
.seo-cs-chart__plot {
position: relative;
height: 395px;
margin: 0 40px 0 46px;
}
.seo-cs-chart__axis {
position: absolute;
top: 0;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
color: #a9adb6;
font-size: 13px;
font-weight: 500;
line-height: 0;
}
.seo-cs-chart__axis--left {
right: 100%;
padding-right: 8px;
text-align: right;
}
.seo-cs-chart__axis--right {
left: 100%;
padding-left: 8px;
}
.seo-cs-chart__grid span {
position: absolute;
right: 0;
left: 0;
height: 1px;
background: #ececec;
}
.seo-cs-chart__grid span:nth-child(1) {
top: 0;
}
.seo-cs-chart__grid span:nth-child(2) {
top: 33.333%;
}
.seo-cs-chart__grid span:nth-child(3) {
top: 66.667%;
}
.seo-cs-chart__grid span:nth-child(4) {
bottom: 0;
}
.seo-cs-chart__groups, .seo-cs-chart__months {
display: grid;
grid-template-columns: repeat(9, minmax(0, 1fr));
column-gap: 29px;
}
.seo-cs-chart__groups {
position: relative;
height: 100%;
}
.seo-cs-chart__group {
display: flex;
gap: 5px;
height: 100%;
}
.seo-cs-chart__bar {
position: relative;
flex: 1 1 0;
height: 100%;
}
.seo-cs-chart__bar::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: var(--v);
transform-origin: bottom;
transition: filter 0.2s ease;
}
.seo-cs-chart__bar:hover::after {
filter: brightness(1.08);
}
.seo-cs-chart__bar--items {
background: #eaeff9;
}
.seo-cs-chart__bar--items::after {
background: #1564ff;
}
.seo-cs-chart__bar--revenue {
background: #f9efda;
}
.seo-cs-chart__bar--revenue::after {
background: #fcbc05;
}
.seo-cs-chart.is-pending .seo-cs-chart__bar::after {
transform: scaleY(0);
}
.seo-cs-chart.is-in .seo-cs-chart__bar::after {
transform: scaleY(1);
transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.2s ease;
}
.seo-cs-chart__months {
margin: 23px 40px 0 46px;
}
.seo-cs-chart__months li {
display: flex;
justify-content: center;
}
.seo-cs-chart__months span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100px;
max-width: 100%;
height: 42px;
border: 1px solid #ececec;
border-radius: 21px;
background: #fff;
color: #31333e;
font-size: 16px;
line-height: 1;
white-space: nowrap;
}
@media (max-width: 1599px) {
.seo-cs-chart {
padding: 72px 56px 72px 52px;
}
.seo-cs-chart__groups, .seo-cs-chart__months {
column-gap: 2%;
}
.seo-cs-chart__months span {
width: 100%;
font-size: 14px;
}
}
@media (max-width: 1199px) {
.seo-cs-chart {
padding: 48px 32px;
}
.seo-cs-chart__title {
font-size: 32px;
line-height: 1.2;
}
.seo-cs-chart__body {
margin-top: 48px;
}
.seo-cs-chart__plot {
height: 320px;
}
.seo-cs-chart__months span {
height: 36px;
font-size: 13px;
}
}
@media (max-width: 767px) {
.seo-cs-chart {
margin-top: 32px;
padding: 24px 16px;
margin-right: -16px;
margin-left: -16px;
}
.seo-cs-chart__title {
font-size: 24px;
}
.seo-cs-chart__legend {
gap: 8px 24px;
}
.seo-cs-chart__legend li {
gap: 8px;
font-size: 15px;
}
.seo-cs-chart__swatch {
width: 16px;
height: 16px;
}
.seo-cs-chart__scroll {
overflow-x: auto;
margin: 0 -16px;
padding: 0 16px 8px;
-webkit-overflow-scrolling: touch;
}
.seo-cs-chart__body {
min-width: 640px;
margin-top: 32px;
}
.seo-cs-chart__plot {
height: 260px;
}
}
@media (prefers-reduced-motion: reduce) {
.seo-cs-chart.is-in .seo-cs-chart__bar::after {
transition: none;
}
}
.seo-cs-traffic {
padding: 60px 0 80px;
}
.seo-cs-traffic .seo-cs-bullets {
max-width: 1344px;
}
.seo-cs-traffic__text {
margin-top: 40px;
}
.seo-cs-traffic .seo-cs-bullets {
margin-top: 40px;
}
@media (max-width: 767px) {
.seo-cs-traffic {
padding: 48px 0 56px;
}
.seo-cs-traffic__text {
margin-top: 16px;
}
.seo-cs-traffic .seo-cs-bullets {
margin-top: 24px;
}
}
.seo-tools-page__section {
padding: 80px 0 118px;
}
@media (max-width: 1199px) {
.seo-tools-page__section {
padding: 64px 0 80px;
}
}
@media (max-width: 767px) {
.seo-tools-page__section {
padding: 48px 0 56px;
}
}
.seo-tools-page__head {
text-align: center;
margin-bottom: 40px;
}
.seo-tools-page__head .seo-text {
max-width: 750px;
margin: 40px auto 0;
}
@media (max-width: 767px) {
.seo-tools-page__head .seo-text {
margin-top: 16px;
}
}
@media (max-width: 767px) {
.seo-tools-page__head {
margin-bottom: 24px;
}
}
.seo-tools-page__group {
display: grid;
grid-template-columns: minmax(140px, 218px) repeat(6, minmax(0, 180px));
justify-content: space-between;
align-items: center;
gap: 20px clamp(16px, 2.45vw, 47px);
padding: 20px 0;
border-bottom: 1px solid rgba(144, 162, 177, 0.44);
}
.seo-tools-page__group:last-child {
border-bottom: 0;
}
@media (min-width: 1200px) {
.seo-tools-page__group > .seo-tools-page__cell:nth-child(6n+2) {
grid-column-start: 2;
}
}
@media (max-width: 1199px) {
.seo-tools-page__group {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px 32px;
padding: 28px 0;
}
}
@media (max-width: 767px) {
.seo-tools-page__group {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px 16px;
padding: 24px 0;
}
}
.seo-tools-page__label {
grid-row: 1;
grid-column: 1;
margin: 0;
color: #2a4448;
font-size: clamp(20px, 1.46vw, 28px);
font-weight: 500;
line-height: normal;
}
@media (max-width: 1199px) {
.seo-tools-page__label {
grid-column: 1/-1;
font-size: 24px;
}
}
@media (max-width: 767px) {
.seo-tools-page__label {
font-size: 20px;
}
}
.seo-tools-page__cell {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
}
.seo-tools-page__logo {
position: relative;
display: block;
width: 100%;
max-width: 180px;
}
.seo-tools-page__logo img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.seo-tools-page__logo--crop {
overflow: hidden;
}
.seo-tools-page__logo--crop img {
inset: auto;
max-width: none;
object-fit: fill;
}
.seo-tools-page__trends {
position: absolute;
inset: 0;
overflow: hidden;
}
.seo-tools-page__trends img {
position: absolute;
}
.seo-tools-page__trends .seo-tools-page__trends-google {
top: 0;
left: 0;
width: 52.12%;
height: 100%;
}
.seo-tools-page__trends .seo-tools-page__trends-text {
top: 10.28%;
left: 55.13%;
width: 44.87%;
height: 67.02%;
}
.seo-misc-terms__section {
padding: 80px 0;
}
@media (max-width: 1199px) {
.seo-misc-terms__section {
padding: 56px 0 64px;
}
}
@media (max-width: 767px) {
.seo-misc-terms__section {
padding: 40px 0 48px;
}
}
.seo-misc-terms__title {
margin-bottom: 40px;
color: #2a4448;
font-size: clamp(26px, 1.875vw, 36px);
font-weight: 500;
line-height: 1.222;
text-align: center;
}
@media (max-width: 767px) {
.seo-misc-terms__title {
margin-bottom: 28px;
}
}
.seo-misc .seo-prose {
color: #5b6074;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
.seo-misc .seo-prose > * + * {
margin-top: 24px;
}
.seo-misc .seo-prose > * + h2 {
margin-top: 40px;
}
.seo-misc .seo-prose h2,
.seo-misc .seo-prose h3 {
color: #2a4448;
font-size: clamp(20px, 1.25vw, 24px);
line-height: 1.208;
}
.seo-misc .seo-prose h2 {
font-weight: 500;
}
.seo-misc .seo-prose h3 {
font-weight: 700;
}
.seo-misc .seo-prose p,
.seo-misc .seo-prose li {
color: #5b6074;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
.seo-misc .seo-prose ul {
display: flex;
flex-direction: column;
gap: 28px;
}
.seo-misc .seo-prose li {
position: relative;
padding-left: 40px;
}
.seo-misc .seo-prose li::before {
content: "";
position: absolute;
top: -4px;
left: 0;
width: 32px;
height: 32px;
background: url("../images/seo/misc/icon-arrow-right-green.svg") center/32px 32px no-repeat;
}
@media (max-width: 767px) {
.seo-misc .seo-prose > * + * {
margin-top: 16px;
}
.seo-misc .seo-prose > * + h2 {
margin-top: 32px;
}
.seo-misc .seo-prose p,
.seo-misc .seo-prose li {
font-size: 15px;
line-height: 1.55;
}
.seo-misc .seo-prose ul {
gap: 18px;
}
.seo-misc .seo-prose li {
padding-left: 32px;
}
.seo-misc .seo-prose li::before {
top: -1px;
width: 26px;
height: 26px;
background-size: 26px 26px;
}
}
.seo-misc-status__section {
padding: 130px 0;
}
@media (max-width: 1199px) {
.seo-misc-status__section {
padding: 96px 0;
}
}
@media (max-width: 767px) {
.seo-misc-status__section {
padding: 56px 0 64px;
}
}
.seo-misc-status__inner {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.seo-misc-status__icon {
display: block;
width: 167px;
height: auto;
margin-bottom: 31.5px;
}
@media (max-width: 767px) {
.seo-misc-status__icon {
width: 128px;
margin-bottom: 24px;
}
}
.seo-misc-status__art {
width: min(482px, 100%);
aspect-ratio: 482/270;
overflow: hidden;
}
.seo-misc-status__art img {
display: block;
width: 100%;
height: auto;
}
@media (max-width: 767px) {
.seo-misc-status__art {
aspect-ratio: 482/256;
}
}
.seo-misc-status__title {
color: #2a4448;
font-size: clamp(28px, 1.875vw, 36px);
font-weight: 500;
line-height: 1.222;
}
.seo-misc-status__text {
max-width: 420px;
margin-top: 14px;
color: #5b6074;
font-size: 16px;
font-weight: 400;
line-height: normal;
}
@media (max-width: 767px) {
.seo-misc-status__text {
font-size: 15px;
line-height: 1.45;
}
}
.seo-misc-status__btn {
margin-top: 21px;
min-height: 49px;
}
.seo-misc-status--404 .seo-misc-status__btn {
margin-top: 40px;
}
@media (max-width: 767px) {
.seo-misc-status--404 .seo-misc-status__btn {
margin-top: 28px;
}
}
.seo-resources__chips {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.seo-resources__chips--center {
justify-content: center;
}
.seo-resources__chips li,
.seo-resources__chips a {
color: #00a759;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
.seo-resources__chips li {
padding: 10px 15px;
border: 1px solid #00a759;
border-radius: 100px;
background: #fff;
}
.seo-resources__chips li:has(> a) {
padding: 0;
}
.seo-resources__chips a {
display: block;
padding: 10px 15px;
border-radius: inherit;
transition: background-color 0.2s ease, color 0.2s ease;
}
.seo-resources__chips a:hover {
background: #00a759;
color: #fff;
}
@media (max-width: 767px) {
.seo-resources__chips {
gap: 8px;
}
.seo-resources__chips li,
.seo-resources__chips a {
font-size: 14px;
}
}
.seo-resources__intro {
padding: 83px 0 40px;
}
.seo-resources__intro .seo-head {
margin-bottom: 40px;
}
.seo-resources__intro .seo-title {
max-width: 420px;
margin: 0 auto;
}
.seo-resources__intro .seo-head--stack .seo-text {
max-width: 972px;
margin-top: 40px;
}
@media (max-width: 767px) {
.seo-resources__intro {
padding: 48px 0 32px;
}
.seo-resources__intro .seo-head {
margin-bottom: 24px;
}
.seo-resources__intro .seo-head--stack .seo-text {
margin-top: 16px;
}
}
.seo-resources__body {
padding: 116px 0 80px;
background: #eef9f4;
}
@media (max-width: 1199px) {
.seo-resources__body {
padding: 64px 0;
}
}
@media (max-width: 767px) {
.seo-resources__body {
padding: 40px 0;
}
}
.seo-resources__layout {
position: relative;
display: grid;
grid-template-columns: 28.36% minmax(0, 1fr);
gap: 2.4%;
align-items: start;
}
@media (max-width: 1199px) {
.seo-resources__layout {
grid-template-columns: minmax(0, 1fr);
gap: 40px;
}
}
.seo-resources__aside {
display: grid;
gap: 32px;
}
.seo-resources__aside.is-stuck, .seo-resources__aside.is-parked {
max-height: var(--sticky-max, none);
overflow-y: auto;
scrollbar-width: thin;
}
@media (min-width: 768px) and (max-width: 1199px) {
.seo-resources__aside {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.seo-resources__aside > :first-child {
grid-row: span 2;
}
}
@media (max-width: 767px) {
.seo-resources__aside {
gap: 24px;
}
}
.seo-resources__card {
padding: 44px;
border-radius: 20px;
background: #fff;
}
.seo-resources__card--support {
padding: 44px 35px 49px;
}
.seo-resources__card--welcome {
padding: 24px;
}
@media (max-width: 1440px) {
.seo-resources__card {
padding: 32px 24px;
}
}
@media (max-width: 767px) {
.seo-resources__card {
padding: 24px 16px;
}
}
.seo-resources__aside-title {
color: #2a4448;
font-size: clamp(20px, 1.25vw, 24px);
font-weight: 500;
line-height: normal;
}
.seo-resources__toc {
display: grid;
gap: 4px;
margin-top: 34px;
}
.seo-resources__toc a {
display: block;
padding: 26px 20px;
border-radius: 10px;
background: #f5fcf9;
color: #000;
font-size: 16px;
font-weight: 500;
line-height: normal;
transition: background-color 0.2s ease, color 0.2s ease;
}
.seo-resources__toc a:hover, .seo-resources__toc a[aria-current] {
background: #00a759;
color: #fff;
}
@media (max-width: 1440px) {
.seo-resources__toc {
margin-top: 24px;
}
.seo-resources__toc a {
padding: 18px 20px;
}
}
@media (max-width: 767px) {
.seo-resources__toc a {
padding: 14px 16px;
font-size: 15px;
}
}
.seo-resources__card--support .seo-resources__aside-title {
margin: 0 9px;
padding-bottom: 36px;
border-bottom: 1px solid rgba(144, 162, 177, 0.44);
}
@media (max-width: 1440px) {
.seo-resources__card--support .seo-resources__aside-title {
margin: 0;
padding-bottom: 24px;
}
}
.seo-resources__support {
display: grid;
gap: 26px;
margin-top: 22px;
}
.seo-resources__support a {
display: inline-flex;
align-items: center;
gap: 8px;
color: #000;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
.seo-resources__support a:hover {
color: #00a759;
}
.seo-resources__promo {
padding: 36px 35px 44px;
border-radius: 10px;
background: linear-gradient(180deg, #00a759 0%, #009066 100%);
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
.seo-resources__promo .seo-btn {
margin-top: 43px;
}
@media (max-width: 767px) {
.seo-resources__promo {
padding: 28px 20px 32px;
}
.seo-resources__promo .seo-btn {
margin-top: 28px;
}
}
.seo-resources__promo-eyebrow {
font-size: 20px;
font-weight: 600;
}
.seo-resources__promo-title {
max-width: 277px;
margin: 15px 0 30px;
font-size: clamp(28px, 1.875vw, 36px);
font-weight: 600;
}
.seo-resources__promo-title + p {
max-width: 367px;
}
.seo-resources__content {
display: grid;
gap: 40px;
min-width: 0;
}
@media (max-width: 767px) {
.seo-resources__content {
gap: 32px;
}
}
.seo-resources__eyebrow {
margin-bottom: 8px;
color: #5b6074;
font-size: 18px;
font-weight: 500;
line-height: normal;
}
.seo-resources__h2 {
color: #2a4448;
font-size: clamp(22px, 1.4583vw, 28px);
font-weight: 500;
line-height: normal;
}
.seo-resources__h2 + .seo-text {
margin-top: 20px;
}
.seo-resources__section > .seo-resources__h2 + .seo-resources__media {
margin-top: 20px;
}
.seo-resources__section > .seo-text + .seo-text {
margin-top: 22px;
}
.seo-resources__section > .seo-text + .seo-resources__chips,
.seo-resources__section > .seo-text + .seo-resources__grid {
margin-top: 40px;
}
.seo-resources__card.seo-resources__section {
padding: 24px 25px 32px;
}
.seo-resources__card.seo-resources__section > .seo-resources__h2 + * {
margin-top: 29px;
}
.seo-resources__card.seo-resources__section > .seo-text + .seo-resources__grid {
margin-top: 33px;
}
@media (max-width: 767px) {
.seo-resources__card.seo-resources__section {
padding: 20px 16px 24px;
}
.seo-resources__card.seo-resources__section > .seo-resources__h2 + * {
margin-top: 20px;
}
}
.seo-resources__media {
margin: 0;
aspect-ratio: 1096/476;
overflow: hidden;
border-radius: 20px;
background: #d9d9d9;
}
.seo-resources__media + .seo-text {
margin-top: 40px;
}
.seo-resources__media img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 767px) {
.seo-resources__media {
aspect-ratio: 16/10;
}
.seo-resources__media + .seo-text {
margin-top: 24px;
}
}
.seo-resources__card .seo-resources__media {
aspect-ratio: 1044/452;
}
.seo-resources__card .seo-resources__media + .seo-text {
margin-top: 56px;
}
@media (max-width: 767px) {
.seo-resources__card .seo-resources__media {
aspect-ratio: 16/10;
}
.seo-resources__card .seo-resources__media + .seo-text {
margin-top: 24px;
}
}
.seo-resources__grid {
display: grid;
gap: 27px 30px;
}
.seo-resources__grid--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.seo-resources__grid--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
.seo-resources__grid--4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 15px;
}
@media (max-width: 991px) {
.seo-resources__grid--3, .seo-resources__grid--4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.seo-resources__grid--2, .seo-resources__grid--3, .seo-resources__grid--4 {
grid-template-columns: minmax(0, 1fr);
gap: 12px;
}
}
.seo-resources__tile {
min-height: 183px;
padding: 20px;
border-radius: 10px;
background: #eef9f4;
color: #5b6074;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
.seo-resources__tile h3 {
margin: 12px 0 20px;
color: #000;
font-size: 18px;
font-weight: 500;
line-height: normal;
}
.seo-resources__tile--green {
background: #009066;
color: #fff;
}
.seo-resources__tile--green h3 {
color: #fff;
}
.seo-resources__grid--4 .seo-resources__tile {
min-height: 241px;
}
.seo-resources__badge {
position: relative;
display: block;
width: 50px;
height: 50px;
}
.seo-resources__badge > img {
display: block;
}
.seo-resources__badge .seo-ico {
position: absolute;
top: 9px;
left: 9px;
}
.seo-ico--24 {
width: 24px;
height: 24px;
}
.seo-ico--analytics img {
top: 1.75px;
left: 1.75px;
}
.seo-ico--local img {
top: 1px;
left: 1px;
}
.seo-ico--real-estate img {
top: 3px;
left: 3px;
}
.seo-ico--search img {
top: 4px;
left: 4px;
}
.seo-ico--diamond img {
top: 3px;
}
.seo-ico--impressions img {
top: 2.67px;
left: 2.67px;
}
.seo-ico--health img {
top: 4px;
left: 4px;
}
/*# sourceMappingURL=style.css.map */