@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*, ::after, ::before {
    box-sizing: border-box;
}
body, html {
    overflow-x: hidden;
    position: relative;
}
body {
    margin: 0;
    padding: 88px 0 0;
    background: #FFFFFF;
    color: #202020;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
.active-menu, .active-menu body {
    overflow: hidden
}
a {
    color: #202020;
	text-decoration: underline;
    transition: 0.3s;
}
a:hover {
    color: #539A31;
    text-decoration: none;
}
.container {
    width: 1140px;
    margin: auto;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
section .container {
    position: relative;
    z-index: 1;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.col-1,
.col-2,
.col-3, 
.col-4, 
.col-5, 
.col-6, 
.col-7, 
.col-8, 
.col-9, 
.col-10, 
.col-11, 
.col-12  {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}
.btn {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.16px;
    transition: 0.3s;
    width: auto;
    height: 44px;
    border-radius: 5px;
    background: #FFF;
    padding: 0 35px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn.green {
    background: #62B839;
    color: #fff;
}
.btn.gray {
    background: #F5F5F5;
}
.btn.line {
    color: #202020;
    border: 1px solid #000;
    background: rgb(255 255 255 / 0%);
}
.btn.line.fff {
    color: #fff;
    border: 1px solid #fff;
    background: rgb(255 255 255 / 0%);
}
.btn:hover {
    
}
.link {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M29.3326 16C29.3326 23.3638 23.3632 29.3334 15.9993 29.3334C8.63555 29.3334 2.66602 23.3638 2.66602 16C2.66602 8.63622 8.63555 2.66669 15.9993 2.66669C23.3632 2.66669 29.3326 8.63622 29.3326 16Z' stroke='%2362B839' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M19.9993 12L10.666 21.3333' stroke='%2362B839' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M13.334 10.817C13.334 10.817 19.7723 10.2743 20.7494 11.2513C21.7265 12.2284 21.1837 18.6667 21.1837 18.6667' stroke='%2362B839' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 32px;
    height: 32px;
    display: inline-block;
}
.overhead {
    border-radius: 40px;
    border: 1.5px solid #539A31;
    height: 35px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #539A31;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.16px;
    margin: 0 0 16px;
}
h1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: -2.4px;
}
h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.8px;
}
h3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 37px; 
    letter-spacing: -1.12px;
}
.subtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px; 
    letter-spacing: -0.4px;
}
@media only screen and (max-width: 1230px) {
    .container {
        width: 984px;
    }
}
@media only screen and (max-width: 1024px) {
    body {
        padding: 81px 0 0;
    }
    .container {
        width: 744px;
    }
}

@media only screen and (max-width: 767px) {
    body {
        padding: 72px 0 0;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -0.28px;
    }
    .container {
        width: 100%;
        max-width: 400px;
    }
    .col-1,
    .col-2,
    .col-3, 
    .col-4, 
    .col-5, 
    .col-6, 
    .col-7, 
    .col-8, 
    .col-9, 
    .col-10, 
    .col-11, 
    .col-12  {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    } 
    h1 {
        font-size: 36px;
        line-height: 48px;
        letter-spacing: -1.44px;
    }
    h2 {
        font-size: 24px;
        line-height: normal;
        letter-spacing: -0.48px;
    }
    h3 {
        font-size: 20px;
        line-height: 30px; 
        letter-spacing: -0.8px;
    }
    .subtitle {
        font-size: 15px;
        line-height: 26px; 
        letter-spacing: -0.3px;
    }
}
header {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
    padding: 18px 0;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(164, 164, 164, 0.25);
}
header .container-header {
    width: 1110px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header .container-header .left-header {
    display: flex;
    align-items: center;
}
header .container-header .left-header .logo {
    display: flex;
    margin: 0 80px 0 0;
}
header .container-header .left-header .logo img {
    max-width: 200px;
    height: auto;
    object-fit: contain;
}
header .menu {
    padding: 0;
    margin: 0 -20px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
header .menu > li {
    padding: 13px 20px;
}
header .menu > li > a {
    position: relative;
    text-decoration: none;
    font-size: 16px;
}
header .menu > li > a.active {
    color: #539A31;
}
header .menu > li > a.active::after {
    content: '';
    display: block;
    height: 3px;
    width: calc(100% - 12px);)100%;
    border-radius: 20px;
    background: #539A31;
    position: absolute;
    bottom: -12px;
    margin: 0 6px;
}
header .menu > li.submenu-li > a {
    display: flex;
    align-items: center;
}
header .menu > li.submenu-li > a::after {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M5.99962 4.97656L10.1246 0.851562L11.303 2.0299L5.99962 7.33323L0.696289 2.0299L1.87462 0.851562L5.99962 4.97656Z' fill='%23202020'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 12px;
    transition: 0.3s;
}
header .menu > li.submenu-li:hover > a {
    color: #539A31;
}
header .menu > li.submenu-li:hover > a::after {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M5.99962 4.97656L10.1246 0.851562L11.303 2.0299L5.99962 7.33323L0.696289 2.0299L1.87462 0.851562L5.99962 4.97656Z' fill='%23539A31'/%3E%3C/svg%3E");
}
header .menu > li .submenu-ul {
    display: none;
    position: absolute;
    top: 63px;
    left: 50%;
    transform:translate(-50%);
    padding: 16px 12px;
    margin: 0;
    list-style: none;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.05);
    min-width: 830px;
    transition: 0.3s;
}
header .menu > li .submenu-ul li {
    width: 50%;
    padding: 0 20px;
    margin: 16px 0;
}
header .menu > li .submenu-ul li a {
    text-decoration: none;
    display: flex;
    line-height: 20px; 
}
header .menu > li .submenu-ul li a .icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 8px;
    margin: 0 16px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
header .menu > li .submenu-ul li a .info {
    padding: 0 0 30px;
    border-bottom: 1px solid #F5F5F7;
}
header .menu > li .submenu-ul li:last-child a .info {
    padding: 0;
    border: 0;
}
header .menu > li .submenu-ul li a .info .a-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    display: block;
    margin: 0 0 8px;
}
header .menu > li .submenu-ul li a .info .a-subtitle {
    color: hwb(0deg 13% 87% / 60%);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.13px;
}
header .menu > li.submenu-li:hover .submenu-ul {
    display: flex;
    flex-wrap: wrap;
}
header .btn {
    padding: 0 20px;
}
header .menuToggle {
    display: none;
}
.popup-menu {
    display: none;
}
@media only screen and (max-width: 1230px) {
    header .container-header {
        width: 954px;
    }
}
@media only screen and (max-width: 1024px) {
    header .container-header {
        width: 714px;
    }
    header .container-header .left-header .logo {
        margin: 0;
    }
    header .container-header .menu {
        display: none;
    }
    header  .rihgt-header {
        display: flex;
        align-items: center;
    }
    header .menuToggle {
        width: 24px;
        height: 24px;
        cursor: pointer;
        display: flex;
        align-items: center;
        background-size: cover;
        border-radius: 100px;
        margin: 0 0 0 20px;
        padding: 0;
        position: relative;
        z-index: 99;
        justify-content: center;
    }
    .hamburger {
        width: 16px;
        height: 2px;
        transform: translate(-50%, -50%);
        background: #202020;
        transition: 0.5s;
        display: inline-block;
        border-radius: 10px;
        margin: 0 -5px 0 11px;
    }
    .hamburger:before,
    .hamburger:after {
        content: "";
        width: 16px;
        height: 2px;
        position: absolute;
        background: #202020;
        transition: 0.5s;
        border-radius: 10px;
    }
    .hamburger:before {
        top: -6px;
    }
    .hamburger:after {
        top: 6px;
    }
    .active.menuToggle .hamburger {
        background: none;
    }
    .active.menuToggle .hamburger:before {
        top: 0;
        transform: rotate(45deg);
    }
    .active.menuToggle .hamburger:after {
        top: 0;
        transform: rotate(135deg);
    }
    .active-menu .popup-menu {
        display: block;
    }
    .popup-menu {
        max-width: 714px;
        margin: auto;
        overflow: auto;
        height: calc(100vh - 70px);
        padding: 20px 0 20px;
    }
    .popup-menu > div {
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        height: 100%;
    }
    .popup-menu > div > div {
        width: 100%;
    }
    .popup-menu .bottom {
        margin: 40px 0 0;
    }
    header .popup-menu .btn {
        width: 100%;
    }
    header .popup-menu .btn.sign-in {
        margin: 0 0 16px;
        border-radius: 5px;
        border: 1px solid #000;
    }
    header .menu {
        margin: 0;
    }
    header .menu > li {
        width: 100%;
        padding: 0;
    }
    
    header .menu > li > a {
        display: block;
        padding: 20px 0;
        border-bottom: 1px solid hwb(0deg 12.55% 87.45% / 8%);
        text-decoration: none;
    }
    header .menu > li.submenu-li > a {
        justify-content: space-between;
    }

    header .menu > li:last-child > a {
        border: 0;
    }
    header .menu > li > a.active::after {
        display: none;
    }
    header .menu > li.submenu-li:hover > a {
        border: 0;
    }
    header .menu > li .submenu-ul {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        padding: 0 0 20px;
        min-width: 100%;
        box-shadow: none;
        border-radius: 0;
        border-bottom: 1px solid hwb(0deg 12.55% 87.45% / 8%);
    }
    header .menu > li .submenu-ul li {
        width: 100%;
        padding: 0;
        margin: 12px 0;
    }
    header .menu > li .submenu-ul li a .info {
        padding: 0;
        border: 0;
    }
}

@media only screen and (max-width: 767px) {
    .popup-menu {
        max-width: 400px;
    }
    header {
        padding: 16px 15px;
    }
    header .container-header {
        width: 100%;
        max-width: 400px;
    }
    header .container-header .sign-in {
        display: none;
    }
    header .btn {
        height: 40px;
    }
    
}

.section-helpcenter {
    padding: 70px 0 80px;
    border-radius: 0px 0px 30px 30px;
    background: linear-gradient(182deg, #F3F7F2 47.98%, rgba(243, 247, 242, 0.26) 98.32%) ;
    text-align: center;
    position: relative;
}
.section-helpcenter:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-image: url(../img/bg-line.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.section-helpcenter h1 {
    max-width: 700px;
    margin: 0 auto 32px;
}
.section-helpcenter .subtitle {
    max-width: 876px;
    margin: auto;
}
.section-helpcenter .row {
    margin-top: 80px;
    text-align: left;
}
.section-helpcenter .block {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 1px 3px 0px rgba(28, 40, 23, 0.08);
    padding: 30px;
    height: 100%;
    position: relative;
}
.section-helpcenter .block .link {
    position: absolute;
    top: 30px;
    right: 30px;
}
.section-helpcenter .block .name {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.4px;
    margin: 40px 0 12px;
    display: block;
}
.section-helpcenter .block p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}
@media only screen and (max-width: 1024px) {
    .section-helpcenter .row {
        margin-bottom: -20px;
    }
    .section-helpcenter .col-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .section-helpcenter {
        padding: 40px 0;
    }
    .section-helpcenter .row {
        margin-top: 60px;
    }
    .section-helpcenter h1 {
        margin: 0 0 16px;
    }
}



.section {
    padding: 40px 0 0;
}
.die-instant-access {
    padding: 60px;
    border-radius: 15px;
    background: linear-gradient(278deg, #198F5D 1.59%, #5BB730 77.74%);
    text-align: center;
    color: #FFF;
}
.die-instant-access ul {
    padding: 0;
    margin: 0 0 32px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.die-instant-access ul li {
    width: 44px;
    height: 44px;
    border-radius: 44px;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -4px;
    filter: drop-shadow(0px 4px 14.9px rgba(31, 112, 36, 0.25));
}
.die-instant-access .title {
    font-family: 'Poppins';
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: -0.4px;
    max-width: 700px;
    margin: auto;
}
.die-instant-access p {
    margin: 12px 0 40px;
}
@media only screen and (max-width: 767px) {
    .die-instant-access  {
        padding: 40px 25px;
    }
    .section-helpcenter:after {
        background-image: url(../img/bg-line-mb.svg);
        background-position: top 20px center;
    }
    .die-instant-access ul {
        margin: 0 0 24px;
    }
    .die-instant-access ul li {
        width: 36px;
        height: 36px;
    }
    .die-instant-access ul li img {
        width: 18px;
        height: 18px;
    }
    .die-instant-access .title {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.24px;
    }
    .die-instant-access p {
        
    }
}










footer {
    padding: 120px 0 40px;
}
footer .row {
    position: relative;
}
footer .row .col-7 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
footer .row .name {
    font-size: 18px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.36px;
    margin: 0 0 18px;
}
footer .row ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
footer .row ul li {
    margin: 16px 0 0;
}
footer .row ul a {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px; 
    letter-spacing: -0.28px;
    text-decoration: none;
}
footer .col-5.fix {
    position: absolute;
    bottom: 0;
}
footer .col-5.fix .name {
    margin: 40px 0 0;
}
footer .col-5.fix a {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: -0.48px;
    display: block;
    margin: 10px 0 0;
}
footer .col-5.fix p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px; 
    letter-spacing: -0.28px;
    max-width: 211px;
}
footer .bottom {
    border-top: 1px solid hsl(0deg 0% 0% / 15%);
    margin: 35px 0 0;
    padding: 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
footer .bottom p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.28px;
}
footer .bottom ul {
    padding: 0;
    margin: 0 -15px;
    display: flex;
    list-style: none;
}
footer .bottom ul li {
    margin: 0 15px;
}
footer .bottom ul li a {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 1024px) {
    footer .col-5.fix a {
        font-size: 18px;
        line-height: 24px;
    }
    footer .col {
        width: 50%;
        margin-bottom: 40px;
    }
    footer .col-7 {
        margin-bottom: -40px;
    }
}
@media only screen and (max-width: 767px) {
    footer {
        padding: 80px 0 30px;
    }
    footer .col-5 {
        margin-bottom: 30px;
    }
    footer .col-5.fix {
        position: relative;
        margin-bottom: 0;
        margin-top: 60px;
    }
    footer .col-5.fix .name {
        margin: 32px 0 0;
    }
    footer .row .name {
        margin: 0 0 12px;
    }
    footer .row ul li {
        margin: 12px 0 0;
    }
    footer .bottom p {
        margin: 0 0 20px;
    }
    
}

.section-industries-first-screen {
    position: relative;
    border-radius: 0px 0px 30px 30px;
    background: linear-gradient(179deg, #FAECF5 6.56%, rgba(255, 255, 255, 0.00) 100.44%);
    text-align: center;
    padding: 70px 0 90px;
}
.section-industries-first-screen:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 24px;
    background-image: url(../img/bg-line-industries.svg);
    background-repeat: no-repeat;
    background-position: top center;
}
.section-industries-first-screen .overhead {
    color: #D163B9;
    border: 1.5px solid #D163B9;
    background: #FAEEF6;
}
.section-industries-first-screen.consulting-firms {
    background: linear-gradient(180deg, rgba(105, 57, 184, 0.11) 0%, rgba(255, 255, 255, 0.11) 100%);
}
.section-industries-first-screen.consulting-firms:after {
    background-image: url(../img/bg-line-industries-cf.svg);
}
.section-industries-first-screen.consulting-firms .overhead {
    border: 1.5px solid #9452D7;
    background: #F1ECF8;
    color: #9452D7;
}
.section-industries-first-screen.government-contracts {
    background: linear-gradient(180deg, #F4F1EB 0%, #FFF 100%);
}
.section-industries-first-screen.government-contracts:after {
    background-image: url(../img/bg-line-industries-gc.svg);
}
.section-industries-first-screen.government-contracts .overhead {
    border: 1.5px solid #D0953B;
    background: #F6F4EE;
    color: #D0953B;
}
.section-industries-first-screen.professional-services-firms {
    background: linear-gradient(179deg, #E6F8F1 6.56%, rgba(255, 255, 255, 0.00) 100.44%);
}
.section-industries-first-screen.professional-services-firms:after {
    background-image: url(../img/bg-line-industries-ps.svg);
}
.section-industries-first-screen.professional-services-firms .overhead {
    border: 1.5px solid #40A480;
    background: #EAF9F3;
    color: #40A480;
}
.section-industries-first-screen.accountants {
    background: linear-gradient(179deg, #E6E8F5 6.56%, rgba(255, 255, 255, 0.00) 100.44%);
}
.section-industries-first-screen.accountants:after {
    background-image: url(../img/bg-line-industries-a.svg);
}
.section-industries-first-screen.accountants .overhead {
    border: 1.5px solid #344FE6;
    background: #E9EBF7;
    color: #344FE6;
}
.section-industries-first-screen h1 {
    margin: 0 0 16px;
}
.section-industries-first-screen .subtitle {
    margin: 0 0 30px;
}
.section-industries-first-screen .block-btn .btn {
    margin: 0 8px;
}
.section-industries-first-screen .screenshot {
    margin: 80px 120px 0;
}
.section-industries-first-screen .screenshot img {
    width: 100%;
}
@media only screen and (max-width: 1024px) {
    .section-industries-first-screen h1 br, .section-industries-first-screen .subtitle br{
        display: none;
    }
    .section-industries-first-screen .screenshot {
        margin: 80px 20px 0;
    }
}
@media only screen and (max-width: 767px) {
    .section-industries-first-screen {
        padding: 40px 0;
    }
    .section-industries-first-screen:after {
        background-image: url(../img/bg-line-industries-mb.svg);
    }
    .section-industries-first-screen.consulting-firms:after {
        background-image: url(../img/bg-line-industries-cf-mb.svg);
    }
    .section-industries-first-screen.government-contracts:after {
        background-image: url(../img/bg-line-industries-gc-mb.svg);
    }
    .section-industries-first-screen.professional-services-firms:after{
        background-image: url(../img/bg-line-industries-ps-mb.svg);
    }
    .section-industries-first-screen.accountants:after {
        background-image: url(../img/bg-line-industries-a-mb.svg);
    }
    .section-industries-first-screen h1 br, .section-industries-first-screen .subtitle br {
        display: none;
    }
    .section-industries-first-screen .subtitle {
        margin: 0 0 40px;
    }
    .section-industries-first-screen .block-btn {
        margin-bottom: -16px;
    }
    .section-industries-first-screen .block-btn .btn {
        margin: 0 0 16px;
        width: 100%;
    }
    .section-industries-first-screen .screenshot {
        margin: 40px 0 0;
    }
}
.section-key {
    padding: 30px 0 0;
}
.section-key h2 {
    text-align: center;
    margin: 0 0 20px;
}
.section-key .block {
    margin: 40px 0 0;
    border-radius: 11px;
    overflow: hidden;
    background: linear-gradient(281deg, #F4FAFA 46.05%, #FFF 76.8%);
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.section-key .block .text {
    padding: 50px 130px 50px 50px;
    width: 50%;
}
.section-key .block .text .number {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #D163B9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px; 
    letter-spacing: -0.36px;
}
.section-key.consulting-firms .block .text .number {
    background: #9452D7;
}
.section-key.government-contracts .block .text .number {
    background: #D0953B;
}
.section-key.professional-services-firms .block .text .number {
    background: #40A480;
}
.section-key.accountants .block .text .number {
    background: #344FE6;
}
.section-key .block .text h3 {
    margin: 40px 0 16px;
}
.section-key .block .text h3 span {
    display: block;
    margin: 0 0 8px;
    color: hwb(0deg 13% 87% / 30%);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.section-key .block .text p {
    margin: 0;
}
.section-key .block .text p span {
    display: block;
    margin: 24px 0 8px;
    color: hwb(0deg 13% 87% / 30%);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.section-key .block .screenshot {
    padding: 50px 0 0 0;
    width: 50%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.section-key .block img {
    width: 100%;
    height: auto;
    box-shadow: 0px 7.785px 31.141px 0px rgba(218, 218, 218, 0.25);
    border-radius: 14px 0 0 0;
}
@media only screen and (max-width: 1024px) {
    .section-key .block .text {
        padding: 50px;
        width: 1000%;
    }
    .section-key .block .screenshot {
        padding: 50px 0 0 50px;
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .section-key {
        padding: 40px 0 0;
    }
    .section-key h2 {
        margin: 0 0 0;
    }
    .section-key .block .text {
        padding: 30px 16px 0;
        width: 1000%;
    }
    .section-key .block .screenshot {
        padding: 40px 0 0 20px;
    }
}

.section-highlighted {
    padding: 120px 0;
}
.section-highlighted h2 {
    margin: 0;
    text-align: center;
}
.section-highlighted .subtitle {
    margin: 16px 0 60px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.section-highlighted .row {
    margin-top: -30px;
}
.section-highlighted .col-6 {
    margin-top: 30px;
}
.section-highlighted .blcok {
    border-radius: 15px;
    background: #F7FAF7;
    padding: 30px;
}
.section-highlighted .blcok .name {
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.48px;
    margin: 40px 0 16px;
}
.section-highlighted .blcok ul {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.28px;
    margin: 0;
    padding: 0 0 0 20px;
}
.section-highlighted .blcok p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.28px;
    margin: 0;
}
.section-highlighted .quote {
    margin: 120px 0 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='193' height='155' viewBox='0 0 193 155' fill='none'%3E%3Cpath opacity='0.6' d='M171.868 4.28877C173.503 7.47152 172.072 11.3535 168.9 13.0089C158.529 18.4216 149.443 26.0465 141.641 35.8837C132.369 47.3721 127.734 59.062 127.734 70.9535C127.734 77.3996 134.96 79.7352 141.064 77.6642C144.745 76.4152 148.566 75.7907 152.524 75.7907C163.811 75.7907 173.183 79.4186 180.641 86.6744C188.3 93.7287 192.129 103.302 192.129 115.395C192.129 126.682 188.3 136.155 180.641 143.814C172.982 151.271 163.61 155 152.524 155C136.602 155 124.408 148.45 115.943 135.349C108.889 124.465 105.362 110.86 105.362 94.5349C105.362 73.7752 110.602 55.2326 121.083 38.907C130.857 23.784 145.104 11.3611 163.823 1.63837C166.765 0.110177 170.354 1.33952 171.868 4.28877ZM66.6589 4.28877C68.2933 7.47152 66.8627 11.3535 63.6908 13.0089C53.3198 18.4216 44.2333 26.0465 36.4314 35.8837C27.1601 47.3721 22.5244 59.062 22.5244 70.9535C22.5244 77.359 29.7506 79.6574 35.8246 77.6235C39.4737 76.4016 43.3039 75.7907 47.3151 75.7907C58.4004 75.7907 67.7725 79.4186 75.4314 86.6744C83.0903 93.7287 86.9198 103.302 86.9198 115.395C86.9198 122.853 85.1058 129.605 81.4779 135.651C77.85 141.698 73.0128 146.434 66.9663 149.86C60.9198 153.287 54.3694 155 47.3151 155C31.3927 155 19.1989 148.45 10.7337 135.349C3.67948 124.465 0.152344 110.86 0.152344 94.5349C0.152344 73.7752 5.39265 55.2326 15.8733 38.907C25.6479 23.784 39.8946 11.3611 58.6134 1.63837C61.5556 0.110177 65.1444 1.33952 66.6589 4.28877Z' fill='url(%23paint0_linear_1_4564)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_4564' x1='176' y1='121' x2='12.9054' y2='141.953' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2386198F'/%3E%3Cstop offset='1' stop-color='%234330B7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.section-highlighted .quote.consulting-firms{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='193' height='155' viewBox='0 0 193 155' fill='none'%3E%3Cpath opacity='0.6' d='M171.868 4.28877C173.503 7.47152 172.072 11.3535 168.9 13.0089C158.529 18.4216 149.443 26.0465 141.641 35.8837C132.369 47.3721 127.734 59.062 127.734 70.9535C127.734 77.3996 134.96 79.7352 141.064 77.6642C144.745 76.4152 148.566 75.7907 152.524 75.7907C163.811 75.7907 173.183 79.4186 180.641 86.6744C188.3 93.7287 192.129 103.302 192.129 115.395C192.129 126.682 188.3 136.155 180.641 143.814C172.982 151.271 163.61 155 152.524 155C136.602 155 124.408 148.45 115.943 135.349C108.889 124.465 105.362 110.86 105.362 94.5349C105.362 73.7752 110.602 55.2326 121.083 38.907C130.857 23.784 145.104 11.3611 163.823 1.63837C166.765 0.110177 170.354 1.33952 171.868 4.28877ZM66.6589 4.28877C68.2933 7.47152 66.8627 11.3535 63.6908 13.0089C53.3198 18.4216 44.2333 26.0465 36.4314 35.8837C27.1601 47.3721 22.5244 59.062 22.5244 70.9535C22.5244 77.359 29.7506 79.6574 35.8246 77.6235C39.4737 76.4016 43.3039 75.7907 47.3151 75.7907C58.4004 75.7907 67.7725 79.4186 75.4314 86.6744C83.0903 93.7287 86.9198 103.302 86.9198 115.395C86.9198 122.853 85.1058 129.605 81.4779 135.651C77.85 141.698 73.0128 146.434 66.9663 149.86C60.9198 153.287 54.3694 155 47.3151 155C31.3927 155 19.1989 148.45 10.7337 135.349C3.67948 124.465 0.152344 110.86 0.152344 94.5349C0.152344 73.7752 5.39265 55.2326 15.8733 38.907C25.6479 23.784 39.8946 11.3611 58.6134 1.63837C61.5556 0.110177 65.1444 1.33952 66.6589 4.28877Z' fill='url(%23paint0_linear_1_6477)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_6477' x1='192' y1='125' x2='65.5217' y2='136.4' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2304338D'/%3E%3Cstop offset='1' stop-color='%236939B8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.section-highlighted .quote.government-contracts {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='193' height='155' viewBox='0 0 193 155' fill='none'%3E%3Cpath opacity='0.6' d='M171.868 4.28877C173.503 7.47152 172.072 11.3535 168.9 13.0089C158.529 18.4216 149.443 26.0465 141.641 35.8837C132.369 47.3721 127.734 59.062 127.734 70.9535C127.734 77.3996 134.96 79.7352 141.064 77.6642C144.745 76.4152 148.566 75.7907 152.524 75.7907C163.811 75.7907 173.183 79.4186 180.641 86.6744C188.3 93.7287 192.129 103.302 192.129 115.395C192.129 126.682 188.3 136.155 180.641 143.814C172.982 151.271 163.61 155 152.524 155C136.602 155 124.408 148.45 115.943 135.349C108.889 124.465 105.362 110.86 105.362 94.5349C105.362 73.7752 110.602 55.2326 121.083 38.907C130.857 23.784 145.104 11.3611 163.823 1.63837C166.765 0.110177 170.354 1.33952 171.868 4.28877ZM66.6589 4.28877C68.2933 7.47152 66.8627 11.3535 63.6908 13.0089C53.3198 18.4216 44.2333 26.0465 36.4314 35.8837C27.1601 47.3721 22.5244 59.062 22.5244 70.9535C22.5244 77.359 29.7506 79.6574 35.8246 77.6235C39.4737 76.4016 43.3039 75.7907 47.3151 75.7907C58.4004 75.7907 67.7725 79.4186 75.4314 86.6744C83.0903 93.7287 86.9198 103.302 86.9198 115.395C86.9198 122.853 85.1058 129.605 81.4779 135.651C77.85 141.698 73.0128 146.434 66.9663 149.86C60.9198 153.287 54.3694 155 47.3151 155C31.3927 155 19.1989 148.45 10.7337 135.349C3.67948 124.465 0.152344 110.86 0.152344 94.5349C0.152344 73.7752 5.39265 55.2326 15.8733 38.907C25.6479 23.784 39.8946 11.3611 58.6134 1.63837C61.5556 0.110177 65.1444 1.33952 66.6589 4.28877Z' fill='url(%23paint0_linear_1_7244)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_7244' x1='194.204' y1='123.02' x2='32.2621' y2='94.8434' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A98131'/%3E%3Cstop offset='1' stop-color='%23A4B730'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.section-highlighted .quote.professional-services-firms {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='193' height='155' viewBox='0 0 193 155' fill='none'%3E%3Cpath opacity='0.6' d='M171.868 4.28877C173.503 7.47152 172.072 11.3535 168.9 13.0089C158.529 18.4216 149.443 26.0465 141.641 35.8837C132.369 47.3721 127.734 59.062 127.734 70.9535C127.734 77.3996 134.96 79.7352 141.064 77.6642C144.745 76.4152 148.566 75.7907 152.524 75.7907C163.811 75.7907 173.183 79.4186 180.641 86.6744C188.3 93.7287 192.129 103.302 192.129 115.395C192.129 126.682 188.3 136.155 180.641 143.814C172.982 151.271 163.61 155 152.524 155C136.602 155 124.408 148.45 115.943 135.349C108.889 124.465 105.362 110.86 105.362 94.5349C105.362 73.7752 110.602 55.2326 121.083 38.907C130.857 23.784 145.104 11.3611 163.823 1.63837C166.765 0.110177 170.354 1.33952 171.868 4.28877ZM66.6589 4.28877C68.2933 7.47152 66.8627 11.3535 63.6908 13.0089C53.3198 18.4216 44.2333 26.0465 36.4314 35.8837C27.1601 47.3721 22.5244 59.062 22.5244 70.9535C22.5244 77.359 29.7506 79.6574 35.8246 77.6235C39.4737 76.4016 43.3039 75.7907 47.3151 75.7907C58.4004 75.7907 67.7725 79.4186 75.4314 86.6744C83.0903 93.7287 86.9198 103.302 86.9198 115.395C86.9198 122.853 85.1058 129.605 81.4779 135.651C77.85 141.698 73.0128 146.434 66.9663 149.86C60.9198 153.287 54.3694 155 47.3151 155C31.3927 155 19.1989 148.45 10.7337 135.349C3.67948 124.465 0.152344 110.86 0.152344 94.5349C0.152344 73.7752 5.39265 55.2326 15.8733 38.907C25.6479 23.784 39.8946 11.3611 58.6134 1.63837C61.5556 0.110177 65.1444 1.33952 66.6589 4.28877Z' fill='url(%23paint0_linear_1_8357)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_8357' x1='194.204' y1='123.02' x2='32.2621' y2='94.8434' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23198F5D'/%3E%3Cstop offset='1' stop-color='%235BB730'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
@media only screen and (max-width: 767px) {
    .section-highlighted {
        padding: 80px 0;
    }
    .section-highlighted .subtitle {
        margin: 8px 0 40px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
    }
    .section-highlighted .subtitle br {
        display: none;
    }
    .section-highlighted .row {
        margin-top: -20px;
    }
    .section-highlighted .col-6 {
        margin-top: 20px;
    }
    .section-highlighted .blcok .name {
        font-size: 20px;
        line-height: normal;
        letter-spacing: -0.4px;
    }
    .section-highlighted .quote {
        margin: 80px 0 0;
    }
}

.quote {
    border-radius: 15px;
    background-color: #F3F7F2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='199' height='161' viewBox='0 0 199 161' fill='none'%3E%3Cg filter='url(%23filter0_d_1_4746)'%3E%3Cpath d='M174.868 6.28877C176.503 9.47152 175.072 13.3535 171.9 15.0089C161.529 20.4216 152.443 28.0465 144.641 37.8837C135.369 49.3721 130.734 61.062 130.734 72.9535C130.734 79.3996 137.96 81.7352 144.064 79.6642C147.745 78.4152 151.566 77.7907 155.524 77.7907C166.811 77.7907 176.183 81.4186 183.641 88.6744C191.3 95.7287 195.129 105.302 195.129 117.395C195.129 128.682 191.3 136.155 183.641 143.814C175.982 151.271 166.61 155 155.524 155C139.602 155 127.408 148.45 118.943 135.349C111.889 124.465 108.362 110.86 108.362 94.5349C108.362 73.7752 113.602 55.2326 124.083 38.907C133.857 23.784 148.104 11.3611 166.823 1.63837C169.765 0.110177 173.354 1.33952 174.868 4.28877ZM69.6589 6.28877C71.2933 9.47152 69.8627 13.3535 66.6908 15.0089C56.3198 20.4216 47.2333 28.0465 39.4314 37.8837C30.1601 49.3721 25.5244 61.062 25.5244 72.9535C25.5244 79.359 32.7506 81.6574 38.8246 79.6235C42.4737 78.4016 46.3039 77.7907 50.3151 77.7907C61.4004 77.7907 70.7725 79.4186 78.4314 86.6744C86.0903 93.7287 89.9198 103.302 89.9198 115.395C89.9198 122.853 88.1058 129.605 84.4779 135.651C80.85 141.698 76.0128 146.434 69.9663 149.86C63.9198 153.287 57.3694 155 50.3151 155C34.3927 155 22.1989 148.45 13.7337 135.349C6.67948 124.465 3.15234 110.86 3.15234 94.5349C3.15234 73.7752 8.39265 55.2326 18.8733 38.907C28.6479 23.784 42.8946 11.3611 61.6134 1.63837C64.5556 0.110177 68.1444 1.33952 69.6589 4.28877Z' fill='url(%23paint0_linear_1_4746)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_1_4746' x='0.152344' y='0.979126' width='197.977' height='160.021' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.110742 0 0 0 0 0.155371 0 0 0 0 0.0894648 0 0 0 0.11 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1_4746'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1_4746' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_1_4746' x1='-34.6945' y1='154.424' x2='13.5419' y2='-18.5894' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23198F5D'/%3E%3Cstop offset='1' stop-color='%235BB730'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-position: left 80px top 76px;
    background-repeat: no-repeat;
    padding: 50px 50px 50px 360px;
}
.quote p {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px; 
    letter-spacing: -0.44px;
    margin: 0;
}
.quote .bottom {
    border-top: 1px solid hwb(0deg 13% 87% / 10%);
    padding: 40px 0 0;
    margin: 40px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.quote .bottom .info {
    display: flex;
    align-items: center;
}
.quote .bottom .photo {
    width: 60px;
    height: 60px;
    margin: 0 16px 0 0;
}
.quote .bottom .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.quote .bottom .name {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; 
    letter-spacing: -0.54px;
    margin: 0 0 5px;
}
.quote .bottom .position {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.42px;
    color: hwb(0deg 13% 87% / 60%);
}
.quote .bottom .signature {
    height: 50px;
}
.quote .bottom .signature img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@media only screen and (max-width: 1024px) {
    .quote {
        background-position: left 50px top 60px;
        background-size: 100px;
        padding: 50px 50px 50px 200px;
    }
}
@media only screen and (max-width: 767px) {
    .quote {
        background-position: center top 40px;
        background-size: 100px;
        padding: 160px 15px 30px;
        text-align: center;
    }
    .quote p {
        font-size: 16px;
        line-height: 28px; 
        letter-spacing: -0.32px;
    }
    .quote .bottom {
        padding: 30px 0 0;
        margin: 40px 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .quote .bottom .info {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 0 20px;
    } 
    .quote .bottom .photo {
        margin: 0 0 16px;
    }
    .quote .bottom .text {
        width: 100%;
    }
}

.section-how {
    padding: 80px 0;
    border-radius: 15px;
    background: url("data:image/svg+xml,%3Csvg width='786' height='785' viewBox='0 0 786 785' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.5' x='90.0529' y='89.551' width='605.898' height='605.898' rx='302.949' stroke='white' stroke-width='29.2152'/%3E%3Crect opacity='0.5' x='15.1076' y='14.6076' width='755.785' height='755.785' rx='377.892' stroke='white' stroke-width='29.2152'/%3E%3C/svg%3E%0A"), linear-gradient(20deg, #F3F7F2 9.28%, #FFF 113.81%);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}
.section-how h2 {
    margin: 0;
}
.section-how .subtitle {
    margin: 16px 0 60px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.section-how .block {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 1px 3px 0px rgba(28, 40, 23, 0.08);
    padding: 40px 30px 30px;  
}
.section-how .block span {
    border-radius: 50px;
    background: #F3F3F3;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    color: #4A535A;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px; 
    letter-spacing: -0.36px;
}
.section-how .block .name {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px; 
    letter-spacing: -0.44px;
    margin: 40px 0 16px;
}
.section-how .block p {
    margin: 0;
}
.section-how .row {
    margin-top: -30px;
    padding: 0 380px;
    position: relative;
}
.section-how .row .col-4 {
    margin-top: 30px;
}
.section-how .row .col-4:nth-child(2), .section-how .row .col-4:nth-child(4) {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.section-how .row .col-4:nth-child(1) {
    position: absolute;
    left: 0;
    top: 130px;
}
.section-how .row .col-4:nth-child(3) {
    position: absolute;
    right: 0;
    top: 130px;
}
@media only screen and (max-width: 1230px) {
    .section-how .row {
        padding: 0 328px;
    }
}
@media only screen and (max-width: 1024px) {
    .section-how .row {
        padding: 0;
    }
    .section-how .row .col-4, .section-how .row .col-4:nth-child(2), .section-how .row .col-4:nth-child(4) {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .section-how .row .col-4:nth-child(1), 
    .section-how .row .col-4:nth-child(3) {
        position: relative;
        right: auto;
        top: auto;
    }
}
@media only screen and (max-width: 767px) {
    .section-how {
        padding: 40px 0;
        background: linear-gradient(14deg, #F3F7F2 5.52%, #FFF 103.9%);
    }
    .section-how .subtitle {
        font-size: 14px;
        line-height: 22px; 
        margin: 8px 0 40px;
    }
    .section-how .row .row {
        margin-top: -20px;
    }
    .section-how .row .col-4 {
        margin-top: 20px;
    }
    .section-how .row .col-4, .section-how .row .col-4:nth-child(2), .section-how .row .col-4:nth-child(4) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-how .block .name {
        font-size: 18px;
        font-weight: 600;
        line-height: 28px; 
        letter-spacing: -0.72px;
    }
}
.section-bottom {
    padding: 120px 0 0;
}
@media only screen and (max-width: 767px) {
    .section-bottom {
        padding: 80px 0 0;
    }
}

.die {
    border-radius: 15px;
    background: linear-gradient(278deg, #198F5D 1.59%, #5BB730 77.74%);
    padding: 60px;
    position: relative;
}
.die .text {
    position: relative;
    z-index: 1;
}
.die .name {
    color: #FFF;
    font-size: 54px;
    font-style: normal;
    font-weight: 600;
    line-height: 65px; 
    letter-spacing: -2.16px;
    max-width: 565px;
    margin: 0 0 60px;
}
.die .block-btn {
    margin: 0 -8px;
}
.die .block-btn .btn {
    margin: 0 8px;
}
.die p {
    margin: 20px 0 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.28px;
    color: #fff;
}
.die.time::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='424' height='410' viewBox='0 0 424 410' fill='none'%3E%3Cpath opacity='0.1' d='M63.9165 313.556C70.0207 309.531 71.7065 301.32 67.682 295.216C63.6574 289.112 55.4464 287.426 49.3422 291.45L63.9165 313.556ZM6.71283 319.557C0.608643 323.581 -1.07721 331.792 2.94738 337.896C6.97197 344.001 15.183 345.686 21.2872 341.662L6.71283 319.557ZM315.256 346.047C311.232 339.943 303.021 338.257 296.917 342.281C290.812 346.306 289.127 354.517 293.151 360.621L315.256 346.047ZM321.257 403.251C325.282 409.355 333.493 411.041 339.597 407.016C345.701 402.991 347.387 394.78 343.363 388.676L321.257 403.251ZM356.807 67.6753C349.744 69.563 345.548 76.8196 347.436 83.8832C349.323 90.9468 356.58 95.1427 363.643 93.255L356.807 67.6753ZM371.837 77.3619L368.419 64.572L368.419 64.5721L371.837 77.3619ZM403.203 89.289L392.15 96.5761L392.15 96.5762L403.203 89.289ZM401.805 122.816L391.398 114.635L391.396 114.636L401.805 122.816ZM383.97 124.086C379.452 129.835 380.45 138.157 386.198 142.675C391.947 147.193 400.27 146.195 404.788 140.447L383.97 124.086ZM104.47 40.0425C110.218 44.5607 118.541 43.5635 123.059 37.8152C127.578 32.0668 126.58 23.744 120.832 19.2258L104.47 40.0425ZM103.201 22.2066L111.382 11.7983V11.7983L103.201 22.2066ZM69.6739 20.8102L76.961 31.8629L76.9611 31.8628L69.6739 20.8102ZM57.7468 52.1756L70.5366 48.7575V48.7575L57.7468 52.1756ZM48.0602 67.2055C49.9479 74.2691 57.2044 78.465 64.2681 76.5772C71.3317 74.6895 75.5276 67.433 73.6398 60.3693L48.0602 67.2055ZM227.878 162.582C229.349 155.42 224.735 148.421 217.573 146.951C210.41 145.48 203.412 150.094 201.942 157.257L227.878 162.582ZM200.387 230.654L187.419 227.992C186.713 231.431 187.402 235.01 189.334 237.942L200.387 230.654ZM217.44 280.571C221.465 286.675 229.676 288.361 235.78 284.336C241.884 280.312 243.57 272.101 239.546 265.996L217.44 280.571ZM223.722 51.1534C222.252 58.3155 226.866 65.3137 234.028 66.7842C241.19 68.2547 248.188 63.6407 249.659 56.4785L223.722 51.1534ZM255.105 29.9528C256.575 22.7907 251.961 15.7926 244.799 14.3221C237.637 12.8516 230.639 17.4656 229.168 24.6277L255.105 29.9528ZM209.436 7.06037C202.274 5.58987 195.276 10.2038 193.805 17.366C192.335 24.5281 196.949 31.5262 204.111 32.9967L209.436 7.06037ZM274.846 47.5198C282.008 48.9903 289.006 44.3763 290.477 37.2142C291.947 30.0521 287.333 23.0539 280.171 21.5834L274.846 47.5198ZM49.3422 291.45L6.71283 319.557L21.2872 341.662L63.9165 313.556L49.3422 291.45ZM293.151 360.621L321.257 403.251L343.363 388.676L315.256 346.047L293.151 360.621ZM363.643 93.255L375.255 90.1517L368.419 64.5721L356.807 67.6753L363.643 93.255ZM375.255 90.1518C383.363 87.9852 385.152 88.5623 385.472 88.6833C385.781 88.8005 387.518 89.5513 392.15 96.5761L414.255 82.002C409.443 74.7031 403.739 67.288 394.847 63.9214C385.966 60.5586 376.794 62.334 368.419 64.572L375.255 90.1518ZM392.15 96.5762C396.781 103.601 396.787 105.493 396.773 105.824C396.758 106.165 396.584 108.037 391.398 114.635L412.213 130.998C417.571 124.183 422.817 116.453 423.226 106.964C423.635 97.4654 419.067 89.3006 414.255 82.0019L392.15 96.5762ZM391.396 114.636L383.97 124.086L404.788 140.447L412.214 130.997L391.396 114.636ZM120.832 19.2258L111.382 11.7983L95.0203 32.615L104.47 40.0425L120.832 19.2258ZM111.382 11.7983C104.567 6.44124 96.8371 1.19581 87.3489 0.787036C77.8503 0.377811 69.6856 4.94526 62.3866 9.75767L76.9611 31.8628C83.9857 27.2313 85.8782 27.2256 86.2092 27.2399C86.5506 27.2546 88.4228 27.4293 95.0203 32.615L111.382 11.7983ZM62.3868 9.75756C55.0878 14.5699 47.6728 20.2744 44.3062 29.1658C40.9433 38.0475 42.7187 47.2187 44.9569 55.5936L70.5366 48.7575C68.37 40.6505 68.9471 38.8608 69.0681 38.5413C69.1854 38.2314 69.9364 36.4942 76.961 31.8629L62.3868 9.75756ZM44.9569 55.5936L48.0602 67.2055L73.6398 60.3693L70.5366 48.7575L44.9569 55.5936ZM201.942 157.257L187.419 227.992L213.355 233.317L227.878 162.582L201.942 157.257ZM189.334 237.942L217.44 280.571L239.546 265.996L211.44 223.367L189.334 237.942ZM249.659 56.4785L255.105 29.9528L229.168 24.6277L223.722 51.1534L249.659 56.4785ZM204.111 32.9967L274.846 47.5198L280.171 21.5834L209.436 7.06037L204.111 32.9967ZM348.383 251.826C331.807 332.563 252.919 384.575 172.182 367.999L166.857 393.935C261.918 413.452 354.802 352.212 374.32 257.151L348.383 251.826ZM172.182 367.999C91.4453 351.422 39.4332 272.534 56.0097 191.797L30.0733 186.472C10.5558 281.533 71.7959 374.417 166.857 393.935L172.182 367.999ZM56.0097 191.797C72.5863 111.061 151.474 59.0484 232.211 75.625L237.536 49.6886C142.475 30.1711 49.5909 91.4111 30.0733 186.472L56.0097 191.797ZM232.211 75.625C312.948 92.2015 364.96 171.09 348.383 251.826L374.32 257.151C393.837 162.09 332.597 69.2062 237.536 49.6886L232.211 75.625Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right -10px bottom -50px;
    position: absolute;
    top: 0;
}
.die.mission .photo   {
    position: absolute;
    top: 40px;
    right: 60px;
    height: 300px;
}
.die.hassle .photo   {
    position: absolute;
    top: 40px;
    right: 60px;
    height: 350px;
}
.die.mission .photo img, .die.hassle .photo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.die.get {
    background: #F3F7F2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='336' height='311' viewBox='0 0 336 311' fill='none'%3E%3Cpath opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M168 331C258.022 331 331 258.022 331 168C331 77.9776 258.022 5 168 5C77.9776 5 5 77.9776 5 168C5 258.022 77.9776 331 168 331ZM168 336C260.784 336 336 260.784 336 168C336 75.2162 260.784 0 168 0C75.2162 0 0 75.2162 0 168C0 260.784 75.2162 336 168 336ZM167.116 168.883L153.295 182.705L149.759 179.169L163.581 165.348L120.254 122.021L123.789 118.485L167.116 161.812L263.496 65.4326L267.031 68.9682L170.652 165.348L184.565 179.261L181.029 182.796L167.116 168.883Z' fill='url(%23paint0_linear_1_782)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_782' x1='168' y1='0' x2='168' y2='336' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2362B839'/%3E%3Cstop offset='1' stop-color='%2362B839' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 70px bottom;
}
.die.get .name, .die.get p  {
    color: #202020;
}
@media only screen and (max-width: 1230px) {
    .die.hassle .photo   {
        top: 100px;
        height: 250px;
    }
}
@media only screen and (max-width: 1024px) {
    .die.mission .photo, .die.hassle .photo {
        position: relative;
        top: auto;
        right: auto;
        margin: 40px 0 0;
    }
}
@media only screen and (max-width: 767px) {
    .die {
        padding: 30px 15px;
    }
    .die.get {
        padding: 30px 15px 285px;
        background-position: bottom center;
        background-size: 300px;
    }
    .die .name {
        font-size: 32px;
        line-height: 44px; 
        letter-spacing: -1.28px;
        margin: 0 0 40px;
    }
    .die .name br {
        display: none;
    }
    .die .block-btn {
        margin: -8px 0;
    }
    .die .block-btn .btn {
        margin: 8px 0;
        width: 100%;
    }
    .die.mission .photo, .die.hassle .photo {
        position: relative;
        top: auto;
        left: 0;
        width: 100%;
        height: 260px;
        margin: 0;
    }
    .die.time {
        padding: 30px 15px 260px;
    } 
    .die.time::after {
        background-size: 300px;
    }
}

.section-pricing {
    padding: 110px 0 120px;
    position: relative;
}
.section-pricing:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-image: url(../img/bg-line.svg);
    background-repeat: no-repeat;
    background-position: top 20px center;
}
.section-pricing h1 {
    margin: 0;
    text-align: center;
}
.section-pricing .subtitle {
    max-width: 772px;
    margin: 36px auto 80px;
    text-align: center
}
.section-pricing .block {
    border-radius: 15px;
    border: 1px solid #E2F0DC;
    background: linear-gradient(203deg, #F5FAF4 25.86%, #FFF 45.98%);
    padding: 40px 30px;
}
.section-pricing .block.popular {
    color: #fff;
    background: linear-gradient(19deg, #198F5D -3.81%, #5BB730 85.19%);
    box-shadow: 0px 1px 3px 0px rgba(28, 40, 23, 0.11);
}
.section-pricing .block .name {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
    height: 26.5px;
}
.section-pricing .block .name span {
    border-radius: 40px;
    background: #FFBC10;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.12px;
    padding: 6px 15px;
    margin: 0 16px;
}
.section-pricing .block .price {
    color: #909090;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    margin: 24px 0 40px;
}
.section-pricing .block.popular .price{
    color: rgba(255, 255, 255, 0.50);
}
.section-pricing .block .price span {
    color: #202020;
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.8px;
}
.section-pricing .block.popular .price span {
    color: #fff;
}
.section-pricing .block .btn {
    width: 100%;
}
.section-pricing .block hr {
    border: 0;
    border-bottom: 1px solid #E2F0DC;
    margin: 40px -30px;
}
.section-pricing .block.popular hr {
    border-bottom: 1px solid hwb(102deg 86% 6% / 20%);
}
.section-pricing .block .features {
    color: hwb(0deg 13% 87% / 50%);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.section-pricing .block.popular .features {
    color: rgba(255, 255, 255, 0.50);
}
.section-pricing .block ul {
    margin: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}
.section-pricing .block li {
    margin: 16px 0 0;
    color: hwb(0deg 13% 87% / 50%);
    display: flex;
    align-items: center;
}
.section-pricing .block li::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 16px 0 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg opacity='0.5' clip-path='url(%23clip0_1_5532)'%3E%3Cpath d='M14.167 2.78154C12.9412 2.0725 11.5182 1.66669 10.0003 1.66669C5.39795 1.66669 1.66699 5.39765 1.66699 10C1.66699 14.6024 5.39795 18.3334 10.0003 18.3334C14.6027 18.3334 18.3337 14.6024 18.3337 10C18.3337 9.42927 18.2762 8.87185 18.167 8.33335' stroke='%23202020' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M6.66699 10.4167C6.66699 10.4167 7.91699 10.4167 9.58366 13.3334C9.58366 13.3334 14.216 5.69446 18.3337 4.16669' stroke='%23202020' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_5532'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.section-pricing .block li.active::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1_5527)'%3E%3Cpath d='M14.167 2.78154C12.9412 2.0725 11.5182 1.66669 10.0003 1.66669C5.39795 1.66669 1.66699 5.39765 1.66699 10C1.66699 14.6024 5.39795 18.3334 10.0003 18.3334C14.6027 18.3334 18.3337 14.6024 18.3337 10C18.3337 9.42927 18.2762 8.87185 18.167 8.33335' stroke='%2362B839' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M6.66699 10.4167C6.66699 10.4167 7.91699 10.4167 9.58366 13.3334C9.58366 13.3334 14.216 5.69446 18.3337 4.16669' stroke='%2362B839' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_5527'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.section-pricing .block.popular li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg opacity='0.5' clip-path='url(%23clip0_1_5605)'%3E%3Cpath d='M14.166 2.78154C12.9403 2.0725 11.5172 1.66669 9.99935 1.66669C5.39697 1.66669 1.66602 5.39765 1.66602 10C1.66602 14.6024 5.39697 18.3334 9.99935 18.3334C14.6017 18.3334 18.3327 14.6024 18.3327 10C18.3327 9.42927 18.2753 8.87185 18.166 8.33335' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M6.66602 10.4167C6.66602 10.4167 7.91602 10.4167 9.58268 13.3334C9.58268 13.3334 14.215 5.69446 18.3327 4.16669' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_5605'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.section-pricing .block.popular li.active::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1_5600)'%3E%3Cpath d='M14.166 2.78154C12.9403 2.0725 11.5172 1.66669 9.99935 1.66669C5.39697 1.66669 1.66602 5.39765 1.66602 10C1.66602 14.6024 5.39697 18.3334 9.99935 18.3334C14.6017 18.3334 18.3327 14.6024 18.3327 10C18.3327 9.42927 18.2753 8.87185 18.166 8.33335' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M6.66602 10.4167C6.66602 10.4167 7.91602 10.4167 9.58268 13.3334C9.58268 13.3334 14.215 5.69446 18.3327 4.16669' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_5600'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.section-pricing .block li.active {
    color: #202020;
}
.section-pricing .block.popular li {
    color: rgba(255, 255, 255, 0.50);
}
.section-pricing .block.popular li.active {
    color: #fff;
}
@media only screen and (max-width: 1024px) {
    .section-pricing .row {
        margin-bottom: -30px;
    }
    .section-pricing .col-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .section-pricing {
        padding: 40px 0 80px;
    }
    .section-pricing:after {
        background-image: url(../img/bg-line-mb.svg);
    }
    .section-pricing .subtitle {
        margin: 16px 0 60px;
    }
    .section-pricing .row {
        margin-bottom: -20px;
    }
    .section-pricing .col-4 {
        margin-bottom: 20px;
    }
}

.section-faq {
    
}
.section-faq .title {
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px; 
    letter-spacing: -0.8px;
    margin: 0 0 10px;
}
.section-faq .accordion-block {
    border-bottom: 1px solid hwb(0deg 0% 100% / 10%);
    padding: 30px 0;
}
.section-faq .accordion-title {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.4px;
}
.section-faq .accordion-title span {
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin: 0 0 0 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_1_5466)'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23202020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_5466'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    transition: 0.3s;
}
.section-faq .accordion-title.open span {
    transform: rotate(180deg);
}
.section-faq .accordion-content {
    display: none;
    margin: 24px 0 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
}
@media only screen and (max-width: 767px) {
    .section-faq .title {
        font-size: 24px;
        line-height: 32px; 
        letter-spacing: -0.48px;
        margin: 0 0 16px;
    }
    .section-faq .accordion-block {
        padding: 24px 0;
    }
    .section-faq .accordion-title {
        font-size: 16px;
        line-height: 28px; 
        letter-spacing: -0.64px;
    }
    .section-faq .accordion-content {
        font-size: 14px;
        line-height: 23px; 
        letter-spacing: -0.14px;
    }
}

.section-home-first-screen {
    padding: 80px 0;
}
.section-home-first-screen h1 {
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 85px; 
    letter-spacing: -2.88px;
    margin: 0;
}
.section-home-first-screen .subtitle {
    margin: 16px 0 60px;
}
.section-home-first-screen .block-btn {
    margin: 0 -8px;
}
.section-home-first-screen .block-btn .btn {
    margin: 0 8px;
}
.section-home-first-screen .block-btn p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    letter-spacing: -0.28px;
    margin: 20px 0 0;
}
.section-home-first-screen img {
    width: auto;
    height: 629px;
    margin: 0 0 -75px;
}
.section-home-first-screen hr {
    border: 0;
    border-bottom: 1px solid rgb(0 0 0 / 5%);
    margin: 80px 0 -80px;
}
@media only screen and (max-width: 1024px) {
    .section-home-first-screen .col-5 {
        margin-bottom: 40px;
    }
    .section-home-first-screen .col-5, .section-home-first-screen .col-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .section-home-first-screen {
        padding: 38px 0;
    }
    .section-home-first-screen .col-5 {
        margin-bottom: 36px;
    }
    .section-home-first-screen h1 {
        font-size: 48px;
        font-weight: 700;
        line-height: 58px; 
        letter-spacing: -1.92px;
    }
    .section-home-first-screen .subtitle {
        margin: 16px 0 40px;
    }
    .section-home-first-screen img {
        width: 100%;
        height: auto;
        margin: 0 0 -8% -6%;
    }
    .section-home-first-screen hr {
        margin: 38px 0 -38px;
    }
}
.section-why {
    padding: 80px 0 120px;
    text-align: center;
}
.section-why h2 {
    margin: 0 0 60px;
}
.section-why .btn {
    margin: 60px 0 0;
}
.section-why .row {
    margin-bottom: -40px;
}
.section-why .row>div {
    margin: 0 0 40px;
}
.section-why .block {
    height: 100%;
    padding: 50px 40px;
    text-align: left;
    border-radius: 12px;
    background: linear-gradient(281deg, #F3F7F2 46.05%, #FFF 76.8%);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.section-why col-6 .block {
    background: linear-gradient(325deg, #F3F7F2 19.69%, #FFF 87.84%);
}
.section-why .block h3 {
    margin: 0 0 24px;
    display: flex;
    align-items: center;
}
.section-why .block h3 span {
    border-radius: 2px;
    background: #62B839;
    padding: 4px 8px;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.14px;
    text-transform: uppercase;
    margin-left: 16px;
}
.section-why .block p {
    margin: 0;
    max-width: 450px;
}
.section-why .col-6 .block p {
    max-width: 100%;
    margin: 0 0 40px;
} 
.section-why .col-12.full .block p {
    margin: 0 auto 60px;
    max-width: 775px;
}
.section-why .col-12 .block>div {
    width: 50%;
    padding: 0 10px;
}
.section-why .col-12.full .block, .section-why .col-6 .block, .section-why .col-12.full .block h3, .section-why .col-6 .block h3 {
    text-align: center;
    justify-content: center;
}
.section-why .col-12.full .block>div {
    width: 100%;
}
.section-why .col-12 .block .photo {
    height: 310px;
}
.section-why .col-12.full .block .photo {
    height: 360px;
}
.section-why .row>div:nth-child(3) .block .photo img {
    width: 113%;
    height: 113%;
}
.section-why .row>div:nth-child(6) .block .photo img {
    margin: -75px 0 0 -40px;
}
.section-why .block .photo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
@media only screen and (max-width: 1024px) {
    .section-why .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-why .col-6 .block>div {
        width: 50%;
        padding: 0 10px;
    }
    .section-why .row>div:nth-child(6) .block .photo img {
        margin: 0;
    }
    .section-why .col-6 .block, .section-why .col-6 .block h3 {
        text-align: left;
        justify-content: flex-start;
    }
    .section-why .col-6 .block .photo {
        height: 310px;
    }
}
@media only screen and (max-width: 767px) {
    .section-why {
        padding: 80px 0;
    }
    .section-why h2 {
        margin: 0 0 40px;
    }
    .section-why .block {
        padding: 30px 15px;
        background: linear-gradient(338deg, #F3F7F2 62.08%, #FFF 82.51%);
    }
    .section-why .col-12 .block>div, .section-why .col-6 .block>div {
        width: 100%;
        padding: 0;
    }
    .section-why .col-12 .block .photo, .section-why .col-6 .block .photo {
        margin: 32px 0 0;
        height: 260px;
    }
    .section-why .col-12.full .block .photo {
        margin: 32px 0 0;
        height: auto;
    }
    .section-why .row>div:nth-child(3) .block .photo img {
        width: 100%;
        height: 100%;
    }
    .section-why .col-12.full .block p {
        margin: 0;
        text-align: left;
    }
    .section-why .col-6 .block p {
        margin: 0;
    }
    .section-why .col-12.full .block, .section-why .col-6 .block, .section-why .col-12.full .block h3, .section-why .col-6 .block h3 {
        text-align: left;
        justify-content: flex-start;
    }
    .section-why .row>div:nth-child(6) .block .photo img {
        margin: -18px;
    }
    .section-why .btn {
        margin: 40px 0 0;
        width: 100%;
    }
}

.section-how.home {
    padding: 80px 0 120px;
}
.section-how.home .row {
    padding: 0;
}
.section-how.home .row .col-4 {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    margin-top: 120px;
}
.section-how.home .row .col-4:nth-child(2), .section-how.home .row .col-4:nth-child(4) {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    margin-top: 30px;
}
@media only screen and (max-width: 1024px) {
    .section-how.home .row .col-4, .section-how.home .row .col-4:nth-child(2), .section-how.home .row .col-4:nth-child(4) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .section-how.home {
        padding: 40px 0;
    }
}

.section-integrations {
    padding: 120px 0;
}
.section-integrations .block {
    border-radius: 15px;
    border: 1px solid #F2F2F2;
    background: linear-gradient(177deg, #F9F9F9 9.88%, #FFF 113.51%);
    padding: 50px;
    position: relative;
    overflow: hidden;
}
.section-integrations .block::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/integrations.png) no-repeat;
    background-size: 75%;
    background-position: right -200px top -55px;
    position: absolute;
    top: 0;
    right: 0;
}
.section-integrations .block .overtitle{
    color: #62B839;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px; 
    text-transform: uppercase;
}
.section-integrations .block h2 {
    margin: 10px 0 70px;
    max-width: 550px;
}
.section-integrations .block .name {
    color: #202020;
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.44px;
    margin: 38px 0 15px;
}
.section-integrations .block p {
    margin: 0;
    max-width: 405px;
}
@media only screen and (max-width: 1024px) {
    .section-integrations .block::after {
        background-position: right -200px bottom -170px;
    }
}
@media only screen and (max-width: 767px) {
    .section-integrations {
        padding: 80px 0;
    }
    .section-integrations .block {
        padding: 40px 30px 260px;
    }
    .section-integrations .block::after {
        background-position: right -125px bottom -145px;
        background-size: 114%;
    }
}

.section-powerful {
    border-radius: 15px;
    background: linear-gradient(14deg, #F3F7F2 5.52%, #FFF 103.9%);
    padding: 80px 0;
}
.section-powerful h2 {
    text-align: center;
    margin: 0 auto 80px;
    max-width: 833px;
}
.section-powerful .mySwiper {
    margin: 0 -30px;
    overflow: visible;
}
.section-powerful .mySwiper .swiper-slide {
    padding: 0 30px;
}
.section-powerful .mySwiper .slide-logo {
    height: 42px;
    width: auto;
}
.section-powerful .mySwiper p {
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: -0.44px;
    margin: 18px 0 40px;
}
.section-powerful .mySwiper .bottom {
    display: flex;
    align-items: center;
}
.section-powerful .mySwiper .bottom img {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    margin: 0 16px 0 0;
}
.section-powerful .mySwiper .bottom p {
    margin: 0;
    color: #62B839;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.32px;
}
.section-powerful .mySwiper .bottom .name {
    color: #202020;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; 
    letter-spacing: -0.32px;
    margin: 0 0 10px;
}
.section-powerful hr {
    margin: 72px 0;
    border: 0;
    border-bottom: 1px solid hsl(0deg 0% 0% / 10%);
}

.section-powerful .block-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section-powerful .block-logo .logo {
    height: 30px;
}
.section-powerful .block-logo .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@media only screen and (max-width: 767px) {
    .section-powerful {
        padding: 40px 0;
    }
    .section-powerful h2 {
        margin: 0 0 60px;
        text-align: left;
    }
    .section-powerful .mySwiper p {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px; 
        letter-spacing: -0.36px;
    }
    .section-powerful hr {
        margin: 40px 0 ;
    }
    .section-powerful .block-logo {
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .section-powerful .block-logo .logo {
        width: 50%;
        margin: 0 0 30px;
    }
    .section-powerful .block-logo .logo img {
        object-position: left;
    }
}

.section-top-features {
    padding: 80px 0 0;
    text-align: center;
    border-radius: 0px 0px 30px 30px;
    background: #F3F7F2;
}
.section-top-features h1 {
    margin: 0 auto 16px;
    max-width: 780px;
}
.section-top-features .subtitle {
    margin: auto;
    max-width: 660px;
}
.section-top-features .block-btn {
    margin: 32px 0 40px;
}
.section-top-features .block-btn .btn {
    margin: 0 8px;
}
.section-top-features img {
    width: 100%;
    margin: 0 0 -3.2%;
}
@media only screen and (max-width: 767px) {
    .section-top-features {
        padding: 40px 0 0;
        overflow: hidden;
    }
    .section-top-features img {
        margin: 0 0 -5%;
    }
    .section-top-features .block-btn {
        margin: 40px 0 24px;
    }
    .section-top-features .block-btn .btn {
        width: 100%;
        margin: 0 0 16px;
    }
}


.section-features {
    padding: 100px 0 0;
}
.section-features .block {
    border-radius: 12px;
    background: linear-gradient(325deg, #F3F7F2 19.69%, #FFF 87.84%);
    padding: 60px 50px 70px;
    margin: 0 0 84px;
    overflow: hidden;
}
.section-features .die-instant-access {
    margin-bottom: 84px;
}
.section-features .block h3 {
    margin: 0 0 16px;
}
.section-features .block > p {
    margin: 0 0 40px;
}
.section-features .row {
    margin-bottom: -40px;
}
.section-features .col {
    margin-bottom: 40px;
}
.section-features .block:nth-child(1) .col, .section-features .block:nth-child(3) .col, .section-features .block:nth-child(6) .col {
    width: 33.333%;
    padding: 0 15px;
}
.section-features .block:nth-child(1) .row, .section-features .block:nth-child(6) .row {
    margin-top: 60px;
}
.section-features .col img {
    width: auto;
    height: 32px;
}
.section-features .col .name {
    color: #202020;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
    margin: 24px 0 12px;
}
.section-features .col p {
    margin: 0;
    max-width: 290px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; 
}
.section-features .block .screenshot img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.section-features .block:nth-child(1) .screenshot img {
    width: 115%;
    height: 115%;
    margin: -5% -9%;
}
.section-features .block:nth-child(3) .screenshot {
    margin: 0 0 -70px;
}
.section-features .block:nth-child(3) .screenshot img {
    width: 110%;
    height: 110%;
    margin: 40px -5% -4%;
}
.section-features .block:nth-child(2) .screenshot, .section-features .block:nth-child(5) .screenshot, .section-features .block:nth-child(7) .screenshot, .section-features .block:nth-child(8) .screenshot {
    margin: 0 -50px 0 0;
    box-shadow: 0px 12.093px 48.373px 0px rgba(218, 218, 218, 0.25);
    display: flex;
    border-radius: 14.345px 0px 0px 14.345px;
}
.section-features .die.mission {
    background: #237351;
}

/* -------------------------------
   Blog Grid Layout + Animations
---------------------------------- */
.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    padding: 40px 0;
  }
  
  .blog-tile {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    animation: fadeInUp 0.6s ease both;
  }
  
  .blog-tile:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    transform: translateY(-5px);
  }
  
  .blog-tile img {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
  
  .blog-tile-content {
    padding: 20px;
  }
  
  .blog-tile-content h3 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #1a1a1a;
  }
  
  .blog-tile-content p {
    font-size: 15px;
    color: #555;
    line-height: 1.5;
  }
  
  .blog-back-header {
    background: #f9f9f9;
    padding: 12px 0;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
  }

  .blog-back-header a {
    font-size: 16px;
    text-decoration: none;
    color: #0077cc;
    font-weight: 500;
  }

  .blog-post {
    padding: 40px 0;
  }

  .blog-post img {
    max-width: 100%;
    border-radius: 6px;
    margin-bottom: 30px;
  }

  .blog-post h1 {
    margin-bottom: 20px;
  }

  .blog-post h2 {
    margin-top: 40px;
  }

  .blog-post ul {
    padding-left: 20px;
  }

  .blog-post blockquote {
    font-style: italic;
    border-left: 4px solid #ccc;
    padding-left: 15px;
    margin: 20px 0;
    color: #555;
  }
  
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  
@media only screen and (max-width: 1024px) {
    .section-features .block:nth-child(1) .col, .section-features .block:nth-child(3) .col, .section-features .block:nth-child(6) .col {
        width: 50%;
    }
    .section-features .col-5, .section-features .col-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-features .col-7 {
        order: 1;
        margin-bottom: 60px;
    }
    .section-features .col-5 {
        order: 2;
    }
}
@media only screen and (max-width: 767px) {
    .section-features {
        padding: 70px 0 0;
    }
    .section-features .block {
        padding: 30px 15px;
        margin: 0 0 40px;
    }
    .section-features .die-instant-access {
        margin-bottom: 40px;
    }
    .section-features .col-7 {
        margin-bottom: 40px;
    }
    .section-features .block:nth-child(1) .row, .section-features .block:nth-child(6) .row {
        margin-top: 40px;
    }
    .section-features .block:nth-child(3) .screenshot {
        margin: 0 0 -40px;
    }
    .section-features .block:nth-child(1) .col, .section-features .block:nth-child(3) .col, .section-features .block:nth-child(6) .col {
        width: 100%;
    }
    .section-features .block:nth-child(1) .col {
        width: 100%;
    }
    .section-features .block:nth-child(1) .row {
        margin-top: 40px;
    }
    .blog-grid {
        grid-template-columns: 1fr;
      }
    
      .blog-tile img {
        height: 180px;
      }
}