@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);

:root{
    --primary: #0591f0;
    --primaryhover: #0088e3;
    --secondary: #FAC267;
    --back: #f7f7f7;
    --backprimary: #DBEAFE;
    --backdark: #08090A;
    --margin: 110px;
    --gray: #EFEFEF;
    --border: #eaeaea;
    --borderthin: #eeeeee;
    --borderdark: #616161;
    --borderthindark: #454444;
    --graytext: #828080;
    --blacktext: #292929;
    --black: #000;
    --red: #e02929;
    --backusermsg: #EFF6FF;
    --fontmain: 'Inter', sans-serif;
}

body{
    width: 100%;
    font-family: var(--fontmain);
    background: #fff;
    font-size: 15px;
    color: #000;
    line-height: 24px;
    font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin: 0 auto;
    box-sizing: border-box;
    /* max-width: 1200px; */
    /* position: relative; */
    /* border-right: 1px solid var(--border); */
    /* border-left: 1px solid var(--border); */
}

body:not(.wp-admin) {
    max-width: 1200px;
    position: relative;
    /* border-right: 1px solid var(--border); */
    /* border-left: 1px solid var(--border); */
}




#wpadminbar {
    background: #1C66AE;
}
#wpadminbar .ab-top-menu>li.hover>.ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item, #wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus {
    background: #074684;
}
#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input {
    background: #074684;
}
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{
    background: #074684;
}



#wp-admin-bar-wp-logo, #wp-admin-bar-customize, #wp-admin-bar-updates, #wp-admin-bar-comments,#wp-admin-bar-wpseo-menu {
    display: none;
}
#wp-admin-bar-site-name > a:after {
    content: 'Dashboard';
    font-size: 13px;
}
.wp-admin #wp-admin-bar-site-name > a:after {
    content: 'Visit Site';
}
#wp-admin-bar-site-name > a {
    font-size: 0px;
}
#wp-admin-bar-wp-admin-bar-separator {
    opacity: 0.2;
}
#wp-admin-bar-edit a, #wp-admin-bar-new-content a {
    padding: 0 5px !important;
}

#wp-admin-bar-edit a:before, #wp-admin-bar-new-content a:before,#wp-admin-bar-my-sites a:before {
    margin: 0 !important;
    padding: 0;
}

#wp-admin-bar-edit > a {
    font-size: 0;
}

#wp-admin-bar-new-content > a span {
    font-size: 0;
}

#wp-admin-bar-new-content > a span {
    margin: 0 !important;
}

#wp-admin-bar-my-sites > a {
    font-size: 0;
}








html:not(.-single) {
    background: var(--back);
    /* margin: 0 40px; */
    /* border-right: 1px solid var(--border); */
    /* border-left: 1px solid var(--border); */
}

body.wp-singular.page-template-default.page.page-id-435.logged-in.admin-bar.wp-theme-onpress.customize-support {}

html :where(.wp-block){
    max-width: 100%;
}


.container{
    max-width: 1000px;
    margin: 0 auto;
}

@media (max-width: 1200px) {
    .container{
        padding: 0 20px;
    }
}

a{
    color: var(--primary);
    text-decoration: none;
    transition: 0.3s;
}
img {
    max-width: 100%;
}
canvas,img,picture,svg,video {
    display: block;
    max-width: 100%;
}

button,input,select,textarea {
    font: inherit;
}

h1,h2,h3,h4,h5,h6,p {
    overflow-wrap: break-word;
    margin: 0;
}
h1, .h1 {
    /* font-size: 64px; */
    /* line-height: 68px; */
    /* letter-spacing: -1.43px; */
    /* font-weight: 600; */
    /* margin: 0 0 20px; */
}

h2, .h2 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 12px;
    font-weight: bold;
}

h3,.h3{
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
    font-weight: bold;
}

h4, .h4 {
    font-size: 21px;
    font-weight: 500;
    line-height: 30px;
}

h5, .h5 {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 15px;
    color: var(--grayText);
    font-weight: bold;
    letter-spacing: 0.5px;
    margin: 0;
}



.editor-styles-wrapper .btn {
    margin-bottom: 10px;
}
.editor-styles-wrapper code {/* display: block; */color: #000;font-size: 13px;line-height: 17px;padding: 5px 9px;margin: 5px 0;border: none;background: #f1f1f1;border-radius: 5px;font-weight: 600;}

.articleEl {
}

.articleEl {
}

.articleEl {
}

.editor-styles-wrapper blockquote {
    /* background: var(--back); */
    padding: 30px 30px 32px;
    margin-bottom: 40px;
    text-align: center;
    margin-top: 30px;
    font-size: 24px;
    line-height: 37px;
    border-radius: 10px;
}

.editor-styles-wrapper blockquote:before {
    content: '';
    display: block;
    width: 30px;
    height: 23px;
    background-image: url(../img/quote.svg);
    background-size: contain;
    margin: 0 auto 14px;
}

.editor-styles-wrapper blockquote p {
    font-size: 22px;
    line-height: 31px;
}

.editor-styles-wrapper blockquote p:last-child {
    margin-bottom: 0;
}

.editor-styles-wrapper img {
    /* width: 100%; */
    max-width: 100%;
    height: fit-content;
    margin: 0 auto;
    border: initial;
    display: block;
    background: #fff;
}

.editor-styles-wrapper figure {
    max-width: 700px;
    width: 100%;
    margin: 30px auto 50px var(--margin);
    display: block;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #f0efef;
}



.editor-styles-wrapper h2, .editor-styles-wrapper .h2 {
    font-size: 29px;
    line-height: 43px;
    margin: 70px 0 15px;
    color: #000;
    font-weight: bold;
}

.editor-styles-wrapper h1, .editor-styles-wrapper .h1 {
    font-size: 58px;
    line-height: 65px;
    letter-spacing: -1.43px;
    font-weight: 600;
    margin: 0 0 20px;
}

.editor-styles-wrapper h2:first-child {
    margin-top: 0;
    /* font-size: 33px; */
    /* line-height: 40px; */
}

.editor-styles-wrapper h2 {
    font-size: 33px;
    line-height: 40px;
}

.editor-styles-wrapper iframe {
    width: 100%;
    min-height: 400px;
}

.editor-styles-wrapper h3 {
    font-size: 22px;
    line-height: 30px;
    margin: 25px 0 13px;
}

.editor-styles-wrapper h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 30px;
}
 
.editor-styles-wrapper h2, h2 {
    font-size: 40px;
    line-height: 52px;
    margin-top: 30px;
    /* font-size: 50px; */
    letter-spacing: -.0325em;
    line-height: 1.1;
}

.editor-styles-wrapper h5 {
}

.editor-styles-wrapper p, .editor-styles-wrapper ul, .editor-styles-wrapper ol {
    font-size: 17px;
    line-height: 29px;
    margin-bottom: 22px;
    color: #000;
}

.editor-styles-wrapper .wp-block-separator {
    border-top: 1px solid var(--border);
    max-width: 980px;
    margin: 40px auto;
}

.articleEl h1, .articleEl h2, .articleEl h3, .articleEl h4, .articleEl h5, .articleEl h6, .editor-styles-wrapper h1, .editor-styles-wrapper h2, .editor-styles-wrapper h3, .editor-styles-wrapper h4, .editor-styles-wrapper h5, .editor-styles-wrapper h6, .articleEl p, .editor-styles-wrapper p, .articleEl ul, .editor-styles-wrapper ul, .articleEl ol, .editor-styles-wrapper ol, .editor-styles-wrapper blockquote:not(.feedback__text), .editor-styles-wrapper blockquote:not(.feedback__text), .wp-block-code, .editor-styles-wrapper table {
    max-width: 700px;
    margin-left: var(--margin);
    margin-right: auto;
}
body .has-text-align-center {
    margin-left: auto;
}



.textMediaBlock, .cardsWithScreenshots, .feedback, .cardsWithIcons, .pointsWithIcons, .titleBlock, .headBlock, .breadBlock, .contentBlock {
    max-width: 980px;
    margin: 0 auto;
}

.cardsWithScreenshots {
    display: flex;
}

.wp-block-code code {
    background: #1d2327;
    color: #fff;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
}


.editor-styles-wrapper td,.editor-styles-wrapper th {
    border: 1px solid #ccc;
    padding: 5px 10px;
    line-height: 20px;
    font-size: 15px;
    border-collapse: collapse;
}

.editor-styles-wrapper table {
    border-collapse: collapse;
    /* margin: 0px auto; */
    /* max-width: 770px; */
}

.editor-styles-wrapper thead {
    /* background: var(--back); */
}

.editor-styles-wrapper figcaption {
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    margin-top: 10px;
}

.editor-styles-wrapper figure {
    /* margin-bottom: 40px; */
    /* background-image: url(/wp-content/uploads/sites/5/2025/07/back.jpg); */
    /* padding: 42px 60px 0 60px; */
    /* background-size: cover; */
}

.editor-styles-wrapper figure.is-style-backgrounded {
    margin-bottom: 40px;
    background-color: var(--backblack);
    background-image: url(/wp-content/uploads/sites/5/2025/07/back.jpg);
    padding: 42px 60px 0 60px;
    background-size: cover;
}

.editor-styles-wrapper figure.is-style-backgrounded img {
    border-radius: 13px 13px 0 0;
    box-shadow: 0 7px 40px -10px #00000070;
}

.editor-styles-wrapper ol {
    list-style: auto;
    padding-left: 18px;
}

.editor-styles-wrapper li {
}

.editor-styles-wrapper ol li {
    margin-bottom: 10px;
}

.editor-styles-wrapper ul {
    list-style: initial;
    padding-left: 18px;
}

.editor-styles-wrapper ul li {
}

.editor-styles-wrapper ul li {
    margin-bottom: 10px;
    padding-left: 6px;
}









.btn{
    border-radius: 100px;
    padding: 14px 24px;
    background: var(--primary);
    color: #fff;
    font-weight: bold;
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    border: 2px solid var(--primary);
    display: inline-flex;
    align-items: center;
    border: 1px solid #0684d9;
    text-shadow: 0 0px 1px #00000045;
}

.btn svg {
    fill: #fff;
    max-width: 22px;
}

.btn.-round {
    background: none;
    color: #000;
}
.btn.-small{
    padding: 6px 12px;
    font-weight: 600;
    font-size: 14px;
}
.btn.-text{
    color: #000;
    background: none;
    border-color: #ff000000;
}



body.admin-bar .headerBlock {
    top: 29px;
}

.pageBlock {
    margin-top: 0;
    background: var(--back);
    padding-top: 50px;
}

.pageBlock.-fixedheader {padding-top: 130px;}

.pageBlock__head {
    background: var(--backdark);
    color: #fff;
    text-align: center;
    padding: 160px 0 60px;
}

.pageBlock__head h1 {
    max-width: 680px;
    margin: 0 auto 30px;
}

.pageBlock__wrap {
    /* border-radius: 60px 60px 0 0; */
    background: #fff;
    /* padding: 70px 0; */
}

.pageBlock__content {
    /* max-width: 980px; */
    /* margin: 0 auto; */
}


.breadBlock {
    font-size: 12px;
    line-height: 16px;
    /* margin: 50px 0 11px 10px; */
    /* text-align: center; */
    padding-top: 60px;
    /* margin-top: 50px; */
    margin-bottom: 40px;
}

.breadBlock svg {
    max-width: 13px;
    fill: #000;
    display: inline-block;
}

.blogBlock {}

.blogBlock.-block {
    margin-bottom: 100px;
}

.blogBlock__head {
    margin: 48px 0 40px;
}

.blogBlock__items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 70px;
}
.blogBlock__desc {
    /* border-top: 1px solid var(--border); */
    /* padding-top: 70px; */
    margin-bottom: 70px;
}





.headerBlock__btns svg {
    fill: #fff;
    margin-left: 5px;
    max-width: 17px;
    margin-right: -5px;
    display: none;
}

.headerBlock{
    /* border-bottom: 1px solid var(--border); */
    font-size: 14px;
    margin-bottom: 10px;
    position: fixed;
    left: 0;
    right: 0;
    top: 5px;
    z-index: 999;
}

.headerBlock .container {
    max-width: 740px;
}

.headerBlock__cols{
    display: flex;
    align-items: center;
    border: 1px solid var(--border);
    padding: 0 7px;
    border-radius: 100px;
    margin-top: 10px;
    background: #ffffffeb;
    /* Adding a blurred background effect */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* For Safari support */
    border: 1px solid #ededed;
    /* Adding an outer shadow */
    box-shadow: 0 0px 11px -2px rgba(0, 0, 0, 0.1), inset 0 0px 1px rgba(0, 0, 0, 0.1);
}
.headerBlock__left{
    display: flex;
    max-width: fit-content;
    /* width: 100%; */
}

.headerBlock__center {
    text-align: left;
    width: 100%;
    max-width: 60%;
}
.headerBlock__right{
    margin-left: auto;
    /* display: flex; */
    /* align-items: self-end; */
    max-width: 20%;
    width: 100%;
    text-align: right;
}
.headerBlock__logo{
    display: flex;
    align-items: center;
    font-weight: bold;
    color: #000;
    font-size: 20px;
    margin-right: 15px;
    margin-left: 9px;
}
.headerBlock__logo img{
    max-width: 27px;
    margin-right: 10px;
}

.headerBlock__logo span {
    font-size: 18px;
}
.headerBlock__menu ul{
    display: flex;
    margin: 0;
    padding: 0;
    /* align-items: center; */
    /* justify-content: center; */
}

.headerBlock__menu li {
    list-style: none;
    padding: 0;
}
.headerBlock__menu a{
    padding: 12px 14px 12px;
    display: block;
    color: #000;
    border-bottom: 2px solid #ffffff00;
    margin-top: 0;
    position: relative;
    bottom: -1px;
    font-size: 14px;
    font-weight: 500;
}

.headerBlock__menu a:hover {
    color: var(--primary);
}

.current-menu-item a {
    border-color: var(--primary);
    color: var(--primary);
}
.headerBlock__btns{
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: right;
}



.headerBlock-wide__btns svg {
    fill: #fff;
    margin-left: 5px;
    max-width: 17px;
    margin-right: -5px;
    display: none;
}

.headerBlock-wide {
    border-bottom: 1px solid var(--border);
    font-size: 14px;
    margin-bottom: 10px;
    position: fixed;
    left: 0;
    right: 0;
    top: 5px;
    z-index: 999;
    margin-top: 10px;
    background: #f7f7f7d4;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    /* border: 1px solid #ededed; */
    /* box-shadow: 0 0px 11px -2px rgba(0, 0, 0, 0.1), inset 0 0px 1px rgba(0, 0, 0, 0.1); */
    /* max-width: 990px; */
    margin: 0 auto;
}

html.-single .headerBlock-wide {
    background: #fff;
}

body.admin-bar .headerBlock-wide {
    top: 32px;
}

.headerBlock-wide .container {
    /* max-width: 740px; */
}

.headerBlock-wide__cols {
    display: flex;
    align-items: center;
    /* border: 1px solid var(--border); */
    padding: 0 7px;
    /* border-radius: 100px; */
    /* margin-top: 10px; */
    /* background: var(--back); */
    /* Adding a blurred background effect */
    /* backdrop-filter: blur(5px); */
    -webkit-backdrop-filter: blur(10px); /* For Safari support */
    /* border: 1px solid #ededed; */
    /* Adding an outer shadow */
    /* box-shadow: 0 0px 11px -2px rgba(0, 0, 0, 0.1), inset 0 0px 1px rgba(0, 0, 0, 0.1); */
}

.headerBlock-wide__left {
    display: flex;
    max-width: fit-content;
    /* width: 100%; */
}

.headerBlock-wide__center {
    text-align: left;
    width: 100%;
    max-width: 60%;
}

.headerBlock-wide__right {
    margin-left: auto;
    /* display: flex; */
    /* align-items: self-end; */
    max-width: 20%;
    width: 100%;
    text-align: right;
}

.headerBlock-wide__logo {
    display: flex;
    align-items: center;
    font-weight: bold;
    color: #000;
    font-size: 20px;
    margin-right: 15px;
    margin-left: 9px;
}

.headerBlock-wide__logo img {
    max-width: 27px;
    margin-right: 10px;
}

.headerBlock-wide__logo span {
    font-size: 18px;
}

.headerBlock-wide__menu ul {
    display: flex;
    margin: 0;
    padding: 0;
    /* align-items: center; */
    /* justify-content: center; */
}

.headerBlock-wide__menu li {
    list-style: none;
    padding: 0;
}

.headerBlock-wide__menu li:hover .headerBlock-sub {
    display: block;
}

.headerBlock-wide__menu a {
    padding: 12px 14px 12px;
    display: block;
    color: #000;
    border-bottom: 2px solid #ffffff00;
    margin-top: 0;
    position: relative;
    bottom: -1px;
    font-size: 14px;
    font-weight: 500;
}

.headerBlock-wide__menu a:hover {
    color: var(--primary);
}

.current-menu-item a {
    border-color: var(--primary);
    color: var(--primary);
}

.headerBlock-wide__btns {
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: right;
}













.footerBlock {
    /* border-top: 1px solid var(--border); */
    padding-top: 30px;
    padding-bottom: 30px;
}

.footerBlock__desc {
    font-size: 12px;
    line-height: 15px;
    padding: 20px;
    text-align: center;
}


.footerBlock__cols {
    display: flex;
    margin-bottom: 40px;
}

.footerBlock__col {
    width: 100%;
    max-width: 100%;
}

.footerBlock__col.-menu {padding-top: 15px;max-width: 150px;margin-right: 0;padding-top: initial;margin-left: auto;padding-left: 20px;}

.footerBlock-menu {
    margin-bottom: 30px;
}

.footerBlock-menu ul {
    padding: 0;
    margin: 0;
}

.footerBlock-menu li {
    list-style: none;
}

.footerBlock-menu__head {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 13px;
}

.footerBlock-menu__items {}

.footerBlock-menu__items.-about_models a {
    display: inline-block !important;
    margin-right: 11px;
}

.footerBlock-menu__items a {
    font-size: 14px;
}

.footerBlock__docs {
    font-size: 12px;
    line-height: 15px;
}

.footerBlock__head {
    margin-bottom: 25px;
}

.footerBlock-social path, .footerBlock-social g, .footerBlock-social path, .footerBlock-social svg {
    fill: #fff;!;!i;!;
}

.footerBlock-social {}

.footerBlock-social {}

.footerBlock-social {
    max-width: 26px;
    margin-right: 15px;
    margin-bottom: 20px;
    transition: 0.3s;
}

.footerBlock-social:hover {
    transform: rotate(5deg);
    opacity: 0.7;
}

.footerBlock__social {
    display: flex;
    align-items: center;
    position: relative;
    left: 0;
    margin-bottom: 30px;
}

.footerBlock__note {
    font-size: 14px;
}

.footerBlock__logo {
    margin-bottom: 10px;
    position: relative;
    display: flex;
    align-items: center;
    font-weight: bold;
    color: #000;
    font-size: 20px;
    margin-right: 20px;
}

.footerBlock__logo img {max-width: 27px;margin-right: 9px;}

.footerBlock__col.-menu a {
    display: block;
    margin-bottom: 10px;
    transition: 0.3s;
    color: #000;
}

.footerBlock__col.-menu a:hover {
    opacity: 0.6;
}


.headBlock{
    /* max-width: 980px; */
    /* margin: 0; */
    /* text-align: left; */
    border-bottom: 1px solid var(--border);
    /* background: var(--back); */
    /* padding-top: 60px; */
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.headBlock.-post {
    margin-top: 0px;
}

.headBlock.-page {
    border-bottom: 1px solid var(--border);
    background: var(--back);
    padding-top: 60px;
    max-width: 100%;
    padding-bottom: 20px;
    border-top: 1px solid var(--border);
    margin-bottom: 0;
}

.headBlock__label {
    display: flex;
    font-weight: bold;
    font-size: 20px;
    justify-content: center;
    margin-bottom: 30px;
    color: #000;
    /* border-bottom: 2px solid var(--primary); */
    width: fit-content;
    align-items: center;
    text-align: center;
    margin: 0 auto 30px;
    line-height: 28px;
}

.headBlock__label span {
    /* border-bottom: 2px solid var(--primary); */
}

.headBlock__label g {
    fill: var(--primary);
}

.headBlock__label svg {
    max-width: 12px;
    margin-right: 4px;
    position: relative;
    top: 0px;
}
.headBlock__timeToRead{
    /* margin-bottom: 20px; */
    /* font-size: 13px; */
    /* line-height: 18px; */
    color: var(--graytext);
}
.headBlock__head{}

.headBlock__subhead {
    margin: 0 auto 30px;
    max-width: 770px;
}

.headBlock__btns {
    margin-bottom: 50px;
}

.headBlock__btns .btn {
    margin: 0 5px;
}
.headBlock__head h1{
    /* margin-bottom: 20px; */
    font-size: 44px;
    line-height: 52px;
    margin-left: 0;
}
.headBlock__meta{
    display: flex;
    /* align-items: center; */
    /* text-align: center; */
    /* justify-content: center; */
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    color: var(--graytext);
}

.headBlock__img {
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.headBlock__img img {}


.headBlock__author{}
.headBlock__date{
    margin-left: 20px;
    position: relative;
}

.headBlock__date:before {
    content: '';
    border-left: 1px solid #888;
    height: 8px;
    display: block;
    position: absolute;
    top: 5px;
    left: -10px;
}

.contentBlock{
    /* margin-bottom: 90px; */
    display: flex;
    max-width: 1200px;
    /* width: 100%; */
}

.contentBlock__content {
    width: 100%;
    max-width: 980px;
}

.contentBlock__side {}

.contentBlock__side {
    margin-left: auto;
    width: 100%;
    background: var(--back);
    max-width: calc(980px - 700px - 50px);
    margin-right: var(--margin);
    margin-left: 50px;
}
.contentBlock__wrap{}








.callBlock{
    text-align: center;
    /* border-top: 1px solid var(--border); */
    /* border-bottom: 1px solid var(--border); */
    padding: 70px 0;
    margin-bottom: -1px;
    margin-top: 80px;
    background: var(--back);
    max-width: 1000px;
    margin: 80px auto 40px;
    border-radius: 20px;
}
.callBlock__head{}
.callBlock__subhead{
    margin-bottom: 30px;
}
.callBlock__btns{}
.callBlock__btns .btn svg{
    margin-left: 5px;
    position: relative;
    top: 0.5px;
    margin-right: -4px;
}

.cardEl{
    width: 100%;
    max-width: 32%;
    margin-right: 2%;
    position: relative;
}

.cardEl:nth-child(3n) {
    margin-right: 0px;
}
.cardEl__img{
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}
.cardEl__img img{}
.cardEl__head{}
.cardEl__subhead{
    font-size: 14px;
    line-height: 23px;
    color: var(--graytext);
}
.cardEl__link{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}


.firstBlock{}
.firstBlock__head{}
.firstBlock__subhead{}
.firstBlock__btns{}

.firstBlock{
    background: #000000;
    color: #fff;
    padding: 120px 0 60px;
    margin-bottom: 70px;
    border-radius: 0 0 60px 60px;
}
.firstBlock__cols{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 660px;
    margin: 0 auto;
}
.firstBlock__left{
    max-width: 670px;
    width: 100%;
}

.firstBlock__label {}
.firstBlock__right{
}
.firstBlock__right img{
    position: relative;
    /* left: 50px; */
    /* margin-bottom: -110px; */
    margin-top: 10;
    margin-top: 40px;
    border: 1px solid var(--border);
    border-radius: 20px;
}
.firstBlock__head h1{
    /* font-size: 82px; */
    /* line-height: 84px; */
    /* margin-bottom: 20px; */
}
.firstBlock__btns{}
.firstBlock__subhead{
    margin-bottom: 30px;
    color: #8A8F98;
}
.firstBlock__btns .btn{
    color: #fff;
    margin-right: 13px;
}

.featuresBlock{
    padding: 90px 0 60px;
}
.featuresBlock__head{
    text-align: left;
    margin-bottom: 60px;
}

.featuresBlock__head h2, .featuresBlock__head h4 {
    margin-left: 0;
}

.featuresBlock__head * {
    margin-left: auto;
}

.featuresBlock__head h {}
.featuresBlock__items{
    display: flex;
    flex-wrap: wrap;
}
.featuresBlock-item{
    width: 100%;
    max-width: calc(32% - 2%);
    margin-right: 4%;
    margin-bottom: 49px;
}

.featuresBlock-item:nth-child(3n) {
    margin-right: 0;
}
.featuresBlock-item__img{
    margin-bottom: 30px;
    height: 50px;
}

.featuresBlock-item__img svg {}
.featuresBlock-item__img img{}
.featuresBlock-item__head{
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
    margin-bottom: 10px;
}
.featuresBlock-item__desc{}


.usercasesBlock{
    background: #E6F1ED;
    padding-top: 80px;
    padding-bottom: 80px;
}
.usercasesBlock__head{
    text-align: center;
    margin-bottom: 50px;
}
.usercasesBlock__cols{
    display: flex;
}
.usercasesBlock__col{
    width: 100%;
    max-width: calc(50% - 30px);
    margin-right: 30px;
}

.usercasesBlock__col:nth-child(2n) {
    margin-right: 0;
}
.usercasesBlock-item{
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 23px 30px 25px;
    background: #fff;
    margin-bottom: 30px;
}
.usercasesBlock-item__desc{
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 18px;
}
.usercasesBlock-item__head{
    font-weight: bold;
    margin-bottom: -1px;
}
.usercasesBlock-item__bottom{
    display: flex;
}
.usercasesBlock-item__img{background-color: var(--primary);color: #fff;width: 45px;height: 45px;border-radius: 100%;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 20px;margin-right: 15px;}

.usercasesBlock-item__img.-color1 {
    background: #ff4949;
}

.usercasesBlock-item__img.-color2 {
    background: #079f73;
}

.usercasesBlock-item__img.-color3 {
    background: #ff6723;
}

.usercasesBlock-item__img.-color4 {
    background: #48C3BF;
}
.usercasesBlock-item__right{
}
.usercasesBlock-item__note{}


.howtostartBlock{
    background: #FEFBF1;
    padding-top: 90px;
    padding-bottom: 90px;
}
.howtostartBlock__head{
    text-align: center;
    margin-bottom: 50px;
}
.howtostartBlock__items{
    display: flex;
    flex-wrap: wrap;
}
.howtostartBlock-item{
    width: 100%;
    max-width: calc(23%);
    margin-right: 2%;
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 18px 20px 25px;
    background: #fff;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.howtostartBlock-item:last-child {
    margin-right: 0;
}
.howtostartBlock-item__num{
    color: var(--primary);
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 20px;
}
.howtostartBlock-item__head{
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
    margin-bottom: 5px;
}
.howtostartBlock-item__desc{}

.medialeftBlock{
    /* margin-bottom: 120px; */
    padding-top: 90px;
    padding-bottom: 90px;
    background: #f5f1ec;
}
.medialeftBlock__cols{
    display: flex;
    align-items: center;
}
.medialeftBlock__left{
    width: 100%;
    max-width: 50%;
    margin-right: 7%;
}
.medialeftBlock__left img{}
.medialeftBlock__right{
}
.medialeftBlock__head{}
.medialeftBlock__right p{}



.privacyBlock{
    padding: 110px 0 70px;
}
.privacyBlock__head{
    /* max-width: 540px; */
    margin-bottom: 50px;
    display: flex;
    align-items: center;
}

.privacyBlock__head h2, .privacyBlock__head h4 {
    margin-left: 0;
}
.privacyBlock__left{
    max-width: 220px;
    border-radius: 20px;
    overflow: hidden;
    margin-right: 40px;
}
.privacyBlock__left img{}
.privacyBlock__right{
    max-width: 540px;
    padding-top: 8px;
}
.privacyBlock__items{
    display: flex;
    flex-wrap: wrap;
}
.privacyBlock-item{
    width: calc(50% - 10%);
    margin-right: 10%;
    margin-bottom: 50px;
}

.privacyBlock-item:nth-child(2n) {
    margin-right: 0;
}
.privacyBlock-item__head{
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
    margin-bottom: 10px;
}
.privacyBlock-item__desc{}


.metricsBlock{
    background: #000000;
    color: #fff;
    padding: 100px 0 80px;
}
.metricsBlock__head{
    text-align: center;
    margin-bottom: 50px;
}

.metricsBlock__head h2 {
    color: #fff;
}
.metricsBlock__items{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.metricsBlock-item{width: 100%;max-width: 20%;border: 1px solid #e3e3e347;padding: 10px;margin: 0 20px 10px;width: 100%;max-width: calc(25% - 1%);margin-right: 1%;border: 1px solid #d1d0d059;border-radius: 16px;padding: 18px 20px 25px;/* background: #fff; */box-sizing: border-box;/* color: #000; */}
.metricsBlock-item__head{
    font-size: 60px;
    font-weight: bold;
    line-height: 80px;
}
.metricsBlock-item__subhead{}


.workflowBlock{
    padding: 100px 0;
    background: #F5F1EC;
}
.workflowBlock__head{
    display: flex;
    margin-bottom: 50px;
}

.workflowBlock__head h2, .workflowBlock__head h4 {
    margin-left: 0;
}
.workflowBlock__left{
    margin-right: 10%;
    max-width: 40%;
    padding-top: 30px;
}

.workflowBlock__label .headBlock__label {
    margin-left: 0;
}
.workflowBlock__right{
    max-width: 50%;
}
.workflowBlock__right img{}
.workflowBlock__items{
    display: flex;
    flex-wrap: wrap;
}
.workflowBlock-item{
    width: 100%;
    max-width: calc(33% - 1%);
    margin-right: 2%;
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 23px 20px 28px;
    background: #fff;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.workflowBlock-item:nth-child(3n) {
    margin-right: 0;
}
.workflowBlock-item__head{
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.workflowBlock-item__desc{}




.faqBlock{
    padding: 100px 0;
}
.faqBlock__head{
    margin-bottom: 50px;
    text-align: center;
}
.faqBlock__head h2{}
.faqBlock__items{
    max-width: 780px;
    margin: 0 auto;
}
.faqBlock-item{
    background: #f5f1ec;
    border-radius: 10px;
    margin-bottom: 20px;
    position: relative;
    padding: 20px 20px 20px 60px;
    cursor: pointer;
}

.faqBlock-item.-active {}

.faqBlock-item.-active {}

.faqBlock-item.-active svg {
    transform: rotate(225deg);
}

.faqBlock-item.-active .faqBlock-item__desc {
    display: block;
    margin-top: 15px;
}
.faqBlock-item svg{
    max-width: 20px;
    position: absolute;
    left: 20px;
    top: 25px;
    height: 20px;
    transition: 0.3s;
}
.faqBlock-item__head{
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
}
.faqBlock-item__desc{
    display: none;
}

.firstBlock__label{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    margin: 0 auto 25px;
}
.firstBlock__label .icon{
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.firstBlock__label .icon svg {
    fill: var(--primary);
    max-width: 20px;
}
.firstBlock__label .text{
    font-size: 14px;
    color: #D0D6E0;
    font-weight: 600;
}

.firstBlock__label {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: -7px;
}
 
@media (max-width: 768px) {
    h1, h2, h3, h4, h5, h6, .h2,.h3,.h4 {
        font-size: 20px;
        line-height: 30px;
    }

h4, .h4 {
    font-size: 16px;
    line-height: 26px;
}

h2, .h2 {
    font-size: 30px;
    line-height: 40px;
}

.callBlock {
    border-radius: 40px;
    padding: 40px 20px;
    margin-bottom: 10px;
}

.btn {
    font-size: 16px;
}

.btn svg {
    max-width: 20px;
}

    h1 {
        font-size: 40px;
        line-height: 49px;
    }

    .admin-bar {
        margin-top: -46px;
    }

body {
    padding-top: 55px;
}

body.-headerMenuOpen {
    overflow: hidden;
}

    #wpadminbar {
        display: none;
    }

    .contentBlock {
        margin: 0 20px;
    }
    .headerBlock__logo {
        font-size: 16px;
        margin: 0;
    }
    .headerBlock__logo img {
    }
    .headerBlock{
    margin: 0;
    padding: 5px 20px;
    border-bottom: 1px solid var(--border);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 9999;
}

.footerBlock__cols {
    flex-wrap: wrap;
}

.footerBlock__col:first-child {
    width: 100%;
    max-width: 100%;
}

.footerBlock__col.-menu {
    width: 100%;
    max-width: 50%;
    margin: 0;
    padding-left: 0;
    padding-right: 20px;
}

.breadBlock {
    /* display: none; */
    margin: 0;
}

.headBlock.-post {
    text-align: left;
    margin-top: 20px;
}

.headBlock__meta {
    text-align: left;
    justify-content: flex-start;
}

.headBlock__timeToRead {
    display: none;
}
    .headerBlock__cols{
    border-radius: 0;
    border-top: 0;
    padding: 0;
    margin: 0;
    border: none;
}

.headerBlock .container {
    padding: 0;
}
    .headerBlock__left{
    max-width: 50%;
    width: 100%;
}
    .headerBlock__center{
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
    background: #fff;
    width: 100%;
    right: 0;
    max-width: 100%;
    bottom: 0;
    z-index: 999;
    display: none;
    height: 0;
    transition: 0.3s;
    opacity: 0;
}
    .headerBlock__right{
    max-width: 50%;
}
    .headerBlock__btns{}

.headerBlock__btns .btn {
    border-radius: 7px;
    padding: 4px 10px;
}
    .headerBlock__menu ul{
    display: flex;
    flex-direction: column;
    padding: 20px 0;
}
    .headerBlock__menu ul{}
    .headerBlock__menu li{}
    .headerBlock__menu a{
    border: none;
    font-size: 22px;
    font-weight: bold;
    padding: 13px 20px;
}
    .headerBlock__menu a:hover{}

    .headerBlock__toggle{
    margin-left: 9px;
}
    .headerBlock__toggle svg{
    fill: #000;
    max-width: 40px;
    margin-right: 0;
    transition: 0.3s;
    opacity: 0;
    height: 0;
}
    .headerBlock__toggle svg:nth-child(1){
    display: block;
    opacity: 1;
    height: initial;
}
    .headerBlock__toggle svg:nth-child(2){display: none;}
    body.-headerMenuOpen .headerBlock__toggle svg:nth-child(2){display: block;opacity: 1;height: initial;}
    body.-headerMenuOpen .headerBlock__toggle svg:nth-child(1){display: none;opacity: 0;height: 0;}
    body.-headerMenuOpen .headerBlock__center{display: block;opacity: 1;height: 20000px;}
}

.textMediaBlock {
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
    margin-bottom: 80px;
    margin-top: 80px;
}

.textMediaBlock p strong {
    color: #000;
}

.textMediaBlock.imgbottom {
    flex-direction: column;
    text-align: center;
    gap: 20px;
}

.textMediaBlock.imgbottom .textMediaBlock__imageColumn {
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.textMediaBlock.imgbottom figure.is-style-backgrounded {
    margin-bottom: 20px;
}

.textMediaBlock.has-background {
    background: var(--back);
    padding: 60px 40px;
    border-radius: 20px;
    border: 1px solid var(--border);
}

.textMediaBlock.has-background.imgbottom {
    padding-bottom: 0;
}

.textMediaBlock.has-background.imgbottom figure {
    margin-bottom: -1px;
    border-radius: 10px 10px 0 0;a
}

.textMediaBlock.imgbottom .textMediaBlock__imageColumn button {
    height: 100%;
}

.textMediaBlock.imgleft {
    flex-direction: row-reverse;
}

.textMediaBlock p, .textMediaBlock ul, .textMediaBlock ol {
    font-weight: 500;
    color: var(--graytext);
    font-size: 17px;
    line-height: 24.5px;
    letter-spacing: 0;
    margin-left: auto;
}

.textMediaBlock blockquote.wp-block-quote {
    margin-left: 0;
    text-align: left;
    padding-left: 0;
}

.textMediaBlock blockquote.wp-block-quote:before {
    margin-left: 0;
}

.textMediaBlock__icon {
    /* color: var(--primary); */
    /* font-size: 20px !important; */
    /* position: relative; */
    /* z-index: 1; */
}

.textMediaBlock h2 {
    margin-top: 30px;
    font-size: 50px;
    margin-bottom: 15px;
    letter-spacing: -.0325em;
    line-height: 1.1;
    margin-left: auto;
}

.textMediaBlock__textColumn {
    flex: 1;
    position: relative;
    z-index: 1;
}   
.textMediaBlock__imageColumn {
    flex: 1;
    position: relative;
    top: 0px;
    z-index: 1;
}

.textMediaBlock__imageColumn button {
    box-shadow: none !important;
}

.textMediaBlock__imageColumn figure.is-style-backgrounded {
    margin-top: 0;
    border-radius: 10px;
    padding: 33px 30px 0;
    margin-left: auto;
}

.textMediaBlock__imageColumn figure.is-style-backgrounded img {
    border-radius: 9px 9px 0 0;
}
.textMediaBlock__iconTitle, .labelEl {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 14px;
    border-radius: 100px;
    display: inline-flex;
    padding: 4px 14px 4px 14px;
    /* background: #0591f00f; */
    color: var(--primary);
    position: relative;
    overflow: hidden;
}

.textMediaBlock__content {}

.textMediaBlock__content {}

.textMediaBlock__iconTitle:after, .labelEl:after {
    content: '';
    background: var(--primary);
    width: calc(100% + 50px);
    height: 100%;
    position: absolute;
    left: -20px;
    z-index: 0;
    opacity: 0.1;
}

.textMediaBlock__iconTitle strong, .labelEl strong {
    font-weight: 600;
    position: relative;
    z-index: 2;
    letter-spacing: -0.3px;
}
.textMediaBlock__icon, .labelEl .material-symbols-outlined {
    font-size: 24px;
    margin-right: -4px;
    color: var(--primary);
    font-size: 20px !important;
    position: relative;
    z-index: 1;
    margin-left: -5px;
}

.cardsWithScreenshots{
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    margin-bottom: 80px;
}

.cardsWithScreenshots__card{
    flex: 1;
}

.cardsWithScreenshots__card > button {
    display: block;
    height: initial;
}
.cardsWithScreenshots {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    margin-top: 40px;
    align-items: stretch;
}

.cardsWithScreenshots__card {
    /* flex: 1 1 calc(33.333% - 20px); */
    box-sizing: border-box;
    /* margin-bottom: 20px; */
    /* border: 1px solid var(--border); */
    /* background: var(--back); */
    /* border-radius: 10px; */
    /* padding: 35px 30px 0; */
    /* overflow: hidden; */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    text-align: left;
    overflow: hidden;
    text-align: center;
    height: 100%;
}

.cardsWithScreenshots__icon {
    background: var(--primary);
    border-radius: 100%;
    color: #fff;
    padding: 8px;
    margin-bottom: 12px;
}
.cardsWithScreenshots__card h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.cardsWithScreenshots__card p {
    /* font-size: 14px; */
    /* line-height: 1.5; */
    /* margin-bottom: 15px; */
}
 
.cardsWithScreenshots__card img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.cardsWithScreenshots__card .cardsWithScreenshots__title {
    font-weight: 600;
    margin-bottom: 4px;
    margin-top: 10px;
    line-height: 31px;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: -.37px;
    font-weight: 700;
    text-align: center;
    margin: 0 auto 10px;
}

.cardsWithScreenshots__card .cardsWithScreenshots__title strong {
    font-weight: 700;
}

.cardsWithScreenshots__card .cardsWithScreenshots__subtitle {
    /* font-size: 17px; */
    margin-bottom: 22px;
    line-height: 27px;
    font-weight: 500;
    line-height: 26px;
    color: var(--graytext);
    margin-left: auto;
}

.cardsWithScreenshots__screenshotwrap {
    display: flex;
    /* align-content: flex-end; */
    justify-content: flex-end;
    /* height: fit-content; */
    display: flex;
    margin: 0 auto;
    /* width: calc(100% + 30px); */
    /* max-width: calc(100% + 30px); */
    border-radius: 10px;
    margin-top: 27px;
    /* box-shadow: 0 7px 20px -7px #00000070; */
    /* margin-right: -30px; */
    flex-wrap: wrap;
    /* margin-top: auto; */
    overflow: hidden;
    background: var(--back);
    padding: 30px;
    margin-bottom: 25px;
    height: 300px;
    align-items: center;
    width: 100%;
    justify-content: center;
    border: 1px solid var(--border);
}

.cardsWithScreenshots__screenshotwrap button {
    display: block;
    height: initial;
    padding: 0 !important;
    margin: 0;
}

.cardsWithScreenshots__subtitle strong {
    color: #000;
}

.cardsWithScreenshots__card .cardsWithScreenshots__screenshot {
    display: block;
    /* margin: 0 auto; */
    /* width: calc(100% + 30px); */
    /* max-width: calc(100% + 30px); */
    /* border-radius: 8px 0px 0 0; */
    /* margin-top: 27px; */
    box-shadow: 0 7px 20px -7px #00000070;
    /* margin-right: -30px; */
    border-radius: 0;
    max-width: 100%;
    width: 100%;
    border-radius: 7px;
    z-index: 2;
}







.cardsWithIcons{
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    margin-bottom: 80px;
}

.cardsWithIcons__card{
    flex: 1;
}

.cardsWithIcons__card > button {
    display: block;
    height: initial;
}
.cardsWithIcons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin-top: 40px;
}

.cardsWithIcons__card {
    flex: 1 1 calc(33.333% - 20px);
    box-sizing: border-box;
    margin-bottom: 20px;
    border: 1px solid var(--border);
    background: var(--back);
    border-radius: 10px;
    padding: 33px 30px 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    text-align: left;
}

.cardsWithIcons__icon {
    background: var(--primary);
    border-radius: 100%;
    color: #fff;
    padding: 8px;
    margin-bottom: 22px;
}
.cardsWithIcons__card h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.cardsWithIcons__card p {
    /* font-size: 14px; */
    /* line-height: 1.5; */
    /* margin-bottom: 15px; */
}
 
.cardsWithIcons__card img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.cardsWithIcons__card .cardsWithIcons__title {
    font-weight: 600;
    margin-bottom: 4px;
    margin-top: 10px;
    line-height: 31px;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: -.37px;
    font-weight: 700;
    text-align: left;
    margin: 0 0 5px;
}

.cardsWithIcons__card .cardsWithIcons__title strong {
    font-weight: 700;
}

.cardsWithIcons__card .cardsWithIcons__subtitle {
    font-size: 17px;
    margin-bottom: 30px;
    line-height: 27px;
    font-weight: 500;
    line-height: 26px;
    color: var(--graytext);
    margin-left: 0;
}

.cardsWithIcons__screenshotwrap {
    display: flex;
    align-content: flex-end;
    justify-content: flex-end;
    height: fit-content;
    display: flex;
    margin: 0 auto;
    width: calc(100% + 30px);
    max-width: calc(100% + 30px);
    border-radius: 8px 0px 0 0;
    margin-top: 27px;
    box-shadow: 0 7px 20px -7px #00000070;
    margin-right: -30px;
    flex-wrap: wrap;
    margin-top: auto;
    overflow: hidden;
}

.cardsWithIcons__screenshotwrap button {
    display: block;
    height: initial;
    padding: 0 !important;
    margin: 0;
}

.cardsWithIcons__subtitle strong {
    color: #000;
}

.cardsWithIcons__card .cardsWithIcons__screenshot {
    display: block;
    /* margin: 0 auto; */
    /* width: calc(100% + 30px); */
    /* max-width: calc(100% + 30px); */
    /* border-radius: 8px 0px 0 0; */
    /* margin-top: 27px; */
    /* box-shadow: 0 7px 20px -7px #00000070; */
    /* margin-right: -30px; */
    border-radius: 0;
}










@media (max-width: 1024px) {
    .cardsWithScreenshots__card {
        flex: 1 1 calc(50% - 20px);
    }
}

@media (max-width: 768px) {
    .cardsWithScreenshots__card {
        flex: 1 1 100%;
    }
}

.tileBack:after{
    background: url(../img/tile.svg) no-repeat center center;
    background-repeat: repeat;
    background-position: right top;
    background-size: 20px, 20px;
    mix-blend-mode: overlay;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.tileBack {
    position: relative;
    overflow: hidden;
}

.tileBack:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 210vh;
    opacity: 1;
    background: var(--back);
    mask-image: radial-gradient(farthest-side at 50% 50%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}

.feedback {border-bottom: 1px solid var(--border);padding-bottom: 30px;}

.feedback__item {display: flex;flex-direction: column;align-items: center;position: relative;z-index: 2;}

blockquote.feedback__text {background: none;font-weight: 600;font-size: 34px;line-height: 45px;letter-spacing: -1px;margin-bottom: 0;max-width: 800px;}

.feedback__name {font-style: normal;/* font-size: 20px; *//* line-height: 24px; */}

.feedback__source {font-size: 20px;}

.feedback__avatar {margin-bottom: 9px !important;display: block;padding: 7px;border: 1px solid var(--border) !important;width: 56px;height: 56px;box-shadow: 0 3px 10px -1px #0000001c;}

.feedback{
    position: relative;
    overflow: hidden;
    margin-bottom: 100px;
}
.feedback:after, .titleBlock:after{
    content: "";
    background: radial-gradient(ellipse farthest-side at 50% 100%, rgb(27 73 255 / 16%) 0%, rgba(0, 0, 0, 0) 100%);
    mask-image: url(../img/curve.svg);
    mask-size: 48px 24px;
    mask-repeat: repeat;
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
}
.feedback:before {
    content: "";
    position: absolute;
    bottom: -100px;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(farthest-side at 50% 100%, rgb(0 239 255 / 40%), rgba(0, 0, 0, 0));
    z-index: 1;
}

.titleBlock__wrap:before {
    right: 0px;
    left: initial;
    content: "";
    position: absolute;
    bottom: 50%;
    top: 50%;
    right: 0;
    width: 60%;
    height: 100%;
    background: radial-gradient(farthest-side at 50% 100%, rgb(0 239 255 / 40%), rgba(0, 0, 0, 0));
    z-index: 1;
    margin: auto;
}

.titleBlock__wrap.is-centered:before {
    left: 0;
    right: 0;
    top: initial;
    bottom: 0;
}





.pointsWithIcons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0;
}

.pointsWithIcons__card {
    display: flex;
    flex-direction: column;
    flex: 1 1 25%; /* Always 4 cards per row */
    padding-right: 25px;
    margin-bottom: 40px;
}

.pointsWithIcons__head {
    display: flex;
}

.pointsWithIcons__head .pointsWithIcons__icon {
    font-size: 20px;
    position: relative;
    top: 1px;
    margin-right: 3px;
    left: -2px;
}

.pointsWithIcons__icon {
    font-size: 24px;
    margin-bottom: 10px;
}

.pointsWithIcons__title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
    letter-spacing: -0.3px;
}

p.pointsWithIcons__subtitle {
    font-size: 14px;
    line-height: 22px;
    color: var(--graytext);
    font-weight: 500;
    margin: 0;
}

p.pointsWithIcons__subtitle strong {
    color: #000;
}
.feedback__item button{
    box-shadow: none !important;
}

.titleBlock {
    background: transparent;
    text-align: left;
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
    margin-bottom: 0;
    /* max-width: 1200px; */
}

.titleBlock.is-centered {
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.titleBlock__wrap.-fixedheader {
    padding-top: 130px;
    background: var(--back);
    /* color: #fff; */
    position: relative;
    /* background: #000; */
    /* color: #fff; */
    overflow: hidden;
}

.titleBlock__wrap {
    padding-bottom: 60px;
    /* border-bottom: 1px solid var(--border); */
    background: var(--back);
    position: relative;
    padding-top: 70px;
    margin-bottom: 60px;
}

.longTextBlock {
    position: relative;
}

.longTextBlock__icon {
    position: absolute;
    top: -37px;
    right: 9%;
    /* background: var(--primary); */
    /* color: #fff; */
    /* font-size: 40px; */
    /* padding: 5px; */
    /* border-radius: 11px; */
    /* border: 7px solid #fff; */
    /* box-shadow: 0 2px 11px -7px #000000bf; */
    transform: rotate(-10deg);
    color: var(--primary);
}

.longTextBlock__icon span {
    font-size: 190px;
    font-weight: 300;
}

.titleBlock__wrap.has-background:before {
    display: none;
}

.titleBlock__wrap.has-background:after {
    display: none;
}

.titleBlock__wrap.has-background {
    background: #fff;
    /* margin-bottom: 0; */
    padding-bottom: 0;
}

.titleBlock__wrap.has-background .titleBlock:after {
    display: none;
}

.titleBlock__wrap.has-background .titleBlock {
    border-bottom: 1px solid var(--border);
    padding-bottom: 40px;
    margin-bottom: 0;
}

.titleBlock__wrap.has-background.is-centered .titleBlock {
    /* border: none; */
}

.titleBlock__wrap:after {
    content: '';
    background: #fff;
    height: 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 20px 20px 0 0;
    z-index: 2;
}

.titleBlock__wrap.is-centered:after {
    height: 100px;
}

.titleBlock__wrap.is-centered {
    /* padding-bottom: 90px; */
}

.titleBlock__textColumn {
    position: relative;
    z-index: 2;
}

.titleBlock__titleWrapper {
    display: flex;
}

.titleBlock__title-icon {
    font-size: 44px !important;
    color: var(--primary);
    margin: 9px 12px 0 0;
    position: relative;
    left: -12px;
}

.titleBlock__imageColumn {
    position: relative;
    z-index: 2;
}

.titleBlock.is-centered .titleBlock__imageColumn {
    margin-bottom: -130px;
    margin-top: -60px;
    z-index: 3;
}

.titleBlock.is-centered .titleBlock__imageColumn figure {
    margin-left: auto;
}

.titleBlock:not(.is-centered) h1, .titleBlock:not(.is-centered) p, .titleBlock:not(.is-centered) .labelEl {
    margin-left: 0;
    margin-right: 0;
    /* max-width: 560px; */
}

.titleBlock button {
    box-shadow: none !important;
    height: initial;
}

.titleBlock__label {
    /* display: flex; */
    /* align-items: center; */
    margin-bottom: 38px;
}

.titleBlock__label-icon {
    /* margin-right: 5px; */
    font-size: 16px;
}

.titleBlock__icon {
    font-size: 24px;
    margin-bottom: 10px;
}

h1.titleBlock__title {
    /* font-size: 24px; */
    /* font-weight: bold; */
    margin-bottom: 15px;
    margin-left: auto;
}

p.titleBlock__subtitle {
    font-size: 16px;
    line-height: 1.5;
    color: #555;
    font-weight: 500;
    color: var(--graytext);
    font-size: 20px;
    line-height: 29.5px;
    letter-spacing: 0;
    margin-left: auto;
}

.titleBlock__image {
    width: 100%;
    margin-top: 10px;
}

.is-style-backgrounded {
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #f9f9f9;
}


.headerBlock-sub{
    position: absolute;
    top: 47px;
    background: var(--back);
    border-radius: 5px;
    padding: 6px;
    border: 1px solid var(--border);
    box-shadow: 0 10px 20px -20px #00000030;
    z-index: 999;
    display: none;
}

.headerBlock-sub.-c2, .headerBlock-sub.-c1 {
    max-width: 200px;
}

.headerBlock-sub.-c {}

.headerBlock-sub__wrap {
    background: #fff;
    padding: 7px;
    border: 1px solid var(--border);
    /* display: flex; */
    /* flex-wrap: wrap; */
    border-radius: 5px;
    max-width: 400px;
}

.headerBlock-sub__cols {
    display: flex;
    flex-wrap: wrap;
    border-radius: 5px;
}

.headerBlock-sub__title {
    padding: 7px 9px 5px;
    font-weight: 500;
    font-size: 12px;
    opacity: 0.7;
}

.headerBlock-sub__item {
    position: relative;
    color: #000;
    padding: 6px 12px 7px 12px;
    display: block;
    width: 100%;
    background: #fff;
    transition: 0.3s;
    border-radius: 4px;
    max-width: 192px;
    margin-bottom: 5px;
}

.headerBlock-sub__icon {
    position: absolute;
    left: 9px;
    top: 7px;
}

.headerBlock-sub__icon span {
    font-size: 18px;
    color: var(--primary);
}

.headerBlock-sub__item:hover {
    background: var(--back);
}

.headerBlock-sub__head {
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 1px;
}

.headerBlock-sub__subhead {
    font-size: 12px;
    line-height: 15px;
    /* opacity: 0.4; */
    font-weight: 500;
    color: #a5a5a5;
}

.headerBlock-sub__subhead strong {
    font-weight: 500;
    color: #000;
}

.headerBlock-sub__item:hover .headerBlock-sub__dropdown {
    display: block;
}

.headerBlock-sub__dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0; 
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    width: 200px; /* Adjust width as needed */
}

.headerBlock-sub__dropdown a {
    display: block;  
    padding: 10px;
    color: #333;
    text-decoration: none;
}

.headerBlock-sub__dropdown a:hover {
    background-color: #f0f0f0;
}