:root {
--white-main: #fff;
--black-main: #000;
--gray-main: #212121;
}
:root {
--font-family: 'Readex Pro', sans-serif;
--second-family: 'Readex Pro', sans-serif;
}
* {
padding: 0;
margin: 0;
border: none;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
:focus,
:active {
outline: none;
}
html {
background-color: #f4f4f5;
scroll-behavior: smooth;
scroll-padding-top: 100px;
}
body {
font-family: 'Readex Pro', sans-serif;
font-weight: 700;
}
body.sgk-noscroll {
overflow: hidden;
}
a,
a:link,
a:visited {
text-decoration: none;
display: inline-block;
}
a,
a:hover,
a:focus,
a:active {
outline: none;
text-decoration: none;
color: #ffbc03;
}
aside,
nav,
footer,
header,
section,
main {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
font-size: inherit;
font-weight: inherit;
font-style: normal;
}
img {
display: block;
}
img,
svg {
max-width: 100%;
height: auto;
}
address {
font-style: normal;
}
input {
appearance: none;
}
input,
textarea,
button,
select {
font-family: inherit;
font-size: inherit;
color: inherit;
background-color: transparent;
border: none;
}
input::-ms-clear {
display: none;
}
button,
input[type='submit'] {
display: inline-block;
box-shadow: none;
background-color: transparent;
background: none;
cursor: pointer;
border: none;
}
input:focus,
input:active,
button:focus,
button:active {
outline: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
label {
cursor: pointer;
}
legend {
display: block;
}
a,
input,
button,
svg,
path,
span,
i,
em,
b,
strong {
transition: 0.3s;
}
p,
a,
span,
input,
textarea {
font-family: 'Readex Pro', sans-serif;
color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Readex Pro', sans-serif;
}
input.sgk-btn,
button.sgk-btn {
cursor: pointer;
}
textarea {
resize: none;
}
ul,
ol {
margin: 0;
padding-left: 20px;
list-style-position: outside;
}
ul li {
list-style: disc;
}
ol li {
list-style: decimal;
}
.sgk-row {
display: flex;
flex-wrap: wrap;
}
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
flex: 0 0 100%;
}
@media (min-width: 576px) {
.col-11 {
flex: 0 0 calc(100% / 12 * 11);
}
.col-10 {
flex: 0 0 calc(100% / 12 * 10);
}
.col-9 {
flex: 0 0 calc(100% / 12 * 9);
}
.col-8 {
flex: 0 0 calc(100% / 12 * 8);
}
.col-7 {
flex: 0 0 calc(100% / 12 * 7);
}
.col-6 {
flex: 0 0 calc(100% / 12 * 6);
}
.col-5 {
flex: 0 0 calc(100% / 12 * 5);
}
.col-4 {
flex: 0 0 calc(100% / 12 * 4);
}
.col-3 {
flex: 0 0 calc(100% / 12 * 3);
}
.col-2 {
flex: 0 0 calc(100% / 12 * 2);
}
.col-1 {
flex: 0 0 calc(100% / 12);
}
body.search .sgk-blogGrid .sgk-row .col-4 {
flex: 0 0 calc(32.133333%);
}
}
.sgk-container {
width: 100%;
max-width: 1150px;
padding: 0 15px;
margin: 0 auto;
position: relative;
}
.sgk-container-fluid {
width: 100%;
padding: 0 15px;
position: relative;
}
.sgk-clearfix::after {
content: '';
clear: both;
display: table;
}
.sgk-btn,
a.sgk-btn,
button.sgk-btn,
input.sgk-btn,
.sgk-btn-reverse,
a.sgk-btn-reverse,
button.sgk-btn-reverse,
input.sgk-btn-reverse,
.sgk-btn-transparent,
a.sgk-btn-transparent,
button.sgk-btn-transparent,
input.sgk-btn-transparent {
margin: 0 auto;
border: 2px solid #000;
font-weight: 500;
font-size: 20px;
text-align: center;
display: inline-block;
cursor: pointer;
transition: 0.3s;
max-width: max-content;
padding: 14px 40px;
border-radius: 40px;
background: #ffbc03;
color: #000;
text-decoration: none;
text-transform: capitalize;
position: relative;
overflow: hidden;
}
.sgk-btn::after,
a.sgk-btn::after,
button.sgk-btn::after,
input.sgk-btn::after,
.sgk-btn-reverse::after,
a.sgk-btn-reverse::after,
button.sgk-btn-reverse::after,
input.sgk-btn-reverse::after,
.sgk-btn-transparent::after,
a.sgk-btn-transparent::after,
button.sgk-btn-transparent::after,
input.sgk-btn-transparent::after {
content: '';
position: absolute;
top: -50%;
left: -130%;
width: 60%;
height: 200%;
background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.25) 45%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.25) 55%, transparent 100%);
transform: skewX(-20deg);
transition: left 0.6s ease;
pointer-events: none;
}
.sgk-btn:hover::after,
a.sgk-btn:hover::after,
button.sgk-btn:hover::after,
input.sgk-btn:hover::after,
.sgk-btn-reverse:hover::after,
a.sgk-btn-reverse:hover::after,
button.sgk-btn-reverse:hover::after,
input.sgk-btn-reverse:hover::after,
.sgk-btn-transparent:hover::after,
a.sgk-btn-transparent:hover::after,
button.sgk-btn-transparent:hover::after,
input.sgk-btn-transparent:hover::after {
left: 160%;
}
.sgk-btn,
a.sgk-btn,
input.sgk-btn,
button.sgk-btn {
background-color: #ffbc03;
color: #000;
}
.sgk-btn:hover,
a.sgk-btn:hover,
input.sgk-btn:hover,
button.sgk-btn:hover,
.sgk-btn:focus,
a.sgk-btn:focus,
input.sgk-btn:focus,
button.sgk-btn:focus,
.sgk-btn:active,
a.sgk-btn:active,
input.sgk-btn:active,
button.sgk-btn:active {
background-color: #fff;
color: #000;
}
.sgk-btn-reverse,
a.sgk-btn-reverse,
input.sgk-btn-reverse,
button.sgk-btn-reverse {
background-color: #fff;
color: #000;
}
.sgk-btn-reverse:hover,
a.sgk-btn-reverse:hover,
input.sgk-btn-reverse:hover,
button.sgk-btn-reverse:hover,
.sgk-btn-reverse:focus,
a.sgk-btn-reverse:focus,
input.sgk-btn-reverse:focus,
button.sgk-btn-reverse:focus,
.sgk-btn-reverse:active,
a.sgk-btn-reverse:active,
input.sgk-btn-reverse:active,
button.sgk-btn-reverse:active {
background-color: #ffbc03;
color: #000;
}
.sgk-btn-transparent,
a.sgk-btn-transparent,
button.sgk-btn-transparent,
input.sgk-btn-transparent {
background-color: transparent;
color: #000;
}
.sgk-btn-transparent:hover,
a.sgk-btn-transparent:hover,
button.sgk-btn-transparent:hover,
input.sgk-btn-transparent:hover,
.sgk-btn-transparent:focus,
a.sgk-btn-transparent:focus,
button.sgk-btn-transparent:focus,
input.sgk-btn-transparent:focus,
.sgk-btn-transparent:active,
a.sgk-btn-transparent:active,
button.sgk-btn-transparent:active,
input.sgk-btn-transparent:active {
background-color: #ffbc03;
color: #000;
}
.sgk-nothingFound {
text-align: center;
}
.sgk-nothingFoundInfo h1 {
font-weight: 400;
text-align: center;
margin-bottom: 20px;
}
.sgk-nothingFoundInfo p {
margin-bottom: 30px;
}
.sgk-searchForm {
margin-bottom: 30px;
}
.sgk-searchForm input {
border-radius: 3px;
border: 1px solid #eee;
padding: 10px;
margin-bottom: 40px;
}
.sgk-search {
margin-top: 40px;
margin-bottom: 40px;
}
.sgk-search span {
font-weight: 600;
}
body.search .sgk-blogGrid .sgk-row {
gap: 20px;
}
.sgk-blogGridItem__img {
margin-bottom: 15px;
}
.sgk-blogGridItem__info > div {
margin-bottom: 5px;
}
.sgk-blogGridItem__title a {
text-transform: uppercase;
line-height: 1.3;
font-size: 22px;
}
.sgk-blogGridItem__desc {
line-height: 1.8;
font-size: 13px;
margin-bottom: 15px !important;
}
.sgk-blogGridItem__date {
font-size: 12px;
}
.sgk-404Info,
.sgk-nothingFound {
padding: 130px 0;
min-height: 400px;
display: flex;
text-align: center;
margin-bottom: 70px;
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
align-content: center;
flex-direction: column;
}
.sgk-404Info h1 {
margin-bottom: 40px;
font-weight: 900;
font-size: 200px;
}
.wpcf7-spinner {
display: none;
}
.wpcf7-not-valid-tip {
position: absolute;
top: -30px;
font-size: 12px;
width: 280px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
max-width: 280px;
margin: 10px auto;
background: #fff;
font-size: 14px;
}
.wpcf7 p {
margin-bottom: 0;
}
.sgk-page {
padding: 80px 0;
}
.sgk-page h1,
.sgk-page h2,
.sgk-page h3,
.sgk-page h4,
.sgk-page h5,
.sgk-page h6 {
margin-bottom: 15px;
font-weight: 500;
color: #000;
}
.sgk-page h1 {
font-size: 42px;
font-weight: 900;
text-align: center;
}
.sgk-page h2 {
font-size: 32px;
}
.sgk-page h3 {
font-size: 28px;
}
.sgk-page h4 {
font-size: 22px;
}
.sgk-page h5 {
font-size: 18px;
}
.sgk-page h6 {
font-size: 16px;
}
.sgk-page p {
margin-bottom: 10px;
}
.sgk-page hr {
background-color: rgba(0, 0, 0, 0.5);
}
.sgk-page ul,
.sgk-page ol {
margin-left: 35px;
margin-bottom: 20px;
}
.sgk-page ul li {
list-style: disc;
}
.sgk-page ol li {
list-style: auto;
}
.wpforms-is-hcaptcha {
margin-top: 10px;
margin-bottom: 10px;
}
.grecaptcha-badge {
display: none;
}
.slick-prev,
.slick-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
transition: 0.3s;
}
.slick-prev:hover,
.slick-next:hover {
opacity: 0.3;
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
background: #212121;
}
::-webkit-scrollbar-thumb {
background-color: #000;
border-radius: 10px;
border: 3px solid #212121;
}
body {
scrollbar-width: thin;
scrollbar-color: #000 #212121;
}
.sgk-general {
margin-bottom: 50px;
}
.sgk-general h2 {
font-size: 32px;
}
.sgk-general h3 {
font-size: 28px;
}
.sgk-general h4 {
font-size: 26px;
}
.sgk-general h5 {
font-size: 24px;
}
.sgk-general h6 {
font-size: 12px;
}
.sgk-general h2,
.sgk-general h3,
.sgk-general h4,
.sgk-general h5,
.sgk-general h6 {
margin-bottom: 20px;
}
.sgk-general p {
margin-bottom: 15px;
}
.sgk-general ul,
.sgk-general ol {
padding-left: 20px;
margin-bottom: 15px;
}
.sgk-general ol li {
list-style: decimal;
}
.sgk-general ul li {
list-style: disc;
}
.sgk-container .sgk-container-fluid,
.sgk-container-fluid .sgk-container-fluid,
.sgk-container .sgk-container,
.sgk-container-fluid .sgk-container {
padding-left: 0;
padding-right: 0;
}
.sgk-header {
transition: transform 0.26s ease, opacity 0.26s ease, box-shadow 0.26s ease;
will-change: transform, opacity;
background: #fff;
width: 100%;
z-index: 1000;
padding: 15px;
}
.sgk-header__inner {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.sgk-header__logo {
max-width: 210px;
}
.sgk-header__nav {
display: flex;
gap: 60px;
}
.sgk-header__nav a {
font-size: 16px;
color: #000;
text-decoration: none;
text-transform: capitalize;
}
.sgk-header__nav a:hover {
color: #ffbc03;
}
.sgk-header__burger {
background: none;
border: none;
cursor: pointer;
display: none;
position: relative;
}
.sgk-header__burger .sgk-icon-close {
display: none;
}
.sgk-header.is-open .sgk-icon-burger {
display: none;
}
.sgk-header.is-open .sgk-icon-close {
display: block;
}
.sgk-header__mobile {
position: fixed;
z-index: 3;
left: 0;
width: 100%;
height: 100%;
background: #fff;
display: none;
flex-direction: column;
padding: 40px 30px;
gap: 24px;
overflow: hidden;
}
.sgk-header__mobile a {
font-size: 22px;
font-weight: 700;
color: #000;
text-decoration: none;
}
.sgk-header__mobile a:hover {
color: #ffbc03;
}
.sgk-header.is-open .sgk-header__mobile {
position: relative;
display: flex;
}
@media (prefers-reduced-motion: reduce) {
.sgk-header {
transition: none;
}
}
@media (max-width: 992px) {
.sgk-header__nav {
display: none;
}
.sgk-header__burger {
display: block;
}
}
.sgk-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background: #fff;
transition: box-shadow 0.2s ease;
}
.sgk-header.is-scrolled {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.sgk-footer {
position: relative;
color: #fff;
padding-top: 90px;
}
.sgk-footer__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
min-height: 400px;
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI0OTEiIHZpZXdCb3g9IjAgMCAxNDQwIDQ5MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTE3LjIxNSA4NzcuNTQ2TDAgODYyLjI3NVY0Mi4zNjVMODYuMjkwMyAxOC4yMjY4TDI2Mi4zNjIgNjQuMDQwMkwzMzYuMTgzIDQyLjM2NUw1NDguNjY2IDBINjM4LjQ0OEw4MTQuMDIxIDQyLjM2NUw5MjguMjQ0IDBMMTA4NS4zNiA0Mi4zNjVMMTE3MS42NSAwSDEyNDIuNDhMMTM0Ny4yMyA2NC4wNDAyTDE0NDAgNDIuMzY1Vjg3Ny41NDZMMTM2NS42OCA5MTRMMTE2OCA4NjguNUw5NTIuNjg0IDg5OC43MjlMODI5LjQ4NCA4NzcuNTQ2SDY3Mi4zNjZINTA5LjVIMzg4LjU1NkwzMDguMjUxIDg2Mi4yNzVIMjA2LjQ5OEwxMTcuMjE1IDg3Ny41NDZaIiBmaWxsPSIjMjEyMTIxIi8+Cjwvc3ZnPgo=');
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
z-index: 0;
}
.sgk-footer .sgk-container {
position: relative;
z-index: 1;
}
.sgk-footer__inner {
display: grid;
grid-template-columns: 1fr 1fr 2fr;
gap: 40px;
padding: 80px 0 20px;
}
.sgk-footer__brand {
display: flex;
flex-direction: column;
gap: 20px;
}
.sgk-footer__logoLink {
display: inline-flex;
align-items: center;
width: fit-content;
}
.sgk-footer__logo {
max-width: 120px;
height: auto;
display: block;
}
.sgk-footer__copy {
font-size: 14px;
color: #fff;
font-weight: 300;
}
.sgk-footer__year {
color: #fff;
font-weight: 300;
}
.sgk-footer__contacts {
display: flex;
flex-direction: column;
gap: 30px;
}
.sgk-footer__menu {
display: flex;
flex-direction: column;
gap: 30px;
}
.sgk-footer__menuGrid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px 80px;
}
.sgk-footer__title {
font-weight: 700;
text-transform: capitalize;
color: #fff;
}
.sgk-footer__link {
color: #fff;
font-weight: 400;
font-size: 14px;
text-decoration: none;
text-transform: capitalize;
}
.sgk-footer__link:hover {
text-decoration: underline;
}
.sgk-hero {
background-size: cover;
background-position: center;
position: relative;
min-height: 700px;
color: #fff;
display: flex;
padding-top: 50px;
margin-bottom: -150px;
}
.sgk-hero__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.55);
z-index: 1;
}
.sgk-hero__content {
position: relative;
z-index: 2;
padding-top: 50px;
}
.sgk-hero__title {
font-size: 64px;
text-align: center;
max-width: 950px;
margin: 50px auto 20px;
}
.sgk-hero__desc {
max-width: 850px;
margin: 0 auto 30px;
font-size: 20px;
text-align: center;
}
.sgk-hero__actions {
display: flex;
align-items: center;
gap: 20px;
max-width: 465px;
margin: 0 auto 250px;
}
.sgk-hero__actions a {
text-decoration: underline;
}
.sgk-hero__actions .sgk-btn {
text-decoration: none;
box-shadow: 0 10px #000;
}
.sgk-hero__link {
color: #fff;
}
.sgk-what {
padding: 0;
text-align: center;
color: #000;
}
.sgk-what__bg {
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI3NjEiIHZpZXdCb3g9IjAgMCAxNDQwIDc2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTM3Ni4xMyA1Ni41MzcxTDE0NDAgMzMuNTIyVjc2MUgtMVY0NC41MjkzTDI4LjkzNzcgNTYuNTM3MUwxMTAuMjY4IDIzLjAxNTFMMTgyLjYxOCA1Ni41MzcxSDI5OS4zNzVMMzkxLjE4NCAyMy4wMTUxTDU1Mi4zNDggMEg2NjAuMTI0TDc4OS41IDMzLjUyMkw5MjMuNTc1IDBMMTEwMi4yIDU2LjUzNzFMMTE5Ny41IDIzLjAxNTFIMTI4MC44M0wxMzc2LjEzIDU2LjUzNzFaIiBmaWxsPSIjRjRGNEY1IiAvPgo8L3N2Zz4=');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 150px;
}
.sgk-what__bg--top {
position: relative;
z-index: 1;
background-position: top center;
}
.sgk-what .sgk-container {
padding-bottom: 100px;
}
.sgk-what__title {
font-size: 40px;
margin-bottom: 30px;
text-transform: capitalize;
}
.sgk-what__desc {
max-width: 930px;
margin: 0 auto;
}
.sgk-what__desc p {
font-size: 20px;
}
.sgk-keywords {
text-align: left;
color: #000;
margin-bottom: -150px;
}
.sgk-keywords__bg {
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI4NDEiIHZpZXdCb3g9IjAgMCAxNDQwIDg0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTM3Ni4xMyA1Ni41MzcxTDE0NDAgMzMuNTIyVjg0MUgtMVY0NC41MjkzTDI4LjkzNzcgNTYuNTM3MUwxMTAuMjY4IDIzLjAxNTFMMTgyLjYxOCA1Ni41MzcxSDI5OS4zNzVMMzkxLjE4NCAyMy4wMTUxTDU1Mi4zNDggMEg2NjAuMTI0TDgzNS4yNTkgNTYuNTM3MUw5MjMuNTc1IDBMMTEwMi4yIDU2LjUzNzFMMTE5Ny41IDIzLjAxNTFIMTI4MC44M0wxMzc2LjEzIDU2LjUzNzFaIiBmaWxsPSIjRkZCQzAzIiAvPgo8L3N2Zz4=');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 150px;
}
.sgk-keywords__bg--top {
background-position: top center;
}
.sgk-keywords .sgk-container-fluid {
background: #ffbc03;
}
.sgk-keywords__list {
display: flex;
flex-direction: column;
padding-bottom: 300px;
}
.sgk-keywords__item {
transition: box-shadow 0.25s ease, transform 0.25s ease;
text-align: center;
color: #fff;
opacity: 0.5;
transition: 0.5s;
}
.sgk-keywords__head {
position: relative;
padding: 0 20px;
cursor: pointer;
max-width: max-content;
margin: 0 auto;
}
.sgk-keywords__title {
font-size: 100px;
font-weight: 700;
text-transform: capitalize;
margin: 0 auto 20px;
}
.sgk-keywords__tag {
position: absolute;
z-index: 1;
top: 0;
right: 0;
opacity: 0;
transform: translateY(-6px);
pointer-events: none;
transition: opacity 0.5s ease, transform 0.5s ease;
}
.sgk-keywords__tagIcon {
position: absolute;
right: 0;
z-index: 1;
top: -60px;
right: -30px;
}
.sgk-keywords__tagText {
text-transform: uppercase;
font-size: 20px;
background: #fff;
border-radius: 40px;
padding: 5px 15px;
}
.sgk-keywords__desc {
opacity: 0;
transition: 0.5s;
font-size: 20px;
max-width: 680px;
margin: 0 auto;
}
.sgk-keywords__item.is-active {
color: #000;
opacity: 1;
}
.sgk-keywords__item.is-active .sgk-keywords__tag {
top: 35px;
right: -50px;
opacity: 1;
transform: translateY(0);
}
.sgk-keywords__item.is-active .sgk-keywords__desc {
opacity: 1;
}
@media (max-width: 992px) {
.sgk-keywords__mainTitle {
font-size: 38px;
}
.sgk-keywords__title {
font-size: 20px;
}
.sgk-keywords__desc {
font-size: 16px;
}
}
.sgk-how {
padding: 0 0 50px;
}
.sgk-how__bg {
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI3NjEiIHZpZXdCb3g9IjAgMCAxNDQwIDc2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTM3Ni4xMyA1Ni41MzcxTDE0NDAgMzMuNTIyVjc2MUgtMVY0NC41MjkzTDI4LjkzNzcgNTYuNTM3MUwxMTAuMjY4IDIzLjAxNTFMMTgyLjYxOCA1Ni41MzcxSDI5OS4zNzVMMzkxLjE4NCAyMy4wMTUxTDU1Mi4zNDggMEg2NjAuMTI0TDc4OS41IDMzLjUyMkw5MjMuNTc1IDBMMTEwMi4yIDU2LjUzNzFMMTE5Ny41IDIzLjAxNTFIMTI4MC44M0wxMzc2LjEzIDU2LjUzNzFaIiBmaWxsPSIjRjRGNEY1IiAvPgo8L3N2Zz4=');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 150px;
}
.sgk-how__bg--top {
background-position: top center;
position: relative;
z-index: 1;
}
.sgk-how .sgk-container-fluid {
background: #f4f4f5;
}
.sgk-how__title {
text-align: center;
font-size: 40px;
margin-bottom: 40px;
text-transform: capitalize;
}
.sgk-how__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.sgk-how__card {
background: #fff;
border: 2px solid #000;
box-shadow: 0 10px #000;
border-radius: 20px;
padding: 40px;
min-height: 415px;
display: flex;
justify-content: space-between;
flex-direction: column;
transition: 0.3s;
}
.sgk-how__card:hover {
transform: translateY(-15px);
box-shadow: 0 15px #000;
}
.sgk-how__icon {
width: 64px;
height: 64px;
border: 2px solid #000;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 45px;
}
.sgk-how__cardTitle {
font-size: 32px;
margin-bottom: 20px;
text-transform: capitalize;
}
.sgk-how__text {
max-width: 230px;
font-size: 16px;
}
.sgk-dashboard {
padding: 50px 0 0;
color: #000;
margin-bottom: -230px;
}
.sgk-dashboard__bg {
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI5MTQiIHZpZXdCb3g9IjAgMCAxNDQwIDkxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTE3LjIxNSA4NzcuNTQ2TDAgODYyLjI3NVY0Mi4zNjVMODYuMjkwMyAxOC4yMjY4TDI2Mi4zNjIgNjQuMDQwMkwzMzYuMTgzIDQyLjM2NUw1NDguNjY2IDBINjM4LjQ0OEw4MTQuMDIxIDQyLjM2NUw5MjguMjQ0IDBMMTA4NS4zNiA0Mi4zNjVMMTE3MS42NSAwSDEyNDIuNDhMMTM0Ny4yMyA2NC4wNDAyTDE0NDAgNDIuMzY1Vjg3Ny41NDZMMTM2NS42OCA5MTRMMTE2OCA4NjguNUw5NTIuNjg0IDg5OC43MjlMODI5LjQ4NCA4NzcuNTQ2SDY3Mi4zNjZINTA5LjVIMzg4LjU1NkwzMDguMjUxIDg2Mi4yNzVIMjA2LjQ5OEwxMTcuMjE1IDg3Ny41NDZaIiBmaWxsPSIjMDJCMUZGIiAvPgo8L3N2Zz4=');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 150px;
}
.sgk-dashboard__bg--top {
background-position: top center;
}
.sgk-dashboard__bg--bott {
background-position: bottom center;
}
.sgk-dashboard__top {
display: grid;
grid-template-columns: 0.8fr 1fr;
gap: 40px;
align-items: center;
margin-bottom: 60px;
}
.sgk-dashboard .sgk-container-fluid {
background: #02b1ff;
padding-bottom: 20px;
}
.sgk-dashboard__title {
font-weight: 700;
font-size: 50px;
}
.sgk-dashboard__sliderWrap {
position: relative;
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTg3IiBoZWlnaHQ9IjQzMCIgdmlld0JveD0iMCAwIDU4NyA0MzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTE2LjM0NDcgMTE0LjU2N0w2LjQzODg0IDMuNDcxNzRMMTY3LjQxIDguOTI3MzRMMjkwLjczOCAwTDQ4Ni4zOCA4LjkyNzM0TDU2NS42MjcgMEw1NzIuNTYxIDY4LjQ0MjlMNTc5IDI0NC4wMTRWMzUyLjEzNEw1ODcgNDI1LjUzNkw0NDUuMjcgNDMwTDMzNi44MDEgNDI1LjUzNkgyMTkuOTExTDkzLjExNTUgNDIxLjU2OUwyMC44MDI0IDQyNS41MzZMMTYuMzQ0NyAzMzkuNzM1TDAgMjMzLjU5OUwxNi4zNDQ3IDExNC41NjdaIiBmaWxsPSJibGFjayIgLz4KPC9zdmc+');
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
padding: 50px 60px;
min-height: 300px;
display: flex;
align-items: center;
}
.sgk-dashboard__slider {
overflow: hidden;
width: 100%;
position: relative;
}
.sgk-dashboard__sliderTrack {
display: flex;
transition: transform 0.45s ease;
will-change: transform;
}
.sgk-dashboard__sliderTrack div {
padding: 0 5px;
flex: 0 0 100%;
display: flex;
justify-content: center;
align-items: center;
}
.sgk-dashboard__sliderTrack div:hover {
cursor: pointer;
}
.sgk-dashboard__slider img {
max-width: 100%;
height: auto;
display: block;
border-radius: 20px;
user-select: none;
pointer-events: none;
}
.sgk-dashboard__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
z-index: 5;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
border-bottom: 3px solid #000;
background: #fff;
border-radius: 100%;
}
.sgk-dashboard__arrow:hover {
background: #ffbc03;
}
.sgk-dashboard__arrow--prev {
left: 40px;
}
.sgk-dashboard__arrow--next {
right: 40px;
}
.sgk-dashboard__tags {
display: flex;
flex-wrap: wrap;
gap: 20px 15px;
justify-content: flex-start;
margin-bottom: 80px;
}
.sgk-dashboard__tag {
background: #fff;
color: #000;
box-shadow: 4px 5px #000;
border-radius: 40px;
padding: 5px 15px;
font-size: 20px;
cursor: pointer;
transition: 0.3s;
user-select: none;
text-transform: uppercase;
}
.sgk-dashboard__tag:hover,
.sgk-dashboard__tag.is-active {
background: #ffbc03;
border-color: #000;
}
.sgk-miniBlock {
padding: 0 0 75px;
}
.sgk-miniBlock__title {
text-align: center;
font-size: 40px;
text-transform: capitalize;
margin-bottom: 40px;
}
.sgk-miniBlock__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.sgk-mini {
background: #fff;
border: 2px solid #000;
box-shadow: 0 10px #000;
border-radius: 20px;
padding: 30px 40px;
min-height: 220px;
display: flex;
gap: 20px;
flex-direction: column;
justify-content: space-between;
transition: 0.3s;
}
.sgk-mini:hover {
transform: translateY(-20px);
box-shadow: 0 15px #000;
}
.sgk-mini__icon {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.sgk-mini__text {
font-size: 18px;
text-transform: capitalize;
}
.sgk-compare {
top: 30px;
position: relative;
color: #000;
margin-bottom: 200px;
padding: 15px 0 0;
}
.sgk-compare__bg {
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIxNTA0IiB2aWV3Qm94PSIwIDAgMTQ0MCAxNTA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik04MzUuMjU5IDU2LjUzNzFMOTIzLjU3NSAwTDExMDIuMiA1Ni41MzcxTDExOTcuNSAyMy4wMTQ2SDEyODAuODNMMTM3Ni4xMyA1Ni41MzcxTDE0NDAgMzMuNTIyNVYxNTA0SC0xVjQ0LjUyOTNMMjguOTM3NSA1Ni41MzcxTDExMC4yNjkgMjMuMDE0NkwxODIuNjE4IDU2LjUzNzFIMjk5LjM3NUwzOTEuMTg0IDIzLjAxNDZMNTUyLjM0OCAwSDY2MC4xMjRMODM1LjI1OSA1Ni41MzcxWiIgZmlsbD0iI0ZGQkMwMyIgLz4KPC9zdmc+');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 150px;
}
.sgk-compare__bg--top {
background-position: top center;
}
.sgk-compare .sgk-container-fluid {
background: #ffbc03;
}
.sgk-compare__grid {
display: grid;
justify-content: center;
grid-template-columns: 1fr 1fr;
gap: 35px;
align-items: stretch;
}
.sgk-compare__bottom {
position: relative;
top: 120px;
}
.sgk-compare__card {
background: #fff;
border: 2px solid #000;
box-shadow: 0 10px #000;
border-radius: 20px;
display: flex;
flex-direction: column;
height: 100%;
min-height: 720px;
}
.sgk-compare__cardTop,
.sgk-compare__cardBott {
height: 50%;
padding: 40px;
display: flex;
box-sizing: border-box;
}
.sgk-compare__cardTop {
flex-direction: column;
border-bottom: 1px solid #000;
}
.sgk-compare__cardBott {
align-items: center;
justify-content: center;
}
.sgk-compare__chart {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.sgk-compare__chart img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.sgk-compare__title {
font-size: 40px;
margin-bottom: 45px;
text-align: center;
}
.sgk-compare__list {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 360px;
margin: 0 auto;
padding: 0;
}
.sgk-compare__list li {
list-style: none;
margin: 0;
padding: 0;
font-size: 16px;
}
.sgk-compare__subtitle {
text-align: center;
text-transform: capitalize;
font-size: 40px;
margin: 0 0 30px;
}
.sgk-compare__unique {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.sgk-compare__uniqueItem {
min-height: 160px;
background-size: cover;
background-position: center;
border: 2px solid #000;
box-shadow: 0 10px #000;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 30px 20px;
color: #fff;
height: 270px;
overflow: hidden;
position: relative;
}
.sgk-compare__uniqueItem::before {
content: '';
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
}
.sgk-compare__uniqueItem::after {
content: '';
position: absolute;
top: -50%;
left: -120%;
width: 60%;
height: 200%;
background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.15) 45%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.15) 55%, transparent 100%);
transform: skewX(-20deg);
transition: left 1.4s ease;
z-index: 2;
pointer-events: none;
}
.sgk-compare__uniqueItem:hover::after {
left: 160%;
}
.sgk-compare__uniqueItem--title {
font-size: 20px;
z-index: 1;
}
.sgk-compare__uniqueItem--desc {
font-size: 16px;
z-index: 1;
}
.sgk-audience {
color: #000;
padding: 30px 0 0;
margin-bottom: 150px;
}
.sgk-audience__bg {
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI5OTUiIHZpZXdCb3g9IjAgMCAxNDQwIDk5NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTM3Ni4xOCA1My44MzJMMTQ0MCAzMS45MTgxVjk5NUgwVjQyLjM5ODdMMjkuOTE2OSA1My44MzJMMTExLjE5MSAyMS45MTM5TDE4My40OSA1My44MzJIMzAwLjE2NkwzOTEuOTExIDIxLjkxMzlMNTUyLjk2NCAwSDY2MC42NjVMODM1LjY3OSA1My44MzJMOTIzLjkzMyAwTDExMDIuNDQgNTMuODMyTDExOTcuNjcgMjEuOTEzOUgxMjgwLjk0TDEzNzYuMTggNTMuODMyWiIgZmlsbD0iIzAyQjFGRiIgLz4KPC9zdmc+');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 150px;
}
.sgk-audience__bg--top {
background-position: top center;
}
.sgk-audience .sgk-container-fluid {
background: #02b1ff;
}
.sgk-audience__mainTitle {
font-size: 40px;
text-align: center;
text-transform: capitalize;
margin-bottom: 30px;
}
.sgk-audience__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}
.sgk-audience__list {
display: flex;
flex-direction: column;
gap: 10px;
}
.sgk-audience__pill {
background: #fff;
border: 2px solid #000;
box-shadow: 0 10px #000;
border-radius: 20px;
padding: 20px 30px;
text-transform: capitalize;
transition: 0.3s;
display: flex;
align-items: center;
margin-bottom: 10px;
font-size: 24px;
}
.sgk-audience__pill:last-child {
margin-bottom: 0;
}
.sgk-audience__pill:hover {
box-shadow: 0 15px #000;
}
.sgk-audience__right {
position: relative;
display: flex;
justify-content: center;
}
.sgk-audience__image {
width: 100%;
border-radius: 20px;
display: block;
box-shadow: 0 10px #000;
transition: opacity 0.35s ease, transform 0.45s ease;
will-change: opacity, transform;
}
.sgk-audience__imageWrapper {
max-width: 540px;
width: 100%;
height: 525px;
}
.sgk-audience__imageWrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sgk-audience__image--fadeOut {
opacity: 0;
}
.sgk-audience__image--fadeIn {
opacity: 1;
}
.sgk-benefits {
position: relative;
top: 90px;
}
.sgk-benefits__title {
text-align: center;
margin-bottom: 30px;
font-size: 40px;
text-transform: capitalize;
}
.sgk-benefits__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.sgk-benefits__item {
background: #fff;
border: 2px solid #000;
box-shadow: 0 10px #000;
border-radius: 20px;
padding: 20px;
font-size: 24px;
text-transform: capitalize;
transition: 0.3s;
}
.sgk-benefits__item:hover {
transform: translateY(-15px);
box-shadow: 0 15px #000;
}
.sgk-why {
padding: 0 0 70px;
}
.sgk-why__title {
text-align: center;
margin-bottom: 30px;
font-size: 40px;
text-transform: capitalize;
}
.sgk-why__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px 20px;
}
.sgk-why__item {
width: 100%;
min-height: 165px;
display: flex;
align-items: flex-start;
padding: 30px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border: 2px solid #000;
box-shadow: 0 5px #000;
border-radius: 20px;
position: relative;
overflow: hidden;
}
.sgk-why__item::before {
content: '';
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
}
.sgk-why__item::after {
content: '';
position: absolute;
top: -50%;
left: -120%;
width: 60%;
height: 200%;
background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.15) 45%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.15) 55%, transparent 100%);
transform: skewX(-20deg);
transition: left 1.4s ease;
z-index: 2;
pointer-events: none;
}
.sgk-why__item:hover::after {
left: 160%;
}
.sgk-why__text {
color: #fff;
font-size: 24px;
position: relative;
z-index: 3;
}
.sgk-useCases {
color: #fff;
padding: 0;
}
.sgk-useCases__bg {
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI5MTQiIHZpZXdCb3g9IjAgMCAxNDQwIDkxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTE3LjIxNSA4NzcuNTQ2TDAgODYyLjI3NVY0Mi4zNjVMODYuMjkwMyAxOC4yMjY4TDI2Mi4zNjIgNjQuMDQwMkwzMzYuMTgzIDQyLjM2NUw1NDguNjY2IDBINjM4LjQ0OEw4MTQuMDIxIDQyLjM2NUw5MjguMjQ0IDBMMTA4NS4zNiA0Mi4zNjVMMTE3MS42NSAwSDEyNDIuNDhMMTM0Ny4yMyA2NC4wNDAyTDE0NDAgNDIuMzY1Vjg3Ny41NDZMMTM2NS42OCA5MTRMMTE2OCA4NjguNUw5NTIuNjg0IDg5OC43MjlMODI5LjQ4NCA4NzcuNTQ2SDY3Mi4zNjZINTA5LjVIMzg4LjU1NkwzMDguMjUxIDg2Mi4yNzVIMjA2LjQ5OEwxMTcuMjE1IDg3Ny41NDZaIiBmaWxsPSIjMjEyMTIxIiAvPgo8L3N2Zz4=');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 150px;
}
.sgk-useCases__bg--top {
background-position: top center;
}
.sgk-useCases__bg--bottom {
position: relative;
background-position: bottom center;
z-index: 1;
margin-bottom: -150px;
}
.sgk-useCases .sgk-container-fluid {
background: #212121;
margin-bottom: -1px;
}
.sgk-useCases__title {
text-align: center;
font-size: 40px;
text-transform: capitalize;
margin-bottom: 40px;
}
.sgk-useCases__rows {
display: flex;
flex-direction: column;
gap: 30px;
max-width: 910px;
margin: 0 auto;
}
.sgk-useCases__row {
display: grid;
grid-template-columns: 365px 1fr;
gap: 75px;
align-items: start;
}
.sgk-useCases__name {
font-size: 32px;
}
.sgk-useCases__desc {
font-size: 14px;
font-style: italic;
font-weight: 200;
line-height: 1.6;
}
.sgk-cta {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.sgk-cta__content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 50px;
text-align: center;
padding: 220px 20px;
}
.sgk-cta__title {
max-width: 770px;
color: #fff;
font-size: 64px;
text-align: center;
}
.sgk-cta .sgk-btn {
font-weight: 700;
}
.sgk-pricingSection {
padding: 0;
}
.sgk-pricingSection__bg {
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI3NjEiIHZpZXdCb3g9IjAgMCAxNDQwIDc2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTM3Ni4xMyA1Ni41MzcxTDE0NDAgMzMuNTIyVjc2MUgtMVY0NC41MjkzTDI4LjkzNzcgNTYuNTM3MUwxMTAuMjY4IDIzLjAxNTFMMTgyLjYxOCA1Ni41MzcxSDI5OS4zNzVMMzkxLjE4NCAyMy4wMTUxTDU1Mi4zNDggMEg2NjAuMTI0TDc4OS41IDMzLjUyMkw5MjMuNTc1IDBMMTEwMi4yIDU2LjUzNzFMMTE5Ny41IDIzLjAxNTFIMTI4MC44M0wxMzc2LjEzIDU2LjUzNzFaIiBmaWxsPSIjRjRGNEY1IiAvPgo8L3N2Zz4=');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 150px;
}
.sgk-pricingSection__bg--top {
position: relative;
z-index: 1;
background-position: top center;
margin-top: -100px;
}
.sgk-pricingSection .sgk-container-fluid {
background: #f4f4f5;
}
.sgk-pricing {
max-width: 360px;
width: 100%;
margin: 0 auto;
height: 600px;
display: flex;
justify-content: center;
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYwIiBoZWlnaHQ9IjYwNCIgdmlld0JveD0iMCAwIDM2MCA2MDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTM2LjkzMDMgNTczLjEzOEwwIDU5NC43MjZMMS45MDcyOCAxMDEuNDU1TDM1LjA1MTkgODcuODIyMkwxMDIuNjgyIDExMy42OTZMMTMxLjAzNyAxMDEuNDU1TDIxMi42NTMgNzcuNTI4M0gyNDcuMTM5TDMxNC41NzggMTAxLjQ1NUwzNTguNDUxIDc3LjUyODNMMzYwIDU5Ny43MjdMMzIwLjUxNyA1NTMuMTM4TDI4MC4xNjcgNTgzLjE0NUwyMzcuNjA5IDU1My4xMzhMMTcwLjY5IDYwMy4xNDFMMTMwLjMwOCA1NzQuNTEzTDgxLjIyNDQgNTk0LjUyOEwzNi45MzAzIDU3My4xMzhaIiBmaWxsPSJibGFjayIgLz4KICA8cGF0aCBkPSJNMzYuOTU0MyA1NTguMTM5TDIgNTc5LjUyNVYyNi40NTM4TDM1LjA5NCAxMi44MjE4TDEwMi42MjEgMzguNjk0N0wxMzAuOTMzIDI2LjQ1MzhMMjEyLjQyNSAyLjUyODMySDI0Ni44NThMMzE0LjE5MyAyNi40NTM4TDM1OCAyLjUyODMyVjU4NC4yMjhMMzIwLjEyNCA1MzguMTM5TDI3OS44NjYgNTY4LjE0NkwyMzcuNDAzIDUzOC4xMzlMMTcwLjU0MSA1ODguMTQyTDEzMC4yMiA1NTkuNTE1TDgxLjE5NjEgNTc5LjUyOEwzNi45NTQzIDU1OC4xMzlaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIzIiAvPgo8L3N2Zz4=');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.sgk-pricingWrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin-bottom: 25px;
}
.sgk-pricingWrapper .sgk-pricing__price {
display: block;
font-weight: 700;
font-size: 40px;
text-align: center;
margin-bottom: 20px;
color: #000;
}
.sgk-pricing__card {
width: 100%;
max-width: 330px;
padding: 20px 0;
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
}
.sgk-pricing__title {
font-weight: 700;
font-size: 40px;
text-align: center;
margin-bottom: 25px;
color: #000;
text-transform: capitalize;
}
.sgk-pricing__list {
padding: 0;
display: flex;
flex-direction: column;
gap: 20px;
max-width: 165px;
margin: 0 auto 35px;
}
.sgk-pricing__list li {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
color: #000;
font-weight: 500;
font-size: 16px;
text-transform: capitalize;
}
.sgk-pricing .sgk-btn {
margin: 0 auto;
}
.sgk-faqSection {
padding: 20px 0;
max-width: 890px;
margin: 0 auto 50px;
}
.sgk-faqSection__title {
font-size: 40px;
text-align: center;
margin-bottom: 30px;
}
.sgk-faq {
display: flex;
flex-direction: column;
gap: 14px;
}
.sgk-faq__item {
background: #fff4db;
border-radius: 20px;
overflow: hidden;
}
.sgk-faq__q {
width: 100%;
background: #fff4db;
border: none;
padding: 30px 50px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
cursor: pointer;
text-align: left;
color: #000;
font-size: 20px;
font-weight: 700;
position: relative;
}
.sgk-faq__icon {
display: flex;
align-items: center;
justify-content: center;
min-width: 23px;
position: absolute;
top: 50%;
right: 0;
transform: translate(-50%, -50%);
}
.sgk-faq__iconMinus {
position: absolute;
width: 14px;
height: 2px;
background: #000;
opacity: 0;
transition: opacity 0.25s ease;
}
.sgk-faq__q[aria-expanded='true'] .sgk-faq__iconPlus {
opacity: 0;
}
.sgk-faq__q[aria-expanded='true'] .sgk-faq__iconMinus {
opacity: 1;
}
.sgk-faq__a {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease;
background: #fff4db;
}
.sgk-faq__a > div {
padding: 0 50px 20px;
color: #000;
line-height: 1.5;
}
.sgk-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.sgk-popup.is-open {
opacity: 1;
visibility: visible;
}
.sgk-popup.is-open .sgk-popup-wrap {
transform: translateY(0);
}
.sgk-popup .sgk-popup-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
backdrop-filter: blur(2px);
}
.sgk-popup .sgk-popup-wrap {
position: relative;
background: #fff;
width: 100%;
max-width: 500px;
padding: 30px;
border-radius: 8px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
z-index: 10000;
transform: translateY(20px);
transition: transform 0.3s ease;
margin: 20px;
font-family: 'Readex Pro', sans-serif;
}
.sgk-popup .sgk-popup-close {
position: absolute;
top: 15px;
right: 15px;
width: 30px;
height: 30px;
background: transparent;
border: none;
cursor: pointer;
padding: 0;
}
.sgk-popup .sgk-popup-close:before,
.sgk-popup .sgk-popup-close:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 2px;
background-color: #000;
transition: background-color 0.2s;
}
.sgk-popup .sgk-popup-close:before {
transform: translate(-50%, -50%) rotate(45deg);
}
.sgk-popup .sgk-popup-close:after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.sgk-popup .sgk-popup-close:hover:before,
.sgk-popup .sgk-popup-close:hover:after {
background-color: #ffbc03;
}
.sgk-popup .sgk-popup-content .sgk-popup-content__title {
text-align: center;
margin-top: 0;
color: #000;
font-size: 24px;
}
.sgk-popup .sgk-popup-content .sgk-popup-content__form {
color: #212121;
font-size: 16px;
line-height: 1.5;
}
.sgk-wpforms-wrapper.wpforms-container {
margin-bottom: 0;
}
.sgk-wpforms-wrapper.wpforms-container textarea {
resize: none;
}
.sgk-wpforms-wrapper.wpforms-container .cf-turnstile {
text-align: center;
margin-bottom: 20px;
}
.sgk-wpforms-wrapper.wpforms-container .sgk-btn {
display: block;
}
.sgk-wpforms-wrapper.wpforms-container .wpforms-field {
margin-bottom: 20px;
padding: 0;
}
.sgk-wpforms-wrapper.wpforms-container .wpforms-field input,
.sgk-wpforms-wrapper.wpforms-container .wpforms-field textarea {
padding: 15px 10px;
border: 1px solid #000;
border-radius: 5px;
}
.sgk-wpforms-wrapper.wpforms-container #wpforms-156-field_4-container {
display: none !important;
}
@media (max-width: 992px) {
.sgk-keywords__bg,
.sgk-how__bg,
.sgk-dashboard__bg,
.sgk-compare__bg--top,
.sgk-audience__bg--top,
.sgk-useCases__bg--top,
.sgk-useCases__bg--bottom,
.sgk-pricingSection__bg {
height: 100px;
}
.sgk-hero {
min-height: 600px;
}
.sgk-cta__title {
font-size: 48px;
}
.sgk-hero__title,
.sgk-what__bg,
.sgk-how__title,
.sgk-compare__title,
.sgk-compare__subtitle,
.sgk-audience__mainTitle,
.sgk-benefits__title,
.sgk-useCases__title,
.sgk-faqSection__title {
font-size: 32px;
}
.sgk-keywords__big {
padding-bottom: 200px;
}
.sgk-keywords__title,
.sgk-keywords__big {
font-size: 60px;
}
.sgk-keywords__tag--icon {
top: -5px;
right: -10px;
}
.sgk-keywords__tag--icon svg {
width: 30px;
height: 30px;
}
.sgk-how__grid,
.sgk-dashboard__top {
grid-template-columns: repeat(1, 1fr);
}
.sgk-compare__unique,
.sgk-benefits__grid,
.sgk-why__grid {
grid-template-columns: repeat(2, 1fr);
}
.sgk-why__text,
.sgk-useCases__name {
font-size: 21px;
}
.sgk-btn {
font-size: 18px;
}
.sgk-footer__menuGrid,
.sgk-useCases__row {
gap: 20px;
}
.sgk-useCases__row {
display: grid;
grid-template-columns: 220px 1fr;
}
.sgk-pricingWrapper {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sgk-hero {
min-height: 550px;
margin-bottom: -70px;
}
.sgk-what .sgk-container {
padding-bottom: 50px;
}
.sgk-keywords__big {
gap: 40px;
}
.sgk-keywords__desc {
margin-bottom: 20px;
}
.sgk-miniBlock__grid {
grid-template-columns: repeat(2, 1fr);
}
.sgk-keywords__tag {
right: 0;
}
.sgk-compare__unique,
.sgk-benefits__grid,
.sgk-useCases__row,
.sgk-why__grid,
.sgk-audience__grid,
.sgk-compare__grid,
.sgk-miniBlock__grid,
.sgk-footer__inner {
grid-template-columns: 1fr;
}
.sgk-footer .sgk-container {
background: #212121;
}
.sgk-footer .sgk-container .sgk-footer__inner {
padding-top: 0;
}
.sgk-hero__actions {
flex-direction: column;
gap: 25px;
}
.sgk-dashboard__title {
font-size: 40px;
}
.sgk-what__title,
.sgk-keywords__title,
.sgk-keywords__big,
.sgk-how__title,
.sgk-miniBlock__title,
.sgk-compare__title,
.sgk-compare__subtitle,
.sgk-audience__mainTitle,
.sgk-benefits__title,
.sgk-useCases__title,
.sgk-cta__title,
.sgk-pricing__title,
.sgk-faqSection__title {
font-size: 35px;
}
.sgk-hero__title,
.sgk-what__bg,
.sgk-how__cardTitle,
.sgk-hero__title,
.sgk-what__bg,
.sgk-how__cardTitle {
font-size: 26px;
}
.sgk-why__text,
.sgk-useCases__name {
font-size: 24px;
}
.sgk-mini__text {
font-size: 21px;
}
.sgk-keywords__desc,
.sgk-footer__title {
font-size: 20px;
}
.sgk-hero__desc,
.sgk-footer__link,
.sgk-footer__copy {
font-size: 16px;
}
.sgk-dashboard__tag {
font-size: 14px;
}
.sgk-what__bg,
.sgk-keywords__bg,
.sgk-how__bg,
.sgk-dashboard__bg,
.sgk-compare__bg--top,
.sgk-audience__bg--top,
.sgk-useCases__bg--top,
.sgk-useCases__bg--bottom,
.sgk-pricingSection__bg {
height: 70px;
}
.sgk-keywords__big * {
color: #000;
}
.sgk-how__card {
min-height: auto;
padding: 40px 30px;
}
.sgk-how__cardTitle {
margin-bottom: 20px;
}
.sgk-footer .sgk-container,
.sgk-container-fluid {
padding-left: 30px;
padding-right: 30px;
}
.sgk-dashboard__top {
margin-bottom: 35px;
}
.sgk-dashboard__sliderWrap {
padding: 40px 20px;
}
.sgk-dashboard__arrow--prev {
left: 0px;
}
.sgk-dashboard__arrow--next {
right: 0;
}
.sgk-mini {
gap: 50px;
min-height: 175px;
}
.sgk-compare {
top: 100px;
}
.sgk-compare__title {
margin-bottom: 30px;
}
.sgk-compare__cardTop,
.sgk-compare__cardBott {
height: 100%;
}
.sgk-compare__bottom {
top: 50px;
}
.sgk-compare {
margin-bottom: 200px;
}
.sgk-audience__imageWrapper {
height: 325px;
}
.sgk-pricing__title {
text-align: center;
}
.sgk-pricing__card {
padding: 0 20px;
}
.sgk-pricing .sgk-pricing__list {
margin-bottom: 25px;
}
.sgk-pricing .sgk-btn {
margin: 0 auto;
}
.sgk-faq {
gap: 30px;
}
.sgk-faq .sgk-faq__q {
padding: 15px 20px;
font-size: 16px;
}
.sgk-faq .sgk-faq__a div {
padding: 15px 20px;
font-size: 14px;
}
.sgk-faq .sgk-faq__icon {
width: 16px;
}
.sgk-faq .sgk-faq__icon svg {
width: 16px;
}
.sgk-footer__bg {
background-size: contain;
}
.sgk-footer__inner {
padding-bottom: 60px;
}
.sgk-footer__logo {
max-width: 100%;
}
.sgk-keywords__head {
padding: 0;
}
.sgk-keywords__list {
padding-bottom: 170px;
}
.sgk-keywords__item.is-active .sgk-keywords__tag {
right: 0;
}
.sgk-keywords__item .sgk-keywords__desc {
height: 0;
}
.sgk-keywords__item.is-active .sgk-keywords__desc {
height: 100%;
}
.sgk-keywords__tag {
display: none;
opacity: 0;
}
.sgk-hero__content {
padding-top: 0;
}
.sgk-hero__actions {
margin-bottom: 100px;
}
.sgk-pricing {
height: 500px;
max-width: 320px;
}
.sgk-pricing__title {
font-size: 30px;
margin-bottom: 15px;
}
.sgk-pricing__list {
margin-bottom: 15px;
}
.sgk-pricing .sgk-btn {
padding: 10px 20px;
}
.sgk-pricingWrapper .sgk-pricing__price {
font-size: 30px;
margin-bottom: 15px;
}
}
@media (max-width: 375px) {
.sgk-footer .sgk-container,
.sgk-container-fluid {
padding-left: 15px;
padding-right: 15px;
}
.sgk-dashboard__top {
gap: 0;
}
.sgk-dashboard__sliderWrap {
padding: 0px 20px;
}
.sgk-dashboard__sliderWrap {
min-height: 240px;
}
.sgk-dashboard__top {
margin-bottom: 10px;
}
.sgk-what__title,
.sgk-keywords__title,
.sgk-keywords__big,
.sgk-how__title,
.sgk-miniBlock__title,
.sgk-compare__title,
.sgk-compare__subtitle,
.sgk-audience__mainTitle,
.sgk-benefits__title,
.sgk-useCases__title,
.sgk-cta__title,
.sgk-pricing__title,
.sgk-faqSection__title {
font-size: 28px;
}
.sgk-dashboard__title {
font-size: 32px;
}
.sgk-hero__title,
.sgk-what__bg,
.sgk-how__cardTitle,
.sgk-hero__title,
.sgk-what__bg,
.sgk-how__cardTitle {
font-size: 24px;
}
.sgk-why__text,
.sgk-useCases__name {
font-size: 22px;
}
.sgk-mini__text,
.sgk-keywords__desc,
.sgk-footer__title {
font-size: 18px;
}
.sgk-hero__desc,
.sgk-footer__link,
.sgk-footer__copy,
.sgk-dashboard__tag {
font-size: 14px;
}
}