:root {
    --bg: #282626;
    --white: white;
    --blue: #4592e6;
	--dark-blue: #1863b4;
    --yellow: #FFCB00;
    --grey-bg: #f2f4f5;
    --text: #222;
    --black: black;
    --dark-grey: #333;
    --light-grey: #999;
}

h1, h2, h3, h4 {
    margin-top: 0;
    margin-bottom: 0;
}

p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 130%;
}

a {
    color: inherit;
    font-size: 16px;
    line-height: 130%;
    text-decoration: none;
    transition: all .2s;
}

a small {
    font-size: 100%;
}

ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 40px;
}

.body {
    background-color: var(--bg);
    color: var(--white);
    font-family: Manrope, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
}
.body:has(.navbar-btn.w--open) {
    overflow: hidden;
}

.header {
    z-index: 999;
    padding-top: 15px;
    padding-bottom: 15px;
    position: fixed;
    inset: 0% 0% auto;
}
.header.scrolled {
    background-color: var(--text);
}

.navbar {
    background-color: #0000;
}

.container {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
}

.navbar-content {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.navbar-logo {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.navbar-menu-content {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.navbar-menu-links {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.navbar-menu-link {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 20px;
    font-weight: 600;
}
.navbar-menu-link::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.navbar-menu-link.phone::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.034 14.755C10.074 14.7197 7.35335 14.3437 4.50402 11.495C1.65535 8.64566 1.28002 5.92566 1.24402 4.96499C1.19068 3.50099 2.31202 2.07899 3.60735 1.52366C3.76333 1.4563 3.93415 1.43066 4.10304 1.44924C4.27192 1.46782 4.43308 1.52999 4.57068 1.62966C5.63735 2.40699 6.37335 3.58299 7.00535 4.50766C7.1444 4.71081 7.20386 4.95802 7.17239 5.20219C7.14091 5.44635 7.02071 5.67041 6.83468 5.83166L5.53402 6.79766C5.47118 6.84303 5.42694 6.90968 5.40953 6.9852C5.39212 7.06073 5.40272 7.14002 5.43935 7.20832C5.73402 7.74366 6.25802 8.54099 6.85802 9.14099C7.45802 9.74099 8.29335 10.2997 8.86602 10.6277C8.93782 10.668 9.02233 10.6792 9.10219 10.6591C9.18204 10.6391 9.25116 10.5891 9.29535 10.5197L10.142 9.23099C10.2977 9.02422 10.5273 8.8857 10.7828 8.84444C11.0383 8.80319 11.2999 8.86239 11.5127 9.00966C12.4507 9.65899 13.5453 10.3823 14.3467 11.4083C14.4544 11.5469 14.523 11.7119 14.5451 11.8861C14.5673 12.0602 14.5423 12.2371 14.4727 12.3983C13.9147 13.7003 12.5027 14.809 11.034 14.755Z' fill='%23FFCB00'/%3e%3c/svg%3e ");
}
.footer .navbar-menu-link.phone::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.034 14.755C10.074 14.7197 7.35335 14.3437 4.50402 11.495C1.65535 8.64566 1.28002 5.92566 1.24402 4.96499C1.19068 3.50099 2.31202 2.07899 3.60735 1.52366C3.76333 1.4563 3.93415 1.43066 4.10304 1.44924C4.27192 1.46782 4.43308 1.52999 4.57068 1.62966C5.63735 2.40699 6.37335 3.58299 7.00535 4.50766C7.1444 4.71081 7.20386 4.95802 7.17239 5.20219C7.14091 5.44635 7.02071 5.67041 6.83468 5.83166L5.53402 6.79766C5.47118 6.84303 5.42694 6.90968 5.40953 6.9852C5.39212 7.06073 5.40272 7.14002 5.43935 7.20832C5.73402 7.74366 6.25802 8.54099 6.85802 9.14099C7.45802 9.74099 8.29335 10.2997 8.86602 10.6277C8.93782 10.668 9.02233 10.6792 9.10219 10.6591C9.18204 10.6391 9.25116 10.5891 9.29535 10.5197L10.142 9.23099C10.2977 9.02422 10.5273 8.8857 10.7828 8.84444C11.0383 8.80319 11.2999 8.86239 11.5127 9.00966C12.4507 9.65899 13.5453 10.3823 14.3467 11.4083C14.4544 11.5469 14.523 11.7119 14.5451 11.8861C14.5673 12.0602 14.5423 12.2371 14.4727 12.3983C13.9147 13.7003 12.5027 14.809 11.034 14.755Z' fill='%234592e6'/%3e%3c/svg%3e ");
}
.navbar-menu-link.mail::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.25998 4.229L9.25998 7.4522C9.46158 7.56019 9.72238 7.6114 9.98478 7.6114C10.2472 7.6114 10.508 7.56019 10.7096 7.4522L16.7096 4.229C17.1008 4.0186 17.4704 3.2002 16.7528 3.2002H3.21758C2.49998 3.2002 2.86958 4.0186 3.25998 4.229ZM16.8912 5.9914L10.7096 9.213C10.4376 9.3554 10.2472 9.3722 9.98478 9.3722C9.72238 9.3722 9.53198 9.3554 9.25998 9.213C8.98798 9.0706 3.55358 6.2218 3.10958 5.9906C2.79758 5.8274 2.80078 6.0186 2.80078 6.1658V12.0002C2.80078 12.3362 3.25358 12.8002 3.60078 12.8002H16.4008C16.748 12.8002 17.2008 12.3362 17.2008 12.0002V6.1666C17.2008 6.0194 17.204 5.8282 16.8912 5.9914Z' fill='%23FFCB00'/%3e%3c/svg%3e ");
}
.footer .navbar-menu-link.mail::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.25998 4.229L9.25998 7.4522C9.46158 7.56019 9.72238 7.6114 9.98478 7.6114C10.2472 7.6114 10.508 7.56019 10.7096 7.4522L16.7096 4.229C17.1008 4.0186 17.4704 3.2002 16.7528 3.2002H3.21758C2.49998 3.2002 2.86958 4.0186 3.25998 4.229ZM16.8912 5.9914L10.7096 9.213C10.4376 9.3554 10.2472 9.3722 9.98478 9.3722C9.72238 9.3722 9.53198 9.3554 9.25998 9.213C8.98798 9.0706 3.55358 6.2218 3.10958 5.9906C2.79758 5.8274 2.80078 6.0186 2.80078 6.1658V12.0002C2.80078 12.3362 3.25358 12.8002 3.60078 12.8002H16.4008C16.748 12.8002 17.2008 12.3362 17.2008 12.0002V6.1666C17.2008 6.0194 17.204 5.8282 16.8912 5.9914Z' fill='%234592e6'/%3e%3c/svg%3e ");
}
.navbar-menu-link:hover {
	color: var(--yellow);
}

.btn-small {
    background-color: var(--blue);
    text-align: center;
    border-radius: 5px;
    padding: 14.5px 30px;
    font-weight: 600;
}
.btn-small:hover {
	background-color: var(--dark-blue);
}

.navbar-logo-icon {
    width: 81px;
    height: 70px;
}

.navbar-logo-desc {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    border-left: 1px solid #ffffff26;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    display: flex;
}

.navbar-logo-desc-text {
    font-size: 14px;
    font-weight: 500;
}

.navbar-logo-desc-span {
    opacity: .6;
    font-size: 12px;
    line-height: 130%;
}

.navbar-logo-span {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #ffffff1a;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 130%;
}

.navbar-logo-span.black {
    color: #2229;
    background-color: #0000001a;
}

.hero {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 150px;
}

.hero-info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    width: 60%;
    display: flex;
}

.h1 {
    font-size: 44px;
    font-weight: 700;
    line-height: 120%;
}

.hero-info-span {
    font-size: 30px;
    font-weight: 500;
    line-height: 120%;
}

.hero-info-text {
    font-size: 20px;
    line-height: 130%;
}

.hero-info-btns {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.btn {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    background-color: var(--blue);
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 10px 10px 20px;
    font-weight: 600;
    display: flex;
}
.btn:hover {
	background-color: var(--dark-blue);
}

.btn-icon {
    background-color: var(--white);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3e%3cpath d='M2.47885 3.28027V5.55352C2.47885 6.17236 2.72469 6.76585 3.16227 7.20344C3.59986 7.64102 4.19335 7.88686 4.81219 7.88686H11.7416M9.2706 10.7201L11.4855 8.50519C11.5669 8.42395 11.6314 8.32747 11.6754 8.22127C11.7195 8.11507 11.7422 8.00124 11.7422 7.88627M9.27119 5.05302L11.4855 7.26852C11.6564 7.43944 11.7422 7.66344 11.7422 7.88744' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.hero-info-btns-block {
    border-left: 1px solid #fff3;
    padding-left: 20px;
}

.hero-info-btns-span {
    display: flex;
    align-items: center;
    gap: 5px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #ffffff26;
    border-radius: 10px;
    padding: 15px;
    font-size: 14px;
    font-weight: 700;
    line-height: 130%;
}
.hero-info-btns-span::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10 1.25C8.26942 1.25 6.57769 1.76318 5.13876 2.72464C3.69983 3.6861 2.57832 5.05267 1.91606 6.65152C1.25379 8.25037 1.08051 10.0097 1.41813 11.707C1.75575 13.4044 2.58911 14.9635 3.81282 16.1872C5.03653 17.4109 6.59563 18.2442 8.29296 18.5819C9.9903 18.9195 11.7496 18.7462 13.3485 18.0839C14.9473 17.4217 16.3139 16.3002 17.2754 14.8612C18.2368 13.4223 18.75 11.7306 18.75 10C18.75 7.67936 17.8281 5.45376 16.1872 3.81282C14.5462 2.17187 12.3206 1.25 10 1.25ZM8.75 13.4937L5.625 10.3687L6.61875 9.375L8.75 11.5063L13.3813 6.875L14.3788 7.86625L8.75 13.4937Z' fill='%23FFCB00'/%3e%3c/svg%3e ");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.advantages {
    z-index: 1;
    background-color: var(--grey-bg);
    color: var(--text);
    border-radius: 40px;
    margin-top: -40px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.advantages-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.advantages-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--white);
    border-radius: 10px;
    flex-flow: column;
    justify-content: space-between;
    padding: 20px;
    display: flex;
    box-shadow: 0 10px 20px #4752594d;
}

.advantages-item-icon {
    background-color: var(--blue);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 26px;
    border-radius: 5px;
    flex: none;
    width: 80px;
    height: 80px;
}

.advantages-item-info {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex;
}

.advantages-item-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
}

.advantages-item-text {
    opacity: .6;
    font-size: 14px;
    line-height: 130%;
}

.quiz {
    padding-top: 120px;
    padding-bottom: 120px;
}

.heading {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
}

.h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
}

.heading-span {
    display: flex;
    align-items: center;
    gap: 5px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    color: rgba(255, 255, 255, .6);
}
.heading-span.black {
    color: rgba(34, 34, 34, .6);
}
.heading-span::before {
    content: '';
    display: inline-block;
    width: 8.5px;
    height: 8.5px;
    background-color: var(--yellow);
    border-radius: 100px;
    flex-shrink: 0;
}

.heading-text {
    font-size: 20px;
    line-height: 130%;
}

.quiz-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 2.75fr 1.25fr;
    grid-auto-columns: 1fr;
    margin-top: 40px;
    display: grid;
}

.quiz-block {
    background-color: var(--white);
    border-radius: 20px;
	overflow: hidden;
}

.quiz-info {
	display: flex;
	justify-content: space-between;
	flex-flow: column;
    grid-column-gap: 60px;
    grid-row-gap: 60px;
	padding: 20px;
    background-color: var(--blue);
    background-image: url("/wp-content/uploads/2026/07/6a4d023b18fcebe997c9bfa4_chatgpt-image-8-iyun_-2026-g_-16_22_18-no-bg-preview-carve.photos-1.webp");
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;    
}

.quiz-info-title {
    font-size: 20px;
    line-height: 130%;
}

.quiz-info-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: var(--text);
    flex-flow: column;
    display: flex;
}

.quiz-info-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--white);
    border-radius: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    display: flex;
}

.quiz-info-item-num {
    color: #ffcb00;
    background-color: #fffae5;
    border-radius: 5px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 62px;
    height: 62px;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    display: flex;
}

.quiz-info-item-heading {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex;
}

.quiz-info-item-title {
    font-size: 16px;
    line-height: 130%;
}

.quiz-info-item-text {
    opacity: .6;
    font-size: 14px;
    line-height: 130%;
}

.works {
    background-color: var(--grey-bg);
    color: var(--text);
    border-radius: 40px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.works-content {
    margin-top: 40px;
}

.works-tabs-menu {
    background-color: var(--white);
    border-top-left-radius: 20px;
    border-top-right-radius: 10px;
    display: flex;
}

.works-tab-link {
    background-color: var(--white);
    text-align: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 10px;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 130%;
    display: flex;
    box-shadow: -5px 0 25px #4752594d;
}
.works-tab-link:not(:first-child) {
    margin-left: -30px;
}

.works-tab-link.w--current {
    background-color: var(--blue);
    color: var(--white);
}

.works-tab-pane-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    background-color: var(--white);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 40px;
    display: grid;
}

.swiper.swiper-works {
    min-width: 0;
    max-width: 100%;
    margin: 0;
    grid-area: span 2 / span 1;
}

.swiper-button-next.works-button-next,
.swiper-button-prev.works-button-prev {
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 100px;
}
.swiper-button-next.works-button-next svg,
.swiper-button-prev.works-button-prev svg {
    width: 16px;
    height: 16px;
}
.swiper-button-next.works-button-next svg path,
.swiper-button-prev.works-button-prev svg path {
    fill: var(--white);
}

.works-slide-img {
    height: 680px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

.works-tab-pane-info {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
}

.works-tab-pane-info-icon {
    width: 100%;
    height: 40px;
    background-size: contain;
    background-position: 0;
    background-repeat: no-repeat;
}

.works-tab-pane-info-text {
    opacity: .6;
    font-weight: 500;
}

.works-tab-pane-info-heading {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.works-tab-pane-info-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: 275px;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 275px;
    grid-auto-columns: 1fr;
    display: grid;
}

.works-tab-pane-info-item {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    background-color: #f5fcff;
    border-radius: 10px;
    flex-flow: column;
    padding: 20px;
    display: flex;
    box-shadow: 0 5px 20px #47525966;
}

.works-tab-pane-info-item-heading {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.works-tab-pane-info-item-icon {
    background-color: var(--blue);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    border-radius: 5px;
    width: 50px;
    height: 50px;
}
.works-tab-pane-info-item-icon.customer {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 0C7.67392 0 6.40215 0.526784 5.46447 1.46447C4.52678 2.40215 4 3.67392 4 5C4 6.32608 4.52678 7.59785 5.46447 8.53553C6.40215 9.47322 7.67392 10 9 10C10.3261 10 11.5979 9.47322 12.5355 8.53553C13.4732 7.59785 14 6.32608 14 5C14 3.67392 13.4732 2.40215 12.5355 1.46447C11.5979 0.526784 10.3261 0 9 0ZM1 20H17C17.55 20 18 19.55 18 19V18C18 14.14 14.86 11 11 11H7C3.14 11 0 14.14 0 18V19C0 19.55 0.45 20 1 20Z' fill='white'/%3e%3c/svg%3e ");
}
.works-tab-pane-info-item-icon.object {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 9.59961V19.2C19 19.4122 18.9166 19.6156 18.7681 19.7657C18.6197 19.9157 18.4183 20 18.2083 20H12.6667C12.4567 20 12.2553 19.9157 12.1069 19.7657C11.9584 19.6156 11.875 19.4122 11.875 19.2V13.9998C11.875 13.8937 11.8333 13.7919 11.7591 13.7169C11.6848 13.6419 11.5841 13.5998 11.4792 13.5998H7.52083C7.41585 13.5998 7.31517 13.6419 7.24094 13.7169C7.1667 13.7919 7.125 13.8937 7.125 13.9998V19.2C7.125 19.4122 7.04159 19.6156 6.89313 19.7657C6.74466 19.9157 6.5433 20 6.33333 20H0.791667C0.581704 20 0.38034 19.9157 0.231874 19.7657C0.0834077 19.6156 0 19.4122 0 19.2V9.59961C0.000194641 9.17533 0.167137 8.76849 0.464114 8.46857L8.38078 0.468276C8.67768 0.168433 9.08025 0 9.5 0C9.91975 0 10.3223 0.168433 10.6192 0.468276L18.5359 8.46857C18.8329 8.76849 18.9998 9.17533 19 9.59961Z' fill='white'/%3e%3c/svg%3e ");
}
.works-tab-pane-info-item-icon.equipment {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.8 20.97L4.8 17.52C4.42 17.3 4.1252 17.0052 3.9156 16.6356C3.706 16.266 3.6008 15.8708 3.6 15.45V8.55C3.6 8.13 3.7052 7.7352 3.9156 7.3656C4.126 6.996 4.4208 6.7008 4.8 6.48L10.8 3.03C11.18 2.81 11.58 2.7 12 2.7C12.42 2.7 12.82 2.81 13.2 3.03L19.2 6.48C19.58 6.7 19.8752 6.9952 20.0856 7.3656C20.296 7.736 20.4008 8.1308 20.4 8.55V15.45C20.4 15.87 20.2952 16.2652 20.0856 16.6356C19.876 17.006 19.5808 17.3008 19.2 17.52L13.2 20.97C12.82 21.19 12.42 21.3 12 21.3C11.58 21.3 11.18 21.19 10.8 20.97ZM0 6V2.4C0 1.74 0.2352 1.1752 0.7056 0.7056C1.176 0.236 1.7408 0.0008 2.4 0H6V2.4H2.4V6H0ZM6 24H2.4C1.74 24 1.1752 23.7652 0.7056 23.2956C0.236 22.826 0.0008 22.2608 0 21.6V18H2.4V21.6H6V24ZM18 24V21.6H21.6V18H24V21.6C24 22.26 23.7652 22.8252 23.2956 23.2956C22.826 23.766 22.2608 24.0008 21.6 24H18ZM21.6 6V2.4H18V0H21.6C22.26 0 22.8252 0.2352 23.2956 0.7056C23.766 1.176 24.0008 1.7408 24 2.4V6H21.6ZM7.26 7.83L6 8.55V9.9L10.8 12.69V18.21L12 18.9L13.2 18.21V12.69L18 9.9V8.55L16.74 7.83L12 10.62L7.26 7.83Z' fill='white'/%3e%3c/svg%3e ");
}
.works-tab-pane-info-item-icon.time {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.70147 19.492L9.71156 19.4902C9.7195 19.4914 9.7247 19.4969 9.72714 19.5067L9.74273 19.8982L9.73906 19.9137L9.72806 19.9284L9.63271 19.9963L9.62171 19.9999L9.60795 19.9963L9.5126 19.9284L9.50343 19.9165L9.49885 19.8982L9.51444 19.5058L9.5181 19.4966C9.52299 19.4905 9.53033 19.4889 9.54011 19.492L9.6052 19.5241L9.61804 19.5278L9.63637 19.5241L9.70147 19.492Z' fill='white'/%3e%3cpath d='M9.9426 19.3884L9.95452 19.3866C9.96369 19.389 9.9698 19.3957 9.97286 19.4067L10.004 19.9697L10.0004 19.9825C9.99425 19.9904 9.98539 19.9929 9.97377 19.9898L9.78949 19.9046L9.78215 19.8982L9.77757 19.8872L9.76107 19.4929L9.76382 19.4828L9.77298 19.4737L9.9426 19.3884Z' fill='white'/%3e%3cpath d='M9.2855 19.3862C9.29011 19.3852 9.29494 19.3859 9.29898 19.3884L9.46768 19.4727L9.47684 19.4819L9.4796 19.4929L9.46401 19.8872L9.46034 19.8972L9.45117 19.9046L9.26689 19.9898L9.25314 19.9917C9.24336 19.988 9.23816 19.9807 9.23755 19.9697L9.26872 19.4067L9.27422 19.3939C9.27685 19.39 9.28088 19.3872 9.2855 19.3862Z' fill='white'/%3e%3cpath d='M9.16842 0C14.2321 0 18.3368 4.10464 18.3368 9.16828C18.3368 14.2319 14.2321 18.3366 9.16842 18.3366C4.1047 18.3366 0 14.2319 0 9.16828C0 4.10464 4.1047 0 9.16842 0ZM9.16842 3.66731C8.92526 3.66731 8.69206 3.76391 8.52012 3.93585C8.34818 4.10778 8.25158 4.34098 8.25158 4.58414V9.16828C8.25163 9.41142 8.34826 9.64458 8.52022 9.81648L11.2707 12.567C11.4437 12.734 11.6753 12.8264 11.9157 12.8243C12.156 12.8222 12.386 12.7258 12.556 12.5558C12.726 12.3858 12.8224 12.1559 12.8245 11.9155C12.8266 11.6751 12.7342 11.4435 12.5672 11.2706L10.0853 8.78872V4.58414C10.0853 4.34098 9.98867 4.10778 9.81673 3.93585C9.64479 3.76391 9.41159 3.66731 9.16842 3.66731Z' fill='white'/%3e%3c/svg%3e ");
}

.works-tab-pane-info-item-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
}

.works-tab-pane-info-item-body {
    background-color: var(--white);
    border-radius: 10px;
    flex-flow: column;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px;
    display: flex;
}

.works-tab-pane-info-item-text {
    opacity: .6;
    font-weight: 500;
}

.works-tab-pane-info-item-span {
    opacity: .1;
    color: var(--blue);
    align-self: flex-end;
    font-size: 40px;
    font-weight: 800;
    line-height: 100%;
}

.steps {
    background-image: url("/wp-content/uploads/2026/07/chatgpt-image-9-iyun.-2026-g.-17_25_54-3.webp");
    background-position: 130%;
    background-repeat: no-repeat;
    background-size: auto;
    padding-top: 120px;
    padding-bottom: 60px;
}

.steps-content {
    margin-top: 40px;
}

.steps-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: 290px 290px;
    grid-template-columns: 1fr 1fr 1.5fr;
    grid-auto-rows: 290px;
    grid-auto-columns: 1fr;
    display: grid;
}

.steps-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--white);
    color: var(--text);
    border-radius: 10px;
    flex-flow: column;
    justify-content: space-between;
    padding: 20px;
    display: flex;
}

.steps-item-heading {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
}

.steps-item-icon {
    background-color: var(--blue);
    background-image: url("https://cdn.prod.website-files.com/6a4cbe06f79d78717a3bd258/6a4ccc3c3b781096db93e710_fluent_calendar-clock-24-filled.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 5px;
    width: 50px;
    height: 50px;
}

.steps-item-icon.white {
    background-color: var(--white);
}

.steps-item-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
}

.steps-item-text {
    opacity: .6;
}

.steps-item-text._2 {
    opacity: 1;
    width: 40%;
}

.steps-item-big {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--blue);
    background-image: url("/wp-content/uploads/2026/07/6a4df664fe0611b81a31e4b9_chatgpt-image-11-iyun.-2026-g.-09_21_46-1.webp"), url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='547' height='467' viewBox='0 0 547 467' fill='none'%3e%3cg opacity='0.15' clip-path='url(%23clip0_147_2853)'%3e%3cpath d='M503.386 -34.0169L454.437 -67.2581C447.938 -71.6322 439.976 -73.2639 432.28 -71.7983C424.585 -70.3328 417.779 -65.8885 413.343 -59.4318L173.728 293.95L63.5875 183.81C58.0229 178.306 50.5122 175.219 42.6856 175.219C34.859 175.219 27.3483 178.306 21.7837 183.81L-20.02 225.695C-22.7689 228.441 -24.9497 231.701 -26.4376 235.29C-27.9255 238.879 -28.6914 242.726 -28.6914 246.611C-28.6914 250.496 -27.9255 254.343 -26.4376 257.932C-24.9497 261.52 -22.7689 264.781 -20.02 267.526L149.295 436.923C158.812 446.385 173.701 453.693 187.117 453.693C200.534 453.693 214.059 445.24 222.758 432.587L511.266 7.02325C515.654 0.532913 517.288 -7.43254 515.811 -15.1261C514.333 -22.8197 509.865 -29.6133 503.386 -34.0169Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_147_2853'%3e%3crect width='547' height='467' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 100% 100%, 0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: auto 430px, auto;
    border-radius: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    display: flex;
    grid-area: 1 / 3 / 3 / 4;
}

.production {
    padding-top: 60px;
    padding-bottom: 120px;
}

.production-content {
    margin-top: 40px;
}

.production-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.production-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: #464646;
    border-radius: 20px;
    flex-flow: column;
    padding: 20px;
    display: flex;
}

.production-item-heading {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.production-item-title {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
}

.production-item-span {
    opacity: .6;
}

.production-item-img {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    height: 490px;
}

.footer {
    background-color: var(--grey-bg);
    color: var(--text);
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    padding-top: 30px;
    padding-bottom: 20px;
}

.footer-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
}

.footer-top {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.footer-bottom {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    display: flex;
}

.footer-copyright {
    opacity: .6;
    font-size: 12px;
    line-height: 130%;
}

.link {
    font-size: 12px;
    line-height: 130%;
}

.popup {
    z-index: 9999;
    opacity: 0;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0%;
}

.popup-block {
    z-index: 9999;
    background-color: var(--grey-bg);
    border-radius: 20px;
    width: 100%;
    max-width: 600px;
    padding: 30px;
    position: relative;
}

.popup-bg {
    z-index: 9998;
    background-color: #0000004d;
    position: absolute;
    inset: 0%;
}

.popup-close {
    background-color: #0000;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath opacity='0.6' d='M7 7L17 17M17 7L7 17' stroke='%23222222' stroke-linecap='round'/%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 24px;
    height: 24px;
    padding: 0;
    position: absolute;
    inset: 10px 10px auto auto;
}

.hero-info-badge {
    display: none;
}

.footer-menu-links {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.footer-logo-desc {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    border-left: 1px solid #ffffff26;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    display: flex;
}

.hero-info-heading {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
}

.advantages-item-heading {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
}

/*  */

.simple-page {
	padding-top: 100px;
	padding-bottom: 50px;
}

.simple-page__content {
	margin-top: 40px;
}

@media screen and (max-width: 1280px) {
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .navbar-logo-span {
        display: none;
    }

    .hero-info {
        width: 70%;
    }

    .advantages-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .quiz-content {
        grid-template-columns: 2fr 1fr;
    }

    .works-tab-pane-content {
        gap: 20px;
    }
}

@media screen and (max-width: 991px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .navbar-menu-link {
        font-size: 16px;
    }

    .btn-small {
        font-size: 14px;
    }

    .navbar-logo-icon {
        width: 59px;
        height: 50px;
    }

    .navbar-logo-desc,
    .navbar-logo-span {
        display: none;
    }

    .hero {
        background-position: 0%;
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .hero-info {
        width: 100%;
    }

    .h1 {
        font-size: 34px;
    }

    .hero-info-span {
        font-size: 20px;
    }

    .hero-info-text {
        font-size: 16px;
    }

    .btn-span {
        font-size: 14px;
    }

    .advantages {
        border-radius: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .advantages-list {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: 1fr 1fr;
    }

    .advantages-item {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .advantages-item-icon {
        width: 60px;
        height: 60px;
    }

    .advantages-item-title {
        font-size: 16px;
    }

    .quiz {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .h2 {
        font-size: 30px;
    }

    .heading-span {
        font-size: 14px;
    }

    .heading-text {
        font-size: 16px;
    }

    .quiz-content {
        flex-flow: column;
        display: flex;
    }

    .quiz-info {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .quiz-info-list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: row;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .quiz-info-item {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .quiz-info-item-num {
        width: 50px;
        height: 50px;
    }

    .works {
        border-radius: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .works-tabs-menu {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: wrap;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .works-tab-link {
        border-top-left-radius: 10px;
        flex: 1;
        font-size: 16px;
    }
    .works-tab-link:nth-child(-n+2) {
        grid-area: span 1 / span 3;
        padding-bottom: 25px;
    }
    .works-tab-link:nth-last-child(-n+3) {
        grid-area: span 1 / span 2;
        margin-top: -10px;
    }
    .works-tab-link:not(:first-child) {
        margin-left: 0;
    }

    .works-tab-pane-content {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        padding: 20px;
        display: flex;
    }

    .swiper {
        order: 2;
    }

    .works-tab-pane-info {
        order: 3;
    }

    .works-tab-pane-info-heading {
        order: 1;
    }

    .works-tab-pane-info-item {
        position: relative;
    }

    .steps {
        padding-top: 90px;
        padding-bottom: 45px;
        background-position: 250%;
    }

    .steps-list {
        grid-template-rows: 250px 250px 250px;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 250px;
    }

    .steps-item-icon {
        width: 40px;
        height: 40px;
    }

    .steps-item-title {
        font-size: 16px;
    }

    .steps-item-text {
        font-size: 14px;
    }

    .steps-item-text._2 {
        width: 55%;
    }

    .steps-item-big {
        background-size: contain, contain;
        grid-area: 3 / 1 / 4 / 3;
    }

    .production {
        padding-top: 45px;
        padding-bottom: 90px;
    }

    .production-list {
        grid-template-columns: 1fr 1fr;
    }

    .production-item-img {
        height: 370px;
    }

    .footer {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        padding-top: 20px;
    }

    .hero-info-badge {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        background-color: #ffffff1a;
        border-radius: 5px;
        align-self: flex-start;
        padding: 10px 20px;
        font-size: 12px;
        line-height: 130%;
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .hero-info-badge::before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.75545 1.586C8.84726 1.47024 8.97492 1.38827 9.11839 1.35295C9.26185 1.31763 9.41298 1.33097 9.54804 1.39086C9.68309 1.45076 9.79443 1.55383 9.86455 1.68388C9.93467 1.81392 9.95961 1.96357 9.93544 2.10933L9.23211 6.33333H11.7781C11.9034 6.33331 12.0262 6.36861 12.1324 6.43518C12.2386 6.50176 12.3238 6.59691 12.3784 6.70973C12.433 6.82255 12.4546 6.94846 12.4409 7.07303C12.4272 7.19759 12.3786 7.31577 12.3008 7.414L7.02278 14.0807C6.93096 14.1964 6.8033 14.2784 6.65984 14.3137C6.51638 14.349 6.36525 14.3357 6.23019 14.2758C6.09513 14.2159 5.98379 14.1128 5.91367 13.9828C5.84355 13.8527 5.81861 13.7031 5.84278 13.5573L6.54611 9.33333H4.00011C3.87485 9.33323 3.75215 9.29784 3.64607 9.23121C3.53999 9.16459 3.45483 9.06943 3.40035 8.95663C3.34586 8.84384 3.32426 8.71797 3.33802 8.59347C3.35177 8.46896 3.40032 8.35085 3.47811 8.25266L8.75545 1.586Z' fill='%23FFCB00'/%3e%3c/svg%3e ");
        background-image: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .footer-menu-links {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .advantages-item-heading {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .navbar-logo {
        text-align: center;
        flex-flow: column;
    }

    .navbar-btn {
        background-color: var(--blue);
        border-radius: 5px;
        width: 50px;
        height: 50px;
        padding: 0;
    }
    .navbar-btn.w--open {
        background-color: var(--blue);
    }

    .navbar-btn-icon {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex;
    }
    .navbar-btn-icon::before {
        content: '';
        display: inline-block;
        width: 22px;
        height: 22px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.66699 5.5H18.3337M3.66699 11H18.3337M11.917 16.5H18.3337' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); 
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
    .navbar-btn.w--open .navbar-btn-icon::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.5555 16.5563L8.77734 8.77815M8.77734 8.77815L0.999169 0.999976M8.77734 8.77815L16.5555 0.999976M8.77734 8.77815L0.999169 16.5563' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    }

    .navbar-menu-content {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
    }

    .navbar-logo-link {
        padding-left: 0;
    }

    .navbar .w-nav-overlay {
        overflow: visible;
        max-height: 100vh;
    }

    .navbar-menu {
        padding: 20px;
        margin-left: -20px;
        margin-right: -20px;
        background-color: var(--text);
        border-radius: 0 0 20px 20px;
    }

    .hero {
        padding-top: 110px;
        padding-bottom: 100px;
    }

    .hero-info {
        justify-content: flex-start;
        align-items: center;
    }

    .h1 {
        font-size: 28px;
    }

    .hero-info-btns {
        flex-flow: column;
    }

    .hero-info-btns-block {
        border-left-width: 0;
        padding-left: 0;
    }

    .hero-info-btns-span {
        background-color: #0000;
        border-radius: 0;
        padding: 0;
    }

    .advantages-list {
        grid-template-columns: 1fr;
    }

    .quiz {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .heading {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
    }

    .h2 {
        font-size: 26px;
    }

    .quiz-block,
    .quiz-info {
        border-radius: 10px;
    }
	
	.quiz-info {
		background-size: contain;
	}

    .quiz-info-title {
        font-size: 16px;
    }

    .quiz-info-list {
        flex-flow: column;
        display: flex;
    }

    .quiz-info-item {
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
    }

    .works-tab-link {
        font-size: 14px;
    }

    .works-tab-pane-info-icon {
        height: 25px;
    }

    .works-tab-pane-info-list {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr;
        grid-auto-rows: 1fr;
    }

    .works-tab-pane-info-item {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding: 15px;
    }

    .works-tab-pane-info-item-title {
        font-size: 16px;
    }

    .works-tab-pane-info-item-body {
        justify-content: flex-start;
        padding-bottom: 20px;
        position: relative;
    }

    .works-tab-pane-info-item-text {
        font-size: 14px;
    }

    .works-tab-pane-info-item-span {
        position: absolute;
        inset: auto 5px 5px auto;
    }

    .works-slide-img {
        height: 500px;
    }

    .steps {
        padding-top: 80px;
        padding-bottom: 40px;
        background-position: 130% 10%;
        background-size: 80%;
    }

    .steps-list {
        grid-template-rows: 1fr;
        grid-template-columns: 1fr;
        grid-auto-rows: 1fr;
    }

    .steps-item-big {
        grid-area: auto;
    }

    .steps-item-text._2 {
        width: 100%;
    }

    .steps-item-big {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='547' height='467' viewBox='0 0 547 467' fill='none'%3e%3cg opacity='0.15' clip-path='url(%23clip0_147_2853)'%3e%3cpath d='M503.386 -34.0169L454.437 -67.2581C447.938 -71.6322 439.976 -73.2639 432.28 -71.7983C424.585 -70.3328 417.779 -65.8885 413.343 -59.4318L173.728 293.95L63.5875 183.81C58.0229 178.306 50.5122 175.219 42.6856 175.219C34.859 175.219 27.3483 178.306 21.7837 183.81L-20.02 225.695C-22.7689 228.441 -24.9497 231.701 -26.4376 235.29C-27.9255 238.879 -28.6914 242.726 -28.6914 246.611C-28.6914 250.496 -27.9255 254.343 -26.4376 257.932C-24.9497 261.52 -22.7689 264.781 -20.02 267.526L149.295 436.923C158.812 446.385 173.701 453.693 187.117 453.693C200.534 453.693 214.059 445.24 222.758 432.587L511.266 7.02325C515.654 0.532913 517.288 -7.43254 515.811 -15.1261C514.333 -22.8197 509.865 -29.6133 503.386 -34.0169Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_147_2853'%3e%3crect width='547' height='467' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .production {
        padding-top: 40px;
        padding-bottom: 80px;
    }

    .production-list {
        grid-template-columns: 1fr;
    }

    .footer-top {
        flex-flow: column;
    }

    .footer-bottom {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        text-align: center;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        padding-top: 10px;
    }

    .hero-info-badge {
        align-self: center;
    }

    .footer-menu-links {
        justify-content: flex-start;
        align-items: center;
    }

    .footer-logo-desc {
        border-left-width: 0;
        padding-left: 0;
    }

    .hero-info-heading {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
    }
}

@media screen and (max-width: 479px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hero {
        padding-top: 100px;
    }

    .h1 {
        font-size: 24px;
    }

    .hero-info-span {
        font-size: 16px;
    }

    .hero-info-text {
        font-size: 14px;
    }

    .advantages {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .advantages-list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        grid-template-columns: 1fr;
    }

    .advantages-item {
        padding: 10px;
    }

    .advantages-item-icon {
        width: 50px;
        height: 50px;
    }

    .h2 {
        font-size: 24px;
    }

    .heading-text {
        font-size: 14px;
    }

    .quiz-info {
        padding: 10px;
    }

    .quiz-info-item {
        border-radius: 5px;
    }

    .quiz-info-item-heading {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
    }

    .quiz-info-item-text {
        font-size: 12px;
    }

    .works-tabs-menu {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .works-tab-link:nth-child(-n+2) {
        grid-area: span 1 / span 2;
    }

    .works-tab-link:last-child {
        grid-area: span 1 / span 4;
    }

    .works-tab-pane-content {
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        padding: 10px;
    }

    .works-tab-pane-info-text {
        font-size: 14px;
    }

    .works-tab-pane-info-item {
        padding: 10px;
        box-shadow: 0 5px 10px #47525966;
    }

    .works-tab-pane-info-item-body {
        border-radius: 5px;
    }

    .works-slide-img {
        height: 400px;
        border-radius: 10px;
    }

    .steps-item {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        padding: 10px;
    }

    .steps-item-text,
    .steps-item-text._2 {
        font-size: 12px;
    }

    .steps-item-big {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        padding: 10px;
    }

    .production-item {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        border-radius: 10px;
        padding: 10px;
    }

    .production-item-heading {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
    }

    .production-item-title {
        font-size: 16px;
    }

    .production-item-span {
        font-size: 14px;
    }

    .footer-top {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .popup-block {
        border-radius: 10px;
        padding: 20px;
    }

    .advantages-item-heading {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
}


/*  */

#custom-form .custom-form {
    margin: 0;
}

#custom-form .wpforms-title {
    font-size: 30px;
    line-height: 130%;
    font-weight: 600;
    text-align: center;
}

#custom-form .wpforms-description {
    font-size: 16px;
    line-height: 130%;
    font-weight: 500;
    text-align: center;
}

#custom-form .custom-field {
    padding: 5px 0;
}

#custom-form .custom-field input {
    height: 50px;
    color: var(--text);
}
#custom-form .custom-field input::placeholder {
    color: var(--text);
}

#custom-form .custom-label label {
    font-size: 14px;
    line-height: 130%;
}

#custom-form .wpforms-head-container {
    padding-bottom: 20px;
}

#custom-form .custom-form-btn {
    height: 50px;
    width: 100%;
    text-align: center;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    #custom-form .custom-form-btn {
        font-size: 14px;
    }
}



/* === === */
.copy-email-wrap {
    position: relative;
    display: inline-block;
}

.copy-email {
	font-size: 14px;
	font-weight: 500;
	color: var(--yellow);
}
.copy-email:hover {
	text-decoration: underline;
}
.footer .copy-email {
	color: var(--blue);
}

.copy-tooltip {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(5px);

    padding: 6px 10px;
    border-radius: 6px;

    background: #222;
    color: #fff;

    font-size: 13px;
    white-space: nowrap;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition: 0.2s ease;
}

.copy-tooltip.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}