@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes rotatepulse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    50% {
        -webkit-transform: scale(1.3) rotate(180deg);
        transform: scale(1.3) rotate(180deg);
    }
}
@keyframes rotatepulse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    50% {
        -webkit-transform: scale(1.3) rotate(180deg);
        transform: scale(1.3) rotate(180deg);
    }
}
a,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
li,
p,
span,
textarea {
    font-family: Heebo, sans-serif;
    color: #353535;
}
h1,
h1 p {
    font-size: 28px;
}
h2,
h4 {
    font-size: 34px;
}
h1,
h4 {
    font-weight: 400;
}
h3 {
    font-size: 40px;
}
a,
p {
    font-size: 16px;
}
li {
    list-style: none;
}
.min-header {
    font-size: 24px;
    line-height: 36px;
}
a {
    text-decoration: none;
    outline: 0;
    border: 0;
}
.blue-text,
.blue-text p,
.blue-text span {
    color: #0687eb;
}
.orange-text {
    color: #eb7c07;
}
.green-text {
    color: #6bc611;
}
.container {
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
}
.min-container {
    max-width: 840px;
    margin: 0 auto;
}
.min-container,
.section {
    position: relative;
}
.btn,
.btn-large {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.btn {
    padding: 0 8px;
    display: block;
    line-height: 36px;
    border-radius: 17.5px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.2);
}
#header .btn:hover,
.btn-large:hover,
.btn:hover,
.mob-menu .btn:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0 2px 12px 1px rgba(0, 0, 0, 0.28);
    box-shadow: 0 2px 12px 1px rgba(0, 0, 0, 0.28);
}
.btn-large {
    line-height: 60px;
    border-radius: 30px;
    font-size: 18px;
}
.btn-large:hover {
    -webkit-box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.2);
    background: #ff8808;
}
.btn-orange {
    background: #eb7c07;
}
#header {
    padding: 44px 0;
    z-index: 99999;
    background: rgba(255,255,255, .8);
    position: fixed;
    width: 100%;
}
#header .container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#header,
#header .logo,
#header .tazman_logo_grey-v-copy{
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
#header .mobile-header-block {
    margin-top: 4px;
    display: none;
}
#header .mob-header-btn,
.menu ul li {
    display: inline-block;
    vertical-align: middle;
}
.scroll {
    -webkit-box-shadow: 0 4px 20px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 20px 3px rgba(0, 0, 0, 0.2);
    padding: 8px 0 !important;
    background: #fff !important;
}
.scroll .logo,
.scroll .tazman_logo_grey-v-copy {
    height: 36px;
}
.scroll .mobile-header-block {
    margin-top: 0 !important;
}
#header .btn:hover,
.mob-menu .btn:hover {
    -webkit-box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.2);
}
.pc-menu {
    display: flex;
    align-items: center;
}
.mob-menu-hum {
    display: none;
    width: 20px;
    height: 20px;
    background: url(/home/img/dest/menu.svg) center center no-repeat;
    background-size: contain;
    cursor: pointer;
    margin-left: 24px;
}
.mob-menu {
    background: rgba(255, 255, 255, 0.9);
    width: 220px;
    height: auto;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999999;
    text-align: center;
    padding: 80px 0 36px;
    -webkit-box-shadow: 0 1px 30px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 30px 3px rgba(0, 0, 0, 0.2);
}
.mob-menu .close-btn {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 30px;
    top: 30px;
}
.mob-menu .btn {
    margin: 60px auto 0;
}
.mob-menu li {
    margin-bottom: 24px;
}
.menu ul li {
    list-style: none;
    margin: 0 30px;
    position: relative;
}
.menu ul li:first-of-type {
    margin-right: 0;
}
.menu ul li:first-of-type a::before {
    display: none;
}
.menu ul li a::before {
    content: "";
    width: 0;
    height: 3px;
    border-radius: 3px;
    background: #6bc611;
    position: absolute;
    bottom: -3px;
    right: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.menu ul li .active::before,
.menu ul li a:hover::before {
    width: 100%;
}
.grid-block-half,
.grid-block-third {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
}
.grid-block-third {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 36px;
}
.grid-block-fourth {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 56px;
    grid-row-gap: 60px;
}
.grid-item {
    position: relative;
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.slide-item .grid-item {
    height: 420px;
    position: relative;
}

.video-block iframe {
    width: 100%;
    height: 100%;
}
#stat-block {
    z-index: 99;
}
#stat-block .grid-item:hover .oval-content {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
#stat-block .grid-item:hover .oval,
.oval-content:hover {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.number {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 36px;
}
.description {
    font-size: 24px;
}
.oval,
.oval-content {
    text-align: center;
    cursor: pointer;
}
.oval {
    display: table;
    width: 246px;
    height: 246px;
    background: url(/home/img/dest/group-28.png) center center no-repeat;
    background-size: contain;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.oval-content {
    margin-top: 60px;
    margin-left: -80px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: absolute;
    width: 160px;
    left: 50%;
    top: 0;
}
#advantages {
    text-align: center;
}
#advantages .min-header,
#why-tazman p {
    font-weight: 700;
}
.item-header,
.offer span {
    color: #1c3051;
    font-weight: 700;
}
.offer-block {
    max-width: 570px;
    margin: 0 auto;
}
.offer-block .min-header {
    margin-bottom: 8px;
}
.offer-block .btn {
    width: 440px;
    margin: 36px auto 0;
}
.offer span {
    color: #eb7c07;
}
.mob-block {
    display: none;
}
.pc-block {
    display: -ms-grid;
    display: grid;
}
#why-tazman .grid-item,
#why-tazman li {
    position: relative;
}
#why-tazman p {
    font-size: 32px;
    max-width: 300px;
    margin-right: auto;
    margin-left: 0;
}
#why-tazman .grid-block-half {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 36px;
    grid-row-gap: 136px;
}
#why-tazman li {
    list-style: none;
    line-height: 30px;
    margin-right: 36px;
}
#why-tazman li::before {
    content: "";
    width: 18px;
    height: 16px;
    right: -36px;
    top: 6px;
    position: absolute;
}
#why-tazman li:nth-child(3n + 1)::before {
    background: url(/home/img/dest/check-mark.svg) center center no-repeat;
    background-size: contain;
}
#why-tazman li:nth-child(3n + 2)::before {
    background: url(/home/img/dest/check-mark-orange.svg) center center no-repeat;
    background-size: contain;
}
#why-tazman li:nth-child(3n + 3)::before {
    background: url(/home/img/dest/check-mark-blue.svg) center center no-repeat;
    background-size: contain;
}
.oval-img-orange {
    position: absolute;
    bottom: -75px;
    right: -60px;
}
.oval-img-blue {
    position: absolute;
    top: 0;
    left: -180px;
}
.oval-img-green {
    position: absolute;
    right: 95px;
    bottom: -145px;
}
.illustration-01,
.illustration-02,
.illustration-03 {
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
}
.illustration-03 {
    width: 172px;
    height: 157px;
    left: -180px;
    top: 12px;
}
.illustration-01,
.illustration-02 {
    height: 169px;
}
.illustration-02 {
    width: 151px;
    right: -132px;
    top: 0;
}
.illustration-01 {
    width: 115px;
    left: -180px;
    top: -12px;
}
.green-shadow {
    position: absolute;
    left: 0;
    top: -400px;
}
.blue-shadow {
    position: absolute;
    right: 0;
    bottom: -700px;
    z-index: -9;
}
#form{
    background-size: cover;
}
#form {
    background: url(/home/img/dest/shutterstock-1685808511-converted-01-copy.jpg) center center no-repeat;
    padding: 80px 0;
    text-align: center;
}
#form .min-header,
.quotes {
    font-weight: 700;
}
#form,
#form p {
    color: #fff;
}
#main-form {
    max-width: 560px;
    margin: 36px auto 0;
    text-align: right;
}
#main-form .grid-block-third {
    grid-column-gap: 24px;
}
#main-form input {
    width: 100%;
    line-height: 40px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 7px 4px rgba(0, 0, 0, 0.02);
    box-shadow: 0 2px 7px 4px rgba(0, 0, 0, 0.02);
    border: solid 1px #ececed;
    background-color: #fff;
    padding: 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#main-form p {
    font-size: 18px;
    margin-bottom: 3px;
}
#main-form .btn {
    outline: 0;
    border: 0;
    margin: 36px auto 0;
}
#tarifs {
    margin-top: 160px;
}
#tarifs .grid-block-fourth {
    grid-column-gap: 30px;
}
#tarifs .grid-block-fourth .grid-item:first-of-type .price {
    margin: 24px auto 4px;
}
/*#tarifs .grid-block-fourth .grid-item:first-of-type .tarif-btn {*/
/*    margin: 78px auto -42px;*/
/*}*/
/*#tarifs .grid-block-fourth .grid-item:nth-of-type(even) .tarif-btn {*/
/*    margin: 48px auto -42px;*/
/*}*/
#tarifs .grid-block-fourth .grid-item:nth-of-type(3) .tarif {
    -webkit-box-shadow: 0 2px 24px 0 rgba(6, 135, 235, 0.4);
    box-shadow: 0 2px 24px 0 rgba(6, 135, 235, 0.4);
}
#tarifs .grid-block-fourth .grid-item ul .tarif-btn {
    margin: 36px auto 0 !important;
}
.tarif {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.tarif ul {
    padding: 50px 16px;
    text-align: right;
}
.tooltiptext {
    width: 100%;
    position: relative;
    line-height: 75px;
    color: #fff;
    border-radius: 10px;
    border: solid 1px #979797;
    background-color: #eb7c07;
    margin-top: -75px;
}
.tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border-width: 15px;
    border-style: solid;
    border-color: #eb7c07 transparent transparent;
}
.tarif:hover {
    -webkit-box-shadow: 0 2px 24px 0 rgba(6, 135, 235, 0.4);
    box-shadow: 0 2px 24px 0 rgba(6, 135, 235, 0.4);
}
#tarifs li {
    margin-right: 20px;
    line-height: 36px;
}
#tarifs .red_dot:before {
    border: solid 3px #eb2024;
}
#tarifs li:before {
    content: "";
    right: -20px;
    top: 12px;
    width: 12px;
    height: 12px;
    border: solid 3px #6bc611;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: 0 0 !important;
}
#tarifs .btn-orange:hover {
    background: #ff8808;
}
#tarifs .btn-blue:hover {
    background: #0794ff;
}
.tarif-name {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
}
.tarif-header {
    background: #f6fbfe;
    padding: 24px 13px;
    border-radius: 10px 10px 0 0;
}
.tarif-subtitle {
    line-height: 18px;
}
.price {
    font-size: 40px;
    font-weight: 700;
    line-height: 12px;
    margin: 42px auto 4px;
}
.price span {
    font-size: 22px;
}
.tarif-btn {
    width: 180px;
    font-size: 24px;
    line-height: 40px;
    border-radius: 26px;
    /*margin: 24px auto -42px;*/
}
.vat {
    margin: 6px auto 8px;
}
.help-block {
    position: relative;
    width: 595px;
    padding: 20px;
    margin: 70px auto 100px;
    border-radius: 64px;
    -webkit-box-shadow: 0 2px 24px 0 rgba(6, 135, 235, 0.4);
    box-shadow: 0 2px 24px 0 rgba(6, 135, 235, 0.4);
    background-color: #fff;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.help-block .min-header {
    font-weight: 400 !important;
}
.help-block .btn {
    margin: 8px auto 0;
    font-size: 24px;
    width: 180px;
    line-height: 40px;
    border-radius: 20px;
}
.help-block .btn:hover {
    -webkit-box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    background: #ff8808;
}
.help-block .oval-img-green {
    bottom: 8px !important;
    right: -46px !important;
    -webkit-transform: rotate(-26deg);
    -ms-transform: rotate(-26deg);
    transform: rotate(-26deg);
}
#footer {
    background: #1c3051;
    padding: 60px 0 100px;
}
#footer .grid-item li:first-child {
    font-weight: 700;
}
#footer a,
#footer li {
    color: #fff;
    font-size: 14px;
    line-height: 36px;
}
#footer .logo {
    text-align: left;
    width: 100%;
}
#footer .btn,
#footer .tazman_logo_grey-v-copy {
    margin-left: 0;
    margin-right: auto;
    max-width: 180px;
}
#footer .buttons {
    margin-top: 100px;
}
#footer .btn-blue {
    margin-top: 24px;
}
#footer .btn:hover {
    -webkit-box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
#footer .btn-orange:hover {
    background: #ff8808;
}
#footer .btn-blue:hover {
    background: #0794ff;
}
.facebook-icon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/home/img/dest/facebook.png) center center no-repeat;
    background-size: contain;
    margin-top: 10px;
}
#rights {
    padding: 22px 0;
    background: #1c3051;
    border-top: 1px solid #9ca4b3;
}
#rights p {
    font-size: 14px;
    color: #d3d9e4;
}
.popup-wrapper {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    overflow-y: scroll;
    z-index: 999999999;
    background: rgba(0, 0, 0, 0.4);
}
#rights,
.popup {
    text-align: center;
}
.popup {
    position: absolute;
    display: block;
    width: 600px;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -350px;
    border-radius: 31px;
    -webkit-box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.17);
    box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.17);
    background-color: #fff;
}
.popup .close-btn {
    position: absolute;
    top: 30px;
    right: 30px;
}
.popup .min-header {
    font-weight: 700;
    margin-bottom: 16px;
}
.popup .min-header span {
    color: #353535;
}
.popup form {
    text-align: right;
}
.popup form input {
    width: 100%;
    border-radius: 8px;
    border: solid 1px #dcdcdc;
    background-color: #fff;
    line-height: 40px;
    margin-top: 2px;
    margin-bottom: 12px;
}
.popup form label input {
    width: 20px;
    height: 11px;
    margin-bottom: 12px;
}
.popup form button {
    margin: 16px auto 0;
    border: 0;
    outline: 0;
    width: 220px;
    cursor: pointer;
}
.bg-img,
.close-btn {
    background-size: contain;
}
.close-btn {
    width: 24px;
    height: 24px;
    background-image: url(/home/img/dest/delete.svg);
    cursor: pointer;
}
.bg-img {
    padding: 50px 80px 60px;
    background: url(/home/img/dest/rectangle-copy-16.png) bottom right no-repeat;
}
.scroll .wow {
    visibility: visible !important;
}
.preloader .oval {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    -webkit-animation: 1.2s linear 0s normal none infinite running rotatepulse;
    animation: 1.2s linear 0s normal none infinite running rotatepulse;
}
.animate-text-0 p {
    display: inline-block !important;
    vertical-align: top !important;
    margin: 0;
}
.animate-text-0 p:nth-of-type(3),
.animate-text-0 p:nth-of-type(5) {
    margin-right: 8px;
}
.animate-text-0 p:first-of-type,
.animate-text-0 p:nth-of-type(3) {
    margin-left: 8px;
}
@media screen and (max-width: 1440px) {
    .container {
        max-width: 1024px;
        padding: 0 12px;
    }
    .video-block {
        width: 100%;
    }
    #tarifs .grid-block-fourth {
        grid-column-gap: 12px;
    }
    .tarif ul {
        padding: 50px 12px;
    }
    #why-tazman {
        overflow: hidden;
    }
}
@media screen and (max-width: 1024px) {
    #header .mobile-header-block {
        display: inline-block;
        vertical-align: middle;
    }
    .pc-menu {
        display: none;
    }
    .mob-menu-hum {
        display: inline-block;
        vertical-align: middle;
    }
    .slide-item .grid-item:first-of-type {
        height: 70px;
    }

    .slide-item .grid-item {
        height: 380px;
    }
    #header {
        padding: 8px 0;
    }
    .container {
        padding: 0 30px;
    }
    #stat-block .grid-block-third{
        display: block;
    }
    #stat-block .grid-block-third .grid-item {
        margin: 40px auto;
    }

    #advantages .min-container {
        max-width: 500px;
    }
    #advantages .grid-block-fourth {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    #advantages .grid-item {
        max-width: 200px;
        margin: 0 auto;
    }
    #why-tazman {
        overflow: visible;
        margin: 0 auto 60px;
    }
    #why-tazman .mob-block {
        display: block;
        max-width: 320px;
        margin: 0 auto;
    }
    #why-tazman .pc-block {
        display: none;
    }
    #why-tazman p {
        font-size: 18px;
        margin-right: 0;
    }
    #why-tazman ul {
        margin-top: 4px;
    }
    #why-tazman li {
        font-size: 14px;
        margin-right: 22px;
    }
    #why-tazman li::before {
        right: -24px;
    }
    #why-tazman .illustration-01,
    #why-tazman .illustration-02,
    #why-tazman .illustration-03 {
        position: relative;
        height: 100px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin-bottom: 24px;
        margin-top: 46px;
        margin-right: 60px;
    }
    #why-tazman .illustration-03 {
        width: 100px;
    }
    #why-tazman .illustration-02 {
        width: 90px;
    }
    #why-tazman .illustration-01 {
        width: 70px;
    }
    #why-tazman .oval-img-blue,
    #why-tazman .oval-img-orange {
        bottom: -65px;
        left: 0;
        right: auto;
        top: auto;
    }
    #why-tazman .oval-img-green {
        right: 0;
        bottom: -85px;
    }
    #tarifs .grid-block-fourth {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 100px;
    }
    #tarifs .dropdown-icon {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        right: 50%;
        margin-right: -60px;
    }
    #tarifs .dropdown-icon::before {
        border: 0 !important;
        background: url(/home/img/dest/arrow.svg) center center no-repeat !important;
        background-size: contain !important;
        width: 20px;
        height: 24px;
        top: 7px;
        left: -32px;
        right: auto;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    #tarifs .dropdown-list {
        padding-bottom: 16px;
    }
    #tarifs .list-block {
        padding-bottom: 34px;
    }
    #tarifs .hidden-list .dropdown-icon:before {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    #footer .grid-block-fourth {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    #footer .logo {
        text-align: right;
    }
    #footer .btn {
        margin-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .min-header {
        line-height: 24px;
    }
    .slide-item .grid-item {
        height: 150px;
    }
    .min-header {
        font-size: 18px !important;
    }
    a,
    p {
        font-size: 14px;
    }
    .btn-large {
        font-size: 16px;
        line-height: 48px;
    }

    .oval {
        width: 136px;
        height: 136px;
    }
    .oval-content {
        margin-top: 36px;
    }
    .description {
        font-size: 14px;
    }
    .number {
        font-size: 20px;
    }
    #advantages .min-container {
        max-width: 320px;
    }
    #advantages .grid-block-fourth {
        grid-column-gap: 26px;
    }
    #advantages .blue-shadow {
        max-width: 300px;
        bottom: -500px;
        display: none;
    }
    #advantages .green-shadow {
        display: none;
    }
    #form .min-container{
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #form #main-form{
        margin-top: 0;
    }
    #form {
        padding: 40px 0;
    }
    #form .min-container {
        max-width: 320px;
        padding: 0 20px;
    }
    #form .grid-block-third {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    #form .grid-block-third .grid-item {
        margin-top: 12px;
    }
    #form #main-form .btn {
        width: 100%;
    }
    #form form p {
        font-size: 16px;
    }
    #tarifs .grid-block-fourth {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        max-width: 230px;
        margin: 0 auto;
        grid-row-gap: 24px;
    }
    #tarifs .grid-block-fourth .grid-item:nth-of-type(3) {
        margin-top: 77px;
    }
    .help-block {
        width: 230px;
        border-radius: 17px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 24px auto 130px;
    }
    .help-block .oval-img-green {
        width: 57px;
        -o-object-fit: contain;
        object-fit: contain;
        right: -30px !important;
        bottom: 55px !important;
    }
    .help-block .btn {
        font-size: 20px;
    }
    .popup {
        width: 100%;
        border-radius: 0;
        margin: 0 auto;
        top: 0;
        left: 0;
    }
    .bg-img {
        background: url(/home/img/dest/rectangle-copy-16-mob.png) bottom right no-repeat;
        height: 100%;
    }
    .animate-text-0 p:nth-of-type(3),
    .animate-text-0 p:nth-of-type(5) {
        margin-right: 5px;
    }
    .animate-text-0 p:first-of-type,
    .animate-text-0 p:nth-of-type(3) {
        margin-left: 5px;
    }
}
@media screen and (max-width: 560px) {
    #header .logo img {
        width: 120px;
        margin-top: 8px;
        -o-object-fit: contain;
        object-fit: contain;
    }
    #header .mob-menu-hum {
        margin-left: 12px;
    }
    .scroll .logo img {
        margin-top: 1px !important;
    }
    .container {
        padding: 0 12px;
    }
    #footer {
        padding: 60px 0;
    }
    #footer .grid-block-fourth {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        max-width: 280px;
        margin: 0 auto;
    }
    #footer .grid-block-fourth .grid-item:nth-of-type(-n + 3) {
        padding: 0 30px;
    }
    #footer .grid-block-fourth .grid-item:last-of-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #footer .grid-block-fourth .grid-item:last-of-type .logo {
        margin-top: 60px;
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
    }
    #footer .grid-block-fourth .grid-item:last-of-type .buttons {
        width: 100%;
        margin-top: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    #footer .grid-block-fourth .grid-item:last-of-type .btn {
        width: 100%;
        line-height: 48px;
        font-size: 16px;
        border-radius: 24px;
    }
    .popup .bg-img {
        background: url(/home/img/dest/rectangle-copy-16-mob.png) center center no-repeat;
        background-size: cover;
        padding: 90px 20px;
    }
    .popup label {
        font-size: 12px;
    }
    .popup .close-btn {
        right: 20px;
        top: 30px;
        width: 16px;
    }
    .mob-menu .close-btn {
        right: 12px;
    }
}

.registration-step-2 {
    display: none;
}

.form-error {
    display: none;
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: 600;
    color: brown;
}

#main-form .form-error {
    background: #ffff;
    border-radius: 8px;
    padding: 5px;
}

.registration-contact-success {
    font-size: 20px;
    font-weight: 600;
    display: none;
    font-family: Heebo,sans-serif;
    border: 3px #65c03d solid;
    padding: 10px 20px;
    margin: 33px 20px 0;
    border-radius: 50px;
}
.registration-contact-success .registration-contact-success-email {
    color: #ffffff;
}
@media screen and (max-width: 768px){
    .registration-contact-success {
        margin: 0;
        font-size: 16px;
        padding: 0;
        border: none;
    }
}
.acsb-link{
    top: auto !important;
    bottom: 10px;
    z-index: 100;
}
.acsb-list.acsb-act {
    bottom: 50px;
    top: auto !important;
}
#tarifs .grid-block-fourth .grid-item ul .tarif-btn {
    margin: 24px auto 0!important;
}
.close-btn{
    z-index: 9999;
    background-repeat: no-repeat;
}
.help-block .oval-img-first{
    left: -46px !important;
    right: auto !important;
}
#nineth .min-header{
    text-align: center;
    font-weight: 700;
}

.faq-question::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('/home/img/dest/arrow.svg');
    background-size: contain;
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

.faq-question.open::after {
    transform: translateY(-50%) rotate(180deg);
}

.faq-answer { display: none; }
.tarif .dropdown-list{
    min-height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.menu ul li{
    margin: 0 10px;
}
.hero-text-trigger{
    display: flex;
    gap: 6px;
    align-items: center;
}
.move-upapp-trigger{
    align-items: start;
}
.move-upapp-trigger .check{
    margin-top: 6px;
}
.hero-text-trigger .check{
    background: url(/home/img/dest/check-mark.svg) center center no-repeat;
    background-size: contain;
    width: 18px;
    height: 16px;
    margin-bottom: 2px;
    flex-shrink: 0;
}
.hero-text-trigger span, .hero-text-trigger a{
    color: #333;
    font-size: 20px;
}

.green-shadow {
    z-index: -9;
}
#approved-and-recognized img{
    max-width: 100%;
    height: 120px;
    object-fit: contain;
    margin-bottom: 32px;
}

@media screen and (max-width: 1440px){
    .tarif ul {
        padding: 24px 12px;
    }
}
@media screen and (max-width: 1366px){
    .triggers .check{
        width: 16px;
        height: 14px;
    }
    .triggers span{
        font-size: 16px;
    }
}
@media screen and (max-width: 1024px){
    .move-upapp-trigger .check{
        margin-top: 4px;
    }
    #approved-and-recognized .grid-block-third{
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    #approved-and-recognized img{
        margin-bottom: 16px;
    }
}
@media screen and (max-width: 560px){
    .popup .close-btn {
        width: 24px;
        height: 24px;
    }
    .faq-question::after{
        left: 14px;
        width: 18px;
        height: 18px;
    }
    .faq-question {
        padding: 12px 12px 12px 36px;
        font-size: 18px;
    }
    .min-header {
        max-width: 360px;
        margin: 0 auto;
    }
}


/* NEW STYLES */
#header {
    top: 48px;
    padding: 24px 0;
}
.marked-list li{
    list-style: none;
    line-height: 30px;
    margin-right: 36px;
    position: relative;
}
.marked-list li::before {
    content: "";
    width: 18px;
    height: 16px;
    right: -36px;
    top: 6px;
    position: absolute;
}
.marked-list li::before{
    content:"";
    width:18px;
    height:16px;
    right:-36px;
    top:6px;
    position:absolute
}
.marked-list li:nth-child(3n+1)::before{
    background:url(/home/img/dest/check-mark.svg) center center no-repeat;
    background-size:contain
}
.marked-list li:nth-child(3n+2)::before{
    background:url(/home/img/dest/check-mark-orange.svg) center center no-repeat;
    background-size:contain
}
.marked-list li:nth-child(3n+3)::before{
    background:url(/home/img/dest/check-mark-blue.svg) center center no-repeat;
    background-size:contain
}

:root{
    --taz-ink:#0b1f35;
    --taz-muted:#6b7b8a;
    --taz-line:#e7eef5;
    --taz-blue:#0687EB;
    --taz-green:#65C03D;
    --taz-card:#ffffff;
    --taz-radius:18px;
    --taz-shadow:0 10px 25px rgba(15,42,68,.10);
    --taz-maxw:1180px;
    --taz-font:'Heebo', system-ui, -apple-system, "Segoe UI", "Rubik", Arial, sans-serif;
}
.taz-reg-card{background:var(--taz-card);border-radius:var(--taz-radius);box-shadow:var(--taz-shadow);overflow:hidden;border:1px solid var(--taz-line);}
.taz-reg-table-wrap{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;}
table.taz-reg-table{width:100%;border-collapse:separate;border-spacing:0;min-width:820px;}

.taz-reg-table thead th{background:var(--taz-blue);color:#fff;padding:16px 18px;font-size:14px;font-weight:800;text-align:right;border-left:1px solid rgba(255,255,255,.12);white-space:nowrap;}
.taz-reg-table tbody td{padding:16px 18px;font-size:15px;line-height:1.45;border-top:1px solid var(--taz-line);vertical-align:top;background:#fff;}

.taz-reg-col-req{width:40%;}
.taz-reg-col-sol{width:44%;}
.taz-reg-col-status{width:16%;}

.taz-status{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--taz-ink);white-space:nowrap;}
.taz-check{width:26px;height:26px;border-radius:999px;background:var(--taz-green);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 12px rgba(31,180,122,.25);flex:0 0 auto;}
.taz-check svg{width:16px;height:16px;display:block;}

.taz-reg-table tbody tr:hover td{background:#fbfdff;}
.taz-reg-section *{box-sizing:border-box;}

#wrapper {
    overflow: hidden;
}
.min-header {
    font-weight: 700;
}
#tarifs li {
    position: relative;
}

#tarifs li:before {
    content: "";
    position: absolute;
    right: -20px;
    top: 12px;
    width: 12px;
    height: 12px;
    border: solid 3px #6bc611;
    border-radius: 12px;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box;
    background: 0 0 !important;
}
html, body, button, input, select, textarea, table, th, td, a, .btn, .taz-reg-table, .taz-reg-table *, * {
    font-family: 'Heebo', Arial, sans-serif !important;
}

#home {
    background: url('../images/hero_image_desktop.png') no-repeat center center/cover;
}
.gradient-overlay{
    background: linear-gradient(to right, rgba(255,255,255,0) 30%, rgba(255,255,255,.7) 60%, rgba(255,255,255,1) 100%);
}

@media (max-width: 767.98px) {
    #home {
        background: url('../images/hero_image_mobile.png') no-repeat center center/cover;
    }
    #header {
        background: #fff;
    }
    .gradient-overlay{
        background: rgba(255,255,255,0.85);
    }
    #tarifs{
        margin-top: 60px;
    }
    .hero-text-trigger span, .hero-text-trigger a{
        font-size: 16px !important;
    }
    .taz-reg-table-wrap {
        overflow-x: hidden;
    }
    table.taz-reg-table {
        min-width: 0;
        width: 100%;
        table-layout: auto;
    }
    .taz-reg-table thead th,
    .taz-reg-table tbody td {
        white-space: normal;
        word-break: break-word;
        overflow-wrap: anywhere;
        padding: 8px 7px;
        font-size: 14px;
        line-height: 1.4;
    }

    .taz-reg-col-req,
    .taz-reg-col-sol,
    .taz-reg-col-status {
        width: auto;
    }

    .taz-status { /* mobile: icon only */
        white-space: normal;
        gap: 0; /* no gap needed for single icon */
        align-items: center;
        justify-content: center;
        max-width: 100%;
    }
    .taz-status-text { /* hide text on mobile */
        display: none !important;
    }
    /* Revert icon to base size on mobile */
    .taz-check { width:26px; height:26px; flex: 0 0 26px; margin: 0; }
    .taz-check svg{ width:16px; height:16px; }

    /* Narrower status column on mobile */
    .taz-reg-table thead th:nth-child(3),
    .taz-reg-table tbody td:nth-child(3),
    .taz-reg-col-status {
        width: 60px; /* icon only */
    }
    .taz-reg-table thead th:nth-child(3),
    .taz-reg-table tbody td:nth-child(3) {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center; /* center the single icon */
    }
}

@media (max-width: 360px) {
    .taz-reg-table thead th,
    .taz-reg-table tbody td {
        padding: 6px 6px;
        font-size: 13px;
    }
}

/* ================= Accessibility: Skip Links & Focus Indicators ================= */
/* High-visibility focus style for keyboard users across interactive elements */
:root{
    --taz-focus: #0b5fff; /* accessible blue */
    --taz-focus-ring: rgba(11,95,255,.28);
}

/* Reset any outline suppression and provide a consistent visible focus */
:where(a, button, [role="button"], input, select, textarea, summary,
       .btn, .to-popup, .faq-question, .mob-menu-hum, .ub-btn, .ub-close,
       .whatsapp_btn a, .facebook-icon):focus { outline: none; }

:where(a, button, [role="button"], input, select, textarea, summary,
       .btn, .to-popup, .faq-question, .mob-menu-hum, .ub-btn, .ub-close,
       .whatsapp_btn a, .facebook-icon):focus-visible {
    outline: 3px solid var(--taz-focus);
    outline-offset: 3px;
    box-shadow: 0 0 0 4px var(--taz-focus-ring);
    border-radius: 8px;
}

/* Ensure small round buttons keep circular ring */
.whatsapp_btn a:focus-visible,
.whatsapp_btn a:focus-visible { border-radius: 9999px; }

/* Skip links container - hidden off-screen until focused */
.skip-links{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 8px;
    transform: translateY(-120%);
    transition: transform .2s ease;
    z-index: 10000;
}
.skip-links:focus-within{ transform: translateY(0); }
.skip-link{
    background: #111;
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px 14px;
    border-radius: 9999px;
    font-weight: 700;
    border: 2px solid #fff;
}
.skip-link:hover{ filter: brightness(1.05); }

/* Prevent fixed top banner from covering revealed skip links */
@media (min-width: 0px){
    #urgency-banner{ z-index: 999; }
    .skip-links{ z-index: 1001; }
}

/* Visually hidden utility for screen-reader-only text */
.sr-only{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}

/* External link/tab indicator */
.ext-indicator{ display:inline-flex; vertical-align: middle; margin: 0 .15em; }
.ext-indicator svg{ display:block; opacity:.9; }
