input::placeholder {
    transition: opacity .3s ease-in-out;
}

input:focus::placeholder {
    opacity: 0;
}

.form-item {
    position: relative;
}

.form-item__file {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}

.form-item__file-label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    color: rgba(51, 51, 51, 1);
}

.inputs-list {
    position: relative;
}

/* Hidden decoy forms stay in DOM for bots without affecting the page. */
.ninja-decoy-form {
    position: fixed;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    transform: translate(-200vw, -200vh);
    white-space: nowrap;
    pointer-events: none;
    z-index: -1;
}

.ninja-decoy-form,
.ninja-decoy-form * {
    pointer-events: none !important;
}

.ninja-decoy-form .form-wrapper {
    height: auto;
}

/* ===== callback-footer-form ===== */

.callback-footer-form input[type="text"],
.callback-footer-form input[type="email"],
.callback-footer-form input[type="tel"] {
    width: 100%;
    padding: 25px 30px;
    line-height: 1;
    font-size: 20px;
    border: 1px solid rgba(255, 255, 255, 0.65);
    color: rgba(255, 255, 255, 0.9);
    background-color: var(--color-red);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    caret-color: rgba(255, 255, 255, 0.9);
    position: relative;
    margin-bottom: 10px;
}

.footer-form-block--bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-top: 14px;
}

.footer-form-block--bottom p {
    font-size: 14px;
    margin: 0;
}

.form-wrapper {
    height: 100%;
}

.form-wrapper__success {
    font-size: 32px;
}

.callback-footer-success {
    position: relative;
    height: 100%;
}

.callback-footer-success__content {
    position: relative;
    z-index: 1;
    max-width: 520px;
}

.callback-footer-success__desc {
    max-width: 520px;
}

.callback-footer-success__rings {
    position: absolute;
    bottom: -90px;
    right: calc(-1 * var(--container-padding));
    width: 810px;
    height: 404px;
    z-index: 0;
    pointer-events: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='810' height='504' viewBox='0 0 810 504' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M496.382 619.934C563.519 619.934 617.944 565.334 617.944 497.982C617.944 430.63 563.519 376.03 496.382 376.03C429.244 376.03 374.819 430.63 374.819 497.982C374.819 565.334 429.244 619.934 496.382 619.934Z' fill='white'/%3e%3cpath d='M496.382 0.0138627C364.766 0.121528 238.572 52.6212 145.506 145.985C52.4396 239.35 0.107342 365.947 4.35351e-05 497.984L4.70889e-05 538.634L121.563 538.634L121.563 497.984C121.575 423.623 143.564 350.936 184.751 289.111C225.937 227.286 284.471 179.1 352.953 150.645C421.435 122.19 496.788 114.744 569.488 129.248C642.188 143.752 708.97 179.553 761.389 232.128C797.017 268.009 825.18 310.636 844.24 357.533C863.301 404.429 872.878 454.658 872.416 505.301C872.279 553.452 862.487 601.085 843.622 645.361C824.757 689.637 797.204 729.652 762.605 763.025L476.931 1047.58L519.883 1090.67L565.268 1131.32L846.483 849.205C892.856 804.606 929.81 751.104 955.15 691.883C980.489 632.662 993.694 568.933 993.979 504.488C994.588 437.631 981.932 371.32 956.749 309.416C931.565 247.513 894.358 191.256 847.293 143.917C801.197 97.8391 746.445 61.3936 686.21 36.6922C625.975 11.9907 561.453 -0.476201 496.382 0.0138627Z' fill='white'/%3e%3cpath d='M410.882 985.792L698.985 701.238C731.417 668.022 755.24 627.34 768.372 582.75C781.505 538.16 783.546 491.02 774.317 445.456C765.087 399.892 744.867 357.291 715.428 321.379C685.99 285.468 648.227 257.339 605.445 239.456C562.663 221.574 516.165 214.481 470.018 218.797C423.87 223.114 379.481 238.709 340.732 264.218C301.983 289.727 270.055 324.373 247.741 365.125C225.427 405.877 213.408 451.494 212.734 497.985L212.734 538.636L293.776 538.636L293.776 497.985C293.835 464.586 302.099 431.716 317.834 402.283C333.569 372.85 356.292 347.761 383.992 329.234C411.693 310.708 443.518 299.314 476.652 296.062C509.786 292.81 543.208 297.798 573.962 310.588C604.717 323.377 631.857 343.572 652.98 369.388C674.104 395.203 688.561 425.842 695.073 458.596C701.584 491.35 699.949 525.209 690.313 557.178C680.677 589.148 663.337 618.242 639.825 641.889L352.126 930.101L410.882 985.792Z' fill='white'/%3e%3cpath d='M669.002 1136.2L656.845 1147.58L619.161 1184.17L700.203 1259.37C700.203 1263.03 700.203 1266.28 700.203 1269.94L700.203 1473.19C700.203 1527.1 678.857 1578.8 640.861 1616.92C602.865 1655.03 551.332 1676.45 497.598 1676.45C443.864 1676.45 392.331 1655.03 354.336 1616.92C316.34 1578.8 294.994 1527.1 294.994 1473.19L294.994 1269.94L132.91 1107.34L11.347 1107.34L11.347 1473.19C11.347 1602.57 62.5766 1726.64 153.766 1818.12C244.956 1909.61 368.636 1961 497.598 1961C626.56 1961 750.241 1909.61 841.43 1818.12C932.62 1726.64 983.85 1602.57 983.85 1473.19L983.85 1067.09L859.856 945.142L669.002 1136.2Z' fill='white'/%3e%3c/svg%3e ");
}

.callback-footer-form input[type="text"]:focus,
.callback-footer-form input[type="email"]:focus,
.callback-footer-form input[type="tel"]:focus {
   border-color: rgba(255, 255, 255, 1);
       background: transparent;
}

@media (hover: hover) {
    .callback-footer-form input[type="text"]:hover,
    .callback-footer-form input[type="email"]:hover,
    .callback-footer-form input[type="tel"]:hover {
        border-color: rgba(255, 255, 255, 1);
    }
}

/* ===== callback-footer-form ===== */



/* ===== resume-form ===== */

.resume-form {
    position: relative;
    padding: 60px 50px 50px;
    background-color: rgba(247, 249, 249, 1);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='303' height='306' viewBox='0 0 303 306' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M336.758 337.617C364.152 310.223 364.058 265.714 336.547 238.203C309.036 210.693 264.527 210.598 237.133 237.992C209.739 265.386 209.833 309.895 237.344 337.406C264.855 364.917 309.364 365.011 336.758 337.617Z' fill='%23333333' fill-opacity='0.1'/%3e%3cpath d='M83.5442 84.4032C29.885 138.15 -0.161575 211.085 0.000347516 287.195C0.162271 363.304 30.5195 436.368 84.4078 490.344L101.012 506.948L150.613 457.347L134.009 440.743C103.64 410.364 82.9227 371.702 74.4749 329.643C66.027 287.585 70.2284 244.019 86.5483 204.453C102.868 164.888 130.573 131.1 166.161 107.361C201.749 83.6212 243.622 70.9961 286.485 71.0824C315.678 71.2008 344.581 77.1215 371.514 88.4997C398.446 99.8778 422.871 116.487 443.368 137.361C462.98 157.084 478.441 180.536 488.829 206.319C499.216 232.102 504.319 259.689 503.833 287.438L503.499 520.231L538.626 520.306L573.748 518.392L573.259 288.414C573.964 251.276 567.188 214.344 553.338 179.815C539.488 145.286 518.845 113.867 492.638 87.4275C465.577 59.8705 433.328 37.9488 397.767 22.9392C362.206 7.92952 324.046 0.131932 285.506 -8.39622e-06C247.876 -0.0125729 210.649 7.44121 175.981 21.9293C141.314 36.4174 109.895 57.6518 83.5442 84.4032Z' fill='%23333333' fill-opacity='0.1'/%3e%3cpath d='M451.312 521.943L452.636 288.159C452.302 261.358 445.405 235.021 432.55 211.449C419.695 187.877 401.274 167.789 378.896 152.944C356.519 138.099 330.868 128.948 304.188 126.291C277.507 123.635 250.61 127.554 225.849 137.705C201.088 147.857 179.218 163.933 162.152 184.525C145.085 205.118 133.343 229.6 127.952 255.83C122.561 282.061 123.684 309.24 131.226 334.99C138.767 360.741 152.495 384.278 171.21 403.542L187.814 420.147L220.882 387.079L204.278 370.475C190.66 356.809 180.605 340.011 175.004 321.568C169.402 303.125 168.425 283.606 172.16 264.736C175.895 245.866 184.227 228.226 196.418 213.378C208.61 198.53 224.284 186.931 242.057 179.606C259.83 172.281 279.153 169.456 298.316 171.382C317.48 173.307 335.894 179.923 351.93 190.645C367.965 201.367 381.128 215.864 390.255 232.854C399.381 249.844 404.19 268.804 404.255 288.056L404.59 523.17L451.312 521.943Z' fill='%23333333' fill-opacity='0.1'/%3e%3cpath d='M618.068 478.058L617.757 487.668L617.324 517.988L681.11 515.639C682.604 517.133 683.932 518.461 685.427 519.955L768.448 602.977C790.467 624.995 802.874 654.822 802.94 685.895C803.006 716.968 790.726 746.742 768.8 768.667C746.875 790.592 717.102 802.872 686.029 802.806C654.956 802.74 625.129 790.333 603.11 768.314L520.089 685.293L387.537 685.011L337.936 734.612L487.374 884.05C540.219 936.895 611.802 966.672 686.377 966.831C760.952 966.99 832.41 937.517 885.03 884.896C937.651 832.276 967.123 760.819 966.965 686.244C966.806 611.669 937.029 540.085 884.184 487.24L718.308 321.364L617.902 322.144L618.068 478.058Z' fill='%23333333' fill-opacity='0.1'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.resume-form::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-40.29deg, rgba(247, 249, 249, 0) -90%, #F7F9F9 60%);
}

.resume-form input[type="text"],
.resume-form input[type="email"],
.resume-form input[type="tel"] {
    width: 100%;
    padding: 24px;
    line-height: 1;
    font-size: 16px;
    border: 1px solid rgba(51, 51, 51, 0.2);
    color: rgba(51, 51, 51, 0.4);
    background-color: transparent;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    caret-color: var(--color-red);
    position: relative;
    margin-bottom: 10px;
}

.resume-form input[type="text"].no-empty,
.resume-form input[type="email"].no-empty,
.resume-form input[type="tel"].no-empty {
    color: rgba(51, 51, 51, 1);
}

.resume-form input[type="text"]:focus,
.resume-form input[type="email"]:focus,
.resume-form input[type="tel"]:focus {
    color: rgba(51, 51, 51, 1);
    border-color: rgba(51, 51, 51, 1);
}

.resume-form .form-item__file-label {
    margin-top: 6px;
}

.resume-form-block--head {
    margin-bottom: 36px;
    position: relative;
}

.resume-form-block--head .h2 {
    margin-bottom: 24px;
    font-size: 45px;
}

.resume-form-block--bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 45px;
    position: relative;
}

.resume-form-block--bottom p {
    font-size: 14px;
    margin: 0;
}

.resume-form-block--bottom p a {
    color: rgba(51, 51, 51, 1);
    border-bottom: 1px solid rgba(51, 51, 51, 1);
}

@media (hover: hover) {

    .resume-form input[type="text"]:hover,
    .resume-form input[type="email"]:hover,
    .resume-form input[type="tel"]:hover {
        border-color: rgba(51, 51, 51, 1);
    }
}

@media (min-width: 960px) and (max-width: 1370px) {
    .resume-form {
        padding: 60px 35px 50px;
    }
    .resume-form-block--bottom {
        flex-direction: column;
        align-items: normal;
    }
}

@media (max-width: 574px) {
    .resume-form {
        padding: 50px 35px 40px;
    }
    .resume-form-block--bottom {
        flex-direction: column;
        align-items: normal;
    }
}

@media (max-width: 375px) {
    .resume-form-block--head .h2 {
        font-size: 37px;
    }
    .resume-form {
        padding: 50px 20px 40px;
    }
}

/* ===== resume-form ===== */
