:root {
     /* Transparent */
     --universal-form-color-transparent: transparent;

     /* White */
     --universal-form-color-white:    #ffffff;   /* базовый */
     --universal-form-color-white-1:  #e6e6e6;   /* -10% */
     --universal-form-color-white-2:  #cccccc;   /* -20% */
     --universal-form-color-white-3:  #b3b3b3;   /* -30% */
     --universal-form-color-white-4:  #999999;   /* -40% */
     --universal-form-color-white-5:  #808080;   /* -50% */
     --universal-form-color-white-6:  #666666;   /* -60% */
     --universal-form-color-white-7:  #4d4d4d;   /* -70% */
     --universal-form-color-white-8:  #333333;   /* -80% */
     --universal-form-color-white-9:  #1a1a1a;   /* -90% */
     --universal-form-color-white-10: #000000;   /* -100% (чёрный) */

     /* Silver */
     --universal-form-color-silver:    #8c8c8c;   /* базовый */
     --universal-form-color-silver-1:  #d1d1d1;   /* +10% */
     --universal-form-color-silver-2:  #c4c4c4;   /* +20% */
     --universal-form-color-silver-3:  #b7b7b7;   /* +30% */
     --universal-form-color-silver-4:  #aaaaaa;   /* +40% */
     --universal-form-color-silver-5:  #9d9d9d;   /* +50% */
     --universal-form-color-silver-6:  #7a7a7a;   /* -10% */
     --universal-form-color-silver-7:  #6d6d6d;   /* -20% */
     --universal-form-color-silver-8:  #606060;   /* -30% */
     --universal-form-color-silver-9:  #535353;   /* -40% */
     --universal-form-color-silver-10: #464646;   /* -50% */

     /* Black */
     --universal-form-color-black:    #000000;
     --universal-form-color-black-1:  #0d0d0d;
     --universal-form-color-black-2:  #161616;
     --universal-form-color-black-3:  #212121;
     --universal-form-color-black-4:  #333333;
     --universal-form-color-black-5:  #424242;
     --universal-form-color-black-6:  #505050;
     --universal-form-color-black-7:  #5e5e5e;
     --universal-form-color-black-8:  #6f6f6f;
     --universal-form-color-black-9:  #7d7d7d;
     --universal-form-color-black-10: #898989;

     /* Red */
     --universal-form-color-red:    #ff0000;
     --universal-form-color-red-1:  #ff8080;
     --universal-form-color-red-2:  #ff6666;
     --universal-form-color-red-3:  #ff4d4d;
     --universal-form-color-red-4:  #ff3333;
     --universal-form-color-red-5:  #ff1a1a;
     --universal-form-color-red-6:  #e60000;
     --universal-form-color-red-7:  #cc0000;
     --universal-form-color-red-8:  #b30000;
     --universal-form-color-red-9:  #990000;
     --universal-form-color-red-10: #800000;

     /* Dark Red */
     --universal-form-color-dark-red:    #800000;
     --universal-form-color-dark-red-1:  #b30000;
     --universal-form-color-dark-red-2:  #e60000;
     --universal-form-color-dark-red-3:  #ff3333;
     --universal-form-color-dark-red-4:  #ff6666;
     --universal-form-color-dark-red-5:  #ff9999;
     --universal-form-color-dark-red-6:  #660000;
     --universal-form-color-dark-red-7:  #4c0000;
     --universal-form-color-dark-red-8:  #330000;
     --universal-form-color-dark-red-9:  #190000;
     --universal-form-color-dark-red-10: #0d0000;

     /* Magenta */
     --universal-form-color-magenta:    #ff00f6;
     --universal-form-color-magenta-1:  #ff80fb;
     --universal-form-color-magenta-2:  #ff66fa;
     --universal-form-color-magenta-3:  #ff4df9;
     --universal-form-color-magenta-4:  #ff33f8;
     --universal-form-color-magenta-5:  #ff1af7;
     --universal-form-color-magenta-6:  #e600dd;
     --universal-form-color-magenta-7:  #cc00c5;
     --universal-form-color-magenta-8:  #b300ac;
     --universal-form-color-magenta-9:  #990094;
     --universal-form-color-magenta-10: #80007b;

     /* Purple */
     --universal-form-color-purple:    #800080;
     --universal-form-color-purple-1:  #bf00bf;
     --universal-form-color-purple-2:  #ff00ff;
     --universal-form-color-purple-3:  #ff4dff;
     --universal-form-color-purple-4:  #ff80ff;
     --universal-form-color-purple-5:  #ffb3ff;
     --universal-form-color-purple-6:  #660066;
     --universal-form-color-purple-7:  #4c004c;
     --universal-form-color-purple-8:  #330033;
     --universal-form-color-purple-9:  #190019;
     --universal-form-color-purple-10: #0a000a;

     /* Pink */
     --universal-form-color-pink:    #ffc0cb;
     --universal-form-color-pink-1:  #ffd6e4;
     --universal-form-color-pink-2:  #ffe1eb;
     --universal-form-color-pink-3:  #ffedf2;
     --universal-form-color-pink-4:  #fff7f8;
     --universal-form-color-pink-5:  #fffcfd;
     --universal-form-color-pink-6:  #e6a9bc;
     --universal-form-color-pink-7:  #cc7394;
     --universal-form-color-pink-8:  #b33d6c;
     --universal-form-color-pink-9:  #991545;
     --universal-form-color-pink-10: #66082b;

     /* Blue */
     --universal-form-color-blue:    #000cff;
     --universal-form-color-blue-1:  #8086ff;
     --universal-form-color-blue-2:  #666dff;
     --universal-form-color-blue-3:  #4d55ff;
     --universal-form-color-blue-4:  #333dff;
     --universal-form-color-blue-5:  #1a24ff;
     --universal-form-color-blue-6:  #0b0ee6;
     --universal-form-color-blue-7:  #0a0acc;
     --universal-form-color-blue-8:  #0808b2;
     --universal-form-color-blue-9:  #070799;
     --universal-form-color-blue-10: #060080;

     /* Navy Blue */
     --universal-form-color-navy-blue:    #000080;
     --universal-form-color-navy-blue-1:  #0000b3;
     --universal-form-color-navy-blue-2:  #0000e6;
     --universal-form-color-navy-blue-3:  #3333ff;
     --universal-form-color-navy-blue-4:  #6666ff;
     --universal-form-color-navy-blue-5:  #9999ff;
     --universal-form-color-navy-blue-6:  #000066;
     --universal-form-color-navy-blue-7:  #00004c;
     --universal-form-color-navy-blue-8:  #000033;
     --universal-form-color-navy-blue-9:  #000019;
     --universal-form-color-navy-blue-10: #00000a;

     /* Cyan */
     --universal-form-color-cyan:    #00fcff;
     --universal-form-color-cyan-1:  #80feff;
     --universal-form-color-cyan-2:  #66fdff;
     --universal-form-color-cyan-3:  #4dfcff;
     --universal-form-color-cyan-4:  #33fdff;
     --universal-form-color-cyan-5:  #1afcff;
     --universal-form-color-cyan-6:  #00e3e6;
     --universal-form-color-cyan-7:  #00cacc;
     --universal-form-color-cyan-8:  #00b0b3;
     --universal-form-color-cyan-9:  #009799;
     --universal-form-color-cyan-10: #007e80;

     /* Dark Cyan */
     --universal-form-color-dark-cyan:    #008080;
     --universal-form-color-dark-cyan-1:  #00bfbf;
     --universal-form-color-dark-cyan-2:  #33ffff;
     --universal-form-color-dark-cyan-3:  #66ffff;
     --universal-form-color-dark-cyan-4:  #99ffff;
     --universal-form-color-dark-cyan-5:  #ccffff;
     --universal-form-color-dark-cyan-6:  #007d7d;
     --universal-form-color-dark-cyan-7:  #005f5f;
     --universal-form-color-dark-cyan-8:  #003f3f;
     --universal-form-color-dark-cyan-9:  #001919;
     --universal-form-color-dark-cyan-10: #000d0d;

     /* Lime */
     --universal-form-color-lime:    #00ff2a;
     --universal-form-color-lime-1:  #80ff95;
     --universal-form-color-lime-2:  #66ff7f;
     --universal-form-color-lime-3:  #4dff69;
     --universal-form-color-lime-4:  #33ff55;
     --universal-form-color-lime-5:  #1aff3f;
     --universal-form-color-lime-6:  #00e62e;
     --universal-form-color-lime-7:  #00cc21;
     --universal-form-color-lime-8:  #00b21d;
     --universal-form-color-lime-9:  #009919;
     --universal-form-color-lime-10: #008015;

     /* Green */
     --universal-form-color-green:    #00bf0d;
     --universal-form-color-green-1:  #80df86;
     --universal-form-color-green-2:  #66d96e;
     --universal-form-color-green-3:  #4dd286;
     --universal-form-color-green-4:  #33cc3d;
     --universal-form-color-green-5:  #1ac525;
     --universal-form-color-green-6:  #00ab0c;
     --universal-form-color-green-7:  #00990a;
     --universal-form-color-green-8:  #008609;
     --universal-form-color-green-9:  #007208;
     --universal-form-color-green-10: #005f06;

     /* Olive */
     --universal-form-color-olive:    #808000;
     --universal-form-color-olive-1:  #bfbf00;
     --universal-form-color-olive-2:  #ffff00;
     --universal-form-color-olive-3:  #ffff33;
     --universal-form-color-olive-4:  #ffff66;
     --universal-form-color-olive-5:  #ffff99;
     --universal-form-color-olive-6:  #666600;
     --universal-form-color-olive-7:  #4c4c00;
     --universal-form-color-olive-8:  #333300;
     --universal-form-color-olive-9:  #191900;
     --universal-form-color-olive-10: #0d0d00;

     /* Orange */
     --universal-form-color-orange:    #ff9600;
     --universal-form-color-orange-1:  #ffcb80;
     --universal-form-color-orange-2:  #ffc066;
     --universal-form-color-orange-3:  #ffb64d;
     --universal-form-color-orange-4:  #ffab33;
     --universal-form-color-orange-5:  #ffa01a;
     --universal-form-color-orange-6:  #e68700;
     --universal-form-color-orange-7:  #cc7800;
     --universal-form-color-orange-8:  #b36900;
     --universal-form-color-orange-9:  #995a00;
     --universal-form-color-orange-10: #804b00;

     /* Yellow */
     --universal-form-color-yellow:    #ffe400;
     --universal-form-color-yellow-1:  #fff280;
     --universal-form-color-yellow-2:  #ffef66;
     --universal-form-color-yellow-3:  #ffec4d;
     --universal-form-color-yellow-4:  #ffe933;
     --universal-form-color-yellow-5:  #ffe61a;
     --universal-form-color-yellow-6:  #e6cd00;
     --universal-form-color-yellow-7:  #ccb600;
     --universal-form-color-yellow-8:  #b39f00;
     --universal-form-color-yellow-9:  #998900;
     --universal-form-color-yellow-10: #807200;

     /* Semi-Transparent Variants (50% opacity) */
     --universal-form-color-white-alpha-50:  rgba(255,255,255,0.5);
     --universal-form-color-silver-alpha-50: rgba(140,140,140,0.5);
     --universal-form-color-black-alpha-50:  rgba(0,0,0,0.5);

     /* USER CUSTOM */
     --universal-form-color-light-black: #2D2D2D;
     --universal-form-color-light-siler: #ABABAB;
     --universal-form-color-light-blue: #EEEEEE;
     --universal-form-color-light-cyan: #46C1FF;
     --universal-form-color-light-cyan-2: #004C7F;
     --universal-form-color-light-cyan-3: #006CA3;
     --universal-form-color-light-red: #DF0808;
     --universal-form-color-light-green: #08DF13;
     --universal-form-color-light-blue-gray-half-alpha: rgba(148, 163, 184, .35);
}





/* === .universal-form === */
.universal-form {
     position: relative;
}
.universal-form .universal-form-main-row > * {
     width: 100%;
}
.universal-form .universal-form-main-row {
     margin-top: 25px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
}
.universal-form .universal-form-main-row:first-child {
     margin-top: 0;
}
.universal-form .universal-form-main-row.uf-mr-content-center {
     -webkit-justify-content: center;
     justify-content: center;
     -ms-flex-pack: center;
}
.universal-form .universal-form-main-row.uf-mr-content-center > * {
     width: auto;
}
.universal-form .universal-form-main-row.uf-mr-content-right {
     -webkit-justify-content: flex-end;
     justify-content: flex-end;
     -ms-flex-pack: end;
}
.universal-form .universal-form-main-row.uf-mr-content-right,
.universal-form .universal-form-main-row.uf-mr-content-center > * {
     width: auto;
}

.universal-form .universal-form-main-row.uf-mr-2x-cols .universal-form-main-col {
     width: -webkit-calc(50% - 12.5px);
     width: calc(50% - 12.5px);
     margin-left: 25px;
}
.universal-form .universal-form-main-row.uf-mr-2x-cols .universal-form-main-col:first-child {
     margin-left: 0;
}
.universal-form .universal-form-main-row.uf-mr-2x-cols .universal-form-main-col .universal-form-main-row {
     display: block;
}
.universal-form .universal-form-main-row.uf-mr-2x-cols .universal-form-main-col .universal-form-main-row > * {
     width: 100%;
}
.universal-form .universal-form-main-row.uf-mr-no-margin-top {
     margin-top: 0!important;
}
.universal-form .universal-form-main-row.uf-mr-half-margin-top {
     margin-top: 12.5px!important;
}
/* === .universal-form === */





/* === .universal-form .universal-form-input-box === */
.universal-form .universal-form-input-box {
     position: relative;
}
.universal-form::-moz-selection,
.universal-form::selection {
     background-color: var(--universal-form-color-light-cyan-2);
     color: var(--main-color-white);
}
.universal-form .universal-form-input-box input {
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     appearance: none;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     overflow: hidden;
     outline: none;
     text-overflow: ellipsis;
     display: block;
     position: relative;
     z-index: 1;
     width: 100%;
     height: 41px;
     margin-block: 0;
     padding-left: 15px;
     padding-right: 15px;
     border: 1px solid var(--universal-form-color-light-blue);
     -webkit-border-radius: 10px;
     border-radius: 10px;
     font-family: 'Manrope', sans-serif;
     font-size: 16px;
     font-weight: 400;
     letter-spacing: normal;
     text-align: left;
     color: var(--universal-form-color-silver-5);
     background-color: var(--universal-form-color-light-blue);
     -webkit-transition: color 150ms ease-in-out, border-color 150ms ease-in-out, background-color 150ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
     transition: color 150ms ease-in-out, border-color 150ms ease-in-out, background-color 150ms ease-in-out, box-shadow 300ms ease-in-out;
}
.universal-form .universal-form-input-box.ufi-ib-with-image input {
     padding-left: 45px;
}
.universal-form .universal-form-input-box input:focus,
.universal-form .universal-form-input-box input:invalid,
.universal-form .universal-form-input-box textarea:focus,
.universal-form .universal-form-input-box textarea:invalid {
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     appearance: none;
}
.universal-form .universal-form-input-box input:focus,
.universal-form .universal-form-input-box input:focus:invalid,
.universal-form .universal-form-input-box textarea:focus,
.universal-form .universal-form-input-box textarea:focus:invalid {
     color: var(--universal-form-color-light-black);
     border-color: var(--universal-form-color-light-cyan);
     background-color: var(--universal-form-color-white);
     -webkit-box-shadow: 3px 3px 9px var(--universal-form-color-light-blue-gray-half-alpha);
     -moz-box-shadow: 3px 3px 9px var(--universal-form-color-light-blue-gray-half-alpha);
     box-shadow: 3px 3px 9px var(--universal-form-color-light-blue-gray-half-alpha);
}
.universal-form.header-universal-form .universal-form-input-box input:focus,
.universal-form.header-universal-form .universal-form-input-box input:focus:invalid,
.universal-form.header-universal-form .universal-form-input-box textarea:focus,
.universal-form.header-universal-form .universal-form-input-box textarea:focus:invalid {
     background-color: var(--universal-form-color-silver-2);
}
.universal-form .universal-form-input-box input::-ms-clear,
.universal-form .universal-form-input-box textarea::-ms-clear {
     display: none;
}
.universal-form .universal-form-input-box input::-webkit-input-placeholder,
.universal-form .universal-form-input-box textarea::-webkit-input-placeholder {
     color: var(--universal-form-color-silver-5);
     opacity: 1;
}
.universal-form .universal-form-input-box input::-moz-placeholder,
.universal-form .universal-form-input-box textarea::-moz-placeholder {
     color: var(--universal-form-color-silver-5);
     opacity: 1;
}
.universal-form .universal-form-input-box input:-moz-placeholder,
.universal-form .universal-form-input-box textarea:-moz-placeholder {
     color: var(--universal-form-color-silver-5);
     opacity: 1;
}
.universal-form .universal-form-input-box input::-ms-input-placeholder,
.universal-form .universal-form-input-box textarea::-ms-input-placeholder {
     color: var(--universal-form-color-silver-5);
     opacity: 1;
}
.universal-form .universal-form-input-box input:focus::-webkit-input-placeholder,
.universal-form .universal-form-input-box textarea:focus::-webkit-input-placeholder {
     opacity: 0;
}
.universal-form .universal-form-input-box input:focus::-moz-placeholder,
.universal-form .universal-form-input-box textarea:focus::-moz-placeholder {
     opacity: 0;
}
.universal-form .universal-form-input-box input:focus:-moz-placeholder,
.universal-form .universal-form-input-box textarea:focus:-moz-placeholder {
     opacity: 0;
}
.universal-form .universal-form-input-box input:focus::-ms-input-placeholder,
.universal-form .universal-form-input-box textarea:focus::-ms-input-placeholder {
     opacity: 0;
}
.universal-form .universal-form-input-box .ufi-input-box-icon {
     position: absolute;
     top: 8px;
     left: 12px;
     bottom: 0;
     z-index: 2;
     pointer-events: none;
}
.universal-form .universal-form-input-box .ufi-input-box-icon.ufi-input-box-icon-valid {
     display: none;
     top: 12px;
     left: auto;
     right: 12px;
}
.universal-form .universal-form-input-box .ufi-input-box-icon.ufi-input-box-icon-valid,
.universal-form .universal-form-input-box .ufi-input-box-icon.ufi-input-box-icon-valid svg {
     width: 20px;
     height: 20px;
}
.universal-form .universal-form-input-box .ufi-input-box-icon,
.universal-form .universal-form-input-box .ufi-input-box-icon svg {
     width: 25px;
     height: 25px;
}
.universal-form .universal-form-input-box .ufi-input-box-icon svg path {
     stroke: var(--universal-form-color-silver-2);
     stroke-width: 2px;
     stroke-linecap: round;
     stroke-linejoin: round;
     -webkit-transition: stroke 150ms ease-in-out;
     transition: stroke 150ms ease-in-out;
}
.universal-form .universal-form-input-box:focus-within .ufi-input-box-icon svg path {
     stroke: var(--universal-form-color-light-cyan);
}
.universal-form .universal-form-input-box .ufi-input-box-icon.ufi-input-box-icon-valid svg path {
     stroke: var(--universal-form-color-light-green);
     fill: var(--universal-form-color-light-green);
     stroke-width: 1px;
}
.universal-form .universal-form-input-box:focus-within .ufi-input-box-icon.ufi-input-box-icon-valid svg path {
     stroke: var(--universal-form-color-light-cyan);
     fill: var(--universal-form-color-light-cyan);
}
.universal-form .universal-form-input-box .ufi-input-box-validation-text {
     overflow: hidden;
     text-overflow: ellipsis;
     width: 100%;
     position: absolute;
     top: auto;
     bottom: -20px;
     left: 0;
     z-index: 1;
     display: none;
     font-family: 'Manrope', sans-serif;
     font-size: 14px;
     font-weight: normal;
     letter-spacing: normal;
     line-height: 20px;
     color: var(--universal-form-color-light-black);
}
/* === .universal-form .universal-form-input-box === */





/* === input textarea error === */
.universal-form .universal-form-input-box.uf-ib-has-error input,
.universal-form .universal-form-input-box.uf-ib-has-error textarea {
     color: var(--universal-form-color-light-red);
     border-color: var(--universal-form-color-light-red);
}
.universal-form .universal-form-input-box.uf-ib-has-error input:focus,
.universal-form .universal-form-input-box.uf-ib-has-error input:focus:invalid,
.universal-form .universal-form-input-box.uf-ib-has-error textarea:focus,
.universal-form .universal-form-input-box.uf-ib-has-error textarea:focus:invalid {
     color: var(--universal-form-color-light-black);
     border-color: var(--universal-form-color-light-cyan);
     background-color: var(--universal-form-color-white);
}
.universal-form .universal-form-input-box.uf-ib-has-error .ufi-input-box-validation-text {
     display: block;
     color: var(--universal-form-color-light-red);
}
.universal-form .universal-form-input-box.uf-ib-has-error input:focus + .ufi-input-box-validation-text,
.universal-form .universal-form-input-box.uf-ib-has-error textarea:focus + .ufi-input-box-validation-text {
     color: var(--universal-form-color-light-black);
}
.universal-form .universal-form-input-box.uf-ib-has-error:focus-within .ufi-input-box-icon svg {
     stroke: var(--universal-form-color-light-cyan);
}
.universal-form .universal-form-input-box.uf-ib-has-error .ufi-input-box-icon svg {
     stroke: var(--universal-form-color-light-red);
}
/* === input textarea error === */





/* === input textarea valid === */
.universal-form .universal-form-input-box.uf-ib-has-valid input,
.universal-form .universal-form-input-box.uf-ib-has-valid textarea {
     padding-right: 45px;
}
.universal-form .universal-form-input-box.uf-ib-has-valid .ufi-input-box-icon.ufi-input-box-icon-valid {
     display: block;
}
/* === input textarea valid === */





/* === .universal-form textarea === */
.universal-form textarea {
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     appearance: none;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     resize: vertical;
     overflow-x: hidden;
     overflow-y: auto;
     scroll-behavior: smooth;
     -webkit-overflow-scrolling: touch;
     overflow-scrolling: touch;
     scrollbar-width: thin;
     scrollbar-color: var(--universal-form-color-silver) var(--universal-form-color-transparent);
     outline: none;
     text-overflow: ellipsis;
     display: block;
     width: 100%;
     position: relative;
     z-index: 2;
     height: 55px;
     margin-block: 0;
     min-height: 170px;
     max-height: 350px;
     padding: 15px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     border: 1px solid var(--universal-form-color-light-blue);
     white-space: pre-wrap;
     word-wrap: break-word;
     font-family: 'Manrope', sans-serif;
     font-size: 16px;
     font-weight: 400;
     letter-spacing: normal;
     line-height: 23px;
     text-align: left;
     color: var(--universal-form-color-silver-5);
     background-color: var(--universal-form-color-light-blue);
     -webkit-transition: color 150ms ease-in-out, border-color 150ms ease-in-out, background-color 150ms ease-in-out, -webkit-box-shadow 150ms ease-in-out;
     transition: color 150ms ease-in-out, border-color 150ms ease-in-out, background-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.universal-form textarea::-webkit-resizer {
     display: none;
}
.universal-form textarea::-webkit-scrollbar {
     width: 8px;
     background: var(--universal-form-color-transparent);
     display: initial;
}
.universal-form textarea::-webkit-scrollbar-track {
     background: var(--universal-form-color-transparent);
}
.universal-form textarea::-webkit-scrollbar-track:hover {
     background: var(--universal-form-color-transparent);
}
.universal-form textarea::-webkit-scrollbar-thumb {
     background-color: var(--universal-form-color-silver);
}
.universal-form textarea::-webkit-scrollbar-button,
.universal-form textarea::-webkit-scrollbar-corner,
.universal-form textarea::-webkit-resizer {
     display: none;
}
/* === .universal-form textarea === */





/* === .universal-form-checkbox === */
.universal-form .universal-form-checkbox {
     position: relative;
}
.universal-form .universal-form-checkbox .uf-checkbox {
     display: -webkit-inline-flex;
     display: -moz-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
     padding-left: 17px;
     width: auto;
     cursor: default;
     -webkit-tap-highlight-color: var(--universal-form-color-transparent);
}
.universal-form .universal-form-checkbox .uf-checkbox .uf-checkbox-div {
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     z-index: 1;
     width: 23px;
     height: 23px;
     margin: auto 0;
     cursor: pointer;
}
.universal-form .universal-form-checkbox .uf-checkbox .uf-checkbox-div .uf-checkbox-div-elem {
     display: block;
     position: relative;
     width: 100%;
     height: 100%;
}
.universal-form .universal-form-checkbox .uf-checkbox .uf-checkbox-div .uf-checkbox-div-elem:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     border-width: 1px;
     border-style: solid;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     border-color: var(--universal-form-color-light-blue);
     background-color: var(--universal-form-color-light-blue);
     -webkit-transition: background-color 150ms ease, border-color 150ms ease;
     transition: background-color 150ms ease, border-color 150ms ease;
}
.universal-form .universal-form-checkbox:hover .uf-checkbox .uf-checkbox-div .uf-checkbox-div-elem:before,
.universal-form .universal-form-checkbox .uf-checkbox .uf-checkbox-div .uf-checkbox-div-elem:hover:before {
     background-color: var(--universal-form-color-light-blue);
}
.universal-form .universal-form-checkbox .uf-checkbox-div .uf-checkbox-div-elem:after {
     content: '';
     position: absolute;
     left: 3px;
     right: 0;
     top: auto;
     bottom: 12px;
     z-index: 1;
     margin: 0 auto;
     width: 26px;
     height: 12px;
     border-width: 2px;
     border-style: solid;
     border-color: var(--universal-form-color-light-black);
     border-top: none;
     border-right: none;
     background: transparent;
     visibility: hidden;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
.universal-form .universal-form-checkbox .uf-checkbox-text {
     cursor: pointer;
     display: block;
     position: relative;
     margin-left: 19px;
     font-family: 'Manrope', sans-serif;
     font-size: 18px;
     font-weight: normal;
     line-height: 20px;
     color: var(--universal-form-color-light-black);
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
}
.universal-form .universal-form-checkbox.ufcb-small-text .uf-checkbox-text {
     font-size: 16px;
     line-height: 18px;
}
.universal-form .universal-form-checkbox.ufcb-white-text .uf-checkbox-text {
     color: var(--universal-form-color-white);
}
.universal-form .universal-form-checkbox .uf-checkbox-text a {
     color: inherit;
     text-decoration-line: underline;
}
.universal-form .universal-form-checkbox .uf-checkbox-text a:hover {
     color: inherit;
     text-decoration-line: none;
}
.universal-form .universal-form-checkbox input[type=checkbox] {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: 1;
     width: 0;
     height: 0;
     display: none;
     filter: alpha(opacity=0);
     opacity: 0;
     -webkit-flex: 0 0 0;
     -ms-flex: 0 0 0;
     flex: 0 0 0;
}
.universal-form .universal-form-checkbox input[type=checkbox]:checked + .uf-checkbox-div .uf-checkbox-div-elem:after {
     visibility: visible;
}
.universal-form .universal-form-checkbox input[type=checkbox]:disabled ~ .uf-checkbox-div,
.universal-form .universal-form-checkbox input[type=checkbox]:disabled ~ .uf-checkbox-text {
     cursor: default;
     pointer-events: none;
}
.universal-form .universal-form-checkbox input[type=checkbox]:checked + .uf-checkbox-div .uf-checkbox-div-elem:before,
.universal-form .universal-form-checkbox input[type=checkbox]:disabled + .uf-checkbox-div .uf-checkbox-div-elem:before {
     background: var(--universal-form-color-white);
     border-color: var(--universal-form-color-light-black);
}
.universal-form .universal-form-checkbox input[type=checkbox]:checked + .uf-checkbox-div .uf-checkbox-div-elem:after,
.universal-form .universal-form-checkbox input[type=checkbox]:disabled + .uf-checkbox-div .uf-checkbox-div-elem:after {
     border-color: var(--universal-form-color-light-black);
}
/* === .universal-form-checkbox === */





/* === .universal-form .universal-form-checkbox.uf-ib-has-error === */
.universal-form .universal-form-checkbox.uf-ib-has-error .uf-checkbox-text {
     color: var(--universal-form-color-light-red);
}
.universal-form .universal-form-checkbox.uf-ib-has-error .uf-checkbox-text a {}
.universal-form .universal-form-checkbox.uf-ib-has-error .uf-checkbox-text a:hover {}
.universal-form .universal-form-checkbox.uf-ib-has-error .uf-checkbox .uf-checkbox-div .uf-checkbox-div-elem:before {
     border-color: var(--universal-form-color-red-2);
}
/* === .universal-form .universal-form-checkbox.uf-ib-has-error === */





/* === .universal-form-radio-box === */
.universal-form .universal-form-radio-box {
     position: relative;
}
.universal-form .universal-form-radio-box .uf-radiobox {
     display: block;
     display: -webkit-inline-flex;
     display: -moz-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     /*
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     */
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
     -ms-flex-pack: start;
     padding-left: 20px;
     width: auto;
     cursor: default;
     -webkit-tap-highlight-color: var(--universal-form-color-transparent);
}
.universal-form .universal-form-radio-box .uf-radiobox .uf-radiobox-div {
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     z-index: 1;
     width: 23px;
     height: 23px;
     cursor: pointer;
}
.universal-form .universal-form-radio-box.universal-form-radio-box-image-label .uf-radiobox .uf-radiobox-div {
     margin: 0;
}
.universal-form .universal-form-radio-box .uf-radiobox .uf-radiobox-div .uf-radiobox-div-elem {
     display: block;
     position: relative;
     width: 100%;
     height: 100%;
}
.universal-form .universal-form-radio-box .uf-radiobox .uf-radiobox-div .uf-radiobox-div-elem:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     border-width: 1px;
     border-style: solid;
     border-color: var(--universal-form-color-light-blue);
     background-color: var(--universal-form-color-light-blue);
     -webkit-border-radius: 100%;
     border-radius: 100%;
     -webkit-transition: background-color 150ms ease, border-color 150ms ease;
     transition: background-color 150ms ease, border-color 150ms ease;
}
.universal-form .universal-form-radio-box:hover .uf-radiobox .uf-radiobox-div .uf-radiobox-div-elem:before,
.universal-form .universal-form-radio-box .uf-radiobox .uf-radiobox-div .uf-radiobox-div-elem:hover:before {
     background-color: var(--universal-form-color-light-blue);
}
.universal-form .universal-form-radio-box .uf-radiobox-div .uf-radiobox-div-elem:after {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 2;
     margin: auto;
     width: 17px;
     height: 17px;
     -webkit-border-radius: 100%;
     border-radius: 100%;
     background-color: var(--universal-form-color-light-black);
     visibility: hidden;
}
.universal-form .universal-form-radio-box .uf-radiobox-text {
     cursor: pointer;
     display: block;
     position: relative;
     margin-left: 16px;
     font-family: 'Manrope', sans-serif;
     font-size: 18px;
     font-weight: normal;
     line-height: 20px;
     color: var(--universal-form-color-light-black);
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
}
.universal-form .universal-form-radio-box.ufrb-small-text .uf-radiobox-text {
     font-size: 16px;
     line-height: 18px;
}
.universal-form .universal-form-radio-box.ufrb-white-text .uf-radiobox-text {
     color: var(--universal-form-color-white);
}
.universal-form .universal-form-radio-box .uf-radiobox-text a {
     color: inherit;
     text-decoration-line: underline;
}
.universal-form .universal-form-radio-box .uf-radiobox-text a:hover {
     color: inherit;
     text-decoration-line: none;
}
.universal-form .universal-form-radio-box input[type=radio] {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: 1;
     width: 1px;
     height: 1px;
     filter: alpha(opacity=0);
     opacity: 0;
}
.universal-form .universal-form-radio-box input[type=radio]:checked + .uf-radiobox-div .uf-radiobox-div-elem:after {
     visibility: visible;
}
.universal-form .universal-form-radio-box input[type=radio]:checked ~ .uf-radiobox-div,
.universal-form .universal-form-radio-box input[type=radio]:checked ~ .uf-radiobox-text,
.universal-form .universal-form-radio-box input[type=radio]:disabled ~ .uf-radiobox-div,
.universal-form .universal-form-radio-box input[type=radio]:disabled ~ .uf-radiobox-text {
     cursor: default;
     pointer-events: none;
}
.universal-form .universal-form-radio-box input[type=radio]:checked + .uf-radiobox-div .uf-radiobox-div-elem:before,
.universal-form .universal-form-radio-box input[type=radio]:disabled + .uf-radiobox-div .uf-radiobox-div-elem:before {
     background: var(--universal-form-color-transparent);
     border-color: var(--universal-form-color-light-black);
}
.universal-form .universal-form-radio-box input[type=radio]:checked + .uf-radiobox-div .uf-radiobox-div-elem:after,
.universal-form .universal-form-radio-box input[type=radio]:disabled + .uf-radiobox-div .uf-radiobox-div-elem:after {
     border-color: var(--universal-form-color-light-black);
}
/* === .universal-form-radio-box === */





/* === .universal-form-button === */
.universal-form .universal-form-button {
     display: block;
     position: relative;
     min-width: 172px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     appearance: none;
     border: 1px solid var(--universal-form-color-light-cyan-2);
     outline: none;
     overflow: hidden;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: var(--universal-form-color-transparent);
     -webkit-user-drag: none;
     font-family: 'Golos Text', sans-serif;
     padding: 11px 8px;
     font-size: 16px;
     line-height: 17px;
     font-weight: normal;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     color: var(--universal-form-color-white);
     background-color: var(--universal-form-color-light-cyan-2);
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: color 150ms ease-in-out, border-color 150ms ease-in-out, background-color 150ms ease-in-out, -webkit-box-shadow 150ms ease-in-out;
     transition: color 150ms ease-in-out, border-color 150ms ease-in-out, background-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
     cursor: pointer;
}
.universal-form .universal-form-button.universal-form-button-slim {
     padding-top: 0;
     padding-bottom: 0;
}
.universal-form .universal-form-button.universal-form-button-middle {
     padding-top: 5.5px;
     padding-bottom: 5.5px;
}
.universal-form .universal-form-button:hover {
     color: var(--universal-form-color-white);
     border-color: var(--universal-form-color-light-cyan-3);
     background-color: var(--universal-form-color-light-cyan-3);
     -webkit-box-shadow: 3px 3px 9px var(--universal-form-color-light-blue-gray-half-alpha);
     -moz-box-shadow: 3px 3px 9px var(--universal-form-color-light-blue-gray-half-alpha);
     box-shadow: 3px 3px 9px var(--universal-form-color-light-blue-gray-half-alpha);
}
.universal-form .universal-form-button.ufb-no-box-shadow,
.universal-form .universal-form-button.ufb-no-box-shadow:hover {
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
}
.universal-form .universal-form-button.universal-form-button-disabled,
.universal-form .universal-form-button:disabled {
     pointer-events: none;
     cursor: default;
     -webkit-transform: scale(1);
     transform: scale(1);
}
.universal-form .universal-form-button.universal-form-button-transparent {
     color: var(--universal-form-color-light-cyan-2);
     border-color: var(--universal-form-color-transparent);
     background-color: var(--universal-form-color-transparent);
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
}
.universal-form .universal-form-button.universal-form-button-transparent:hover {
     color: var(--universal-form-color-light-cyan-3);
     border-color: var(--universal-form-color-transparent);
     background-color: var(--universal-form-color-transparent);
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
}

.universal-form .universal-form-button:active {
     -webkit-transform: scale(.95);
     transform: scale(.95);
}
/* === .universal-form-button === */





/* === .cbc-select (STAND ALONE JS COMPONENT) === */
.cbc-select *,
.cbc-select *:after,
.cbc-select *:before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
.cbc-select:focus {
     outline: none;
}
.cbc-select .no-user-select {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
.cbc-select {
     max-width: 200px;
     -webkit-tap-highlight-color: var(--universal-form-color-transparent);
}
.cbc-select.cbc-select-full-width {
     width: 100%;
     max-width: none;
                       }
.cbc-select .cbc-select-wrap {
     position: relative;
}
.cbc-select .cbc-select-input {
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     appearance: none;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     overflow: hidden;
     outline: none;
     text-overflow: ellipsis;
     display: block;
     position: relative;
     z-index: 1;
     width: 100%;
     max-width: 200px;
     height: 41px;
     margin-block: 0;
     padding-left: 15px;
     padding-right: 49px;
     border: 1px solid var(--universal-form-color-light-blue);
     -webkit-border-radius: 10px;
     border-radius: 10px;
     font-family: 'Manrope', sans-serif;
     font-size: 16px;
     font-weight: 400;
     letter-spacing: normal;
     text-align: left;
     color: var(--universal-form-color-silver-5);
     background-color: var(--universal-form-color-light-blue);
     -webkit-transition: color 150ms ease-in-out, border-color 150ms ease-in-out, background-color 150ms ease-in-out, -webkit-box-shadow 150ms ease-in-out;
     transition: color 150ms ease-in-out, border-color 150ms ease-in-out, background-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.cbc-select.cbc-select-full-width .cbc-select-input {
     max-width: none;
}
.cbc-select.cbc-select-center-text .cbc-select-input {
     text-align: center;
}
.cbc-select.active .cbc-select-input,
.cbc-select .cbc-select-input:focus,
.cbc-select .cbc-select-input:focus:invalid,
.cbc-select .cbc-select-input:invalid {
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     appearance: none;
     color: var(--universal-form-color-orange);
}
.cbc-select.active .cbc-select-input,
.cbc-select .cbc-select-input:focus,
.cbc-select .cbc-select-input:focus:invalid {
     color: var(--universal-form-color-light-black);
     border-color: var(--universal-form-color-light-cyan);
     background-color: var(--universal-form-color-white);
     -webkit-box-shadow: 3px 3px 9px var(--universal-form-color-light-blue-gray-half-alpha);
     -moz-box-shadow: 3px 3px 9px var(--universal-form-color-light-blue-gray-half-alpha);
     box-shadow: 3px 3px 9px var(--universal-form-color-light-blue-gray-half-alpha);
}
.cbc-select .cbc-select-input::-ms-clear {
     display: none;
}
.cbc-select .cbc-select-input::-webkit-input-placeholder {
     color: var(--universal-form-color-silver-5);
     opacity: 1;
}
.cbc-select .cbc-select-input::-moz-placeholder {
     color: var(--universal-form-color-silver-5);
     opacity: 1;
}
.cbc-select .cbc-select-input:-moz-placeholder {
     color: var(--universal-form-color-silver-5);
     opacity: 1;
}
.cbc-select .cbc-select-input::-ms-input-placeholder {
     color: var(--universal-form-color-silver-5);
     opacity: 1;
}
.cbc-select .cbc-select-input:focus::-webkit-input-placeholder {
     opacity: 0;
}
.cbc-select .cbc-select-input:focus::-moz-placeholder {
     opacity: 0;
}
.cbc-select .cbc-select-input:focus:-moz-placeholder {
     opacity: 0;
}
.cbc-select .cbc-select-input:focus::-ms-input-placeholder {
     opacity: 0;
}
.cbc-select .cbc-select-input::-webkit-validation-bubble-message {
     display: none;
}
.cbc-select .cbc-select-list {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     position: absolute;
     visibility: hidden;
     opacity: 0;
     width: 100%;
     height: auto;
     overflow-x: hidden;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
     overflow-scrolling: touch;
     scrollbar-width: thin;
     scrollbar-color: var(--universal-form-color-silver-2);var(--universal-form-color-transparent);
     left: 0;
     top: 41px;
     bottom: auto;
     z-index: 900;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     font-family: 'Manrope', sans-serif;
     font-size: 16px;
     line-height: 40px;
     letter-spacing: normal;
     font-weight: 400;
     text-align: left;
     border: 1px solid var(--universal-form-color-light-cyan);
     background: var(--universal-form-color-white);
     -webkit-box-shadow: 3px 3px 9px var(--universal-form-color-light-blue-gray-half-alpha);
     -moz-box-shadow: 3px 3px 9px var(--universal-form-color-light-blue-gray-half-alpha);
     box-shadow: 3px 3px 9px var(--universal-form-color-light-blue-gray-half-alpha);
     -webkit-transform: translate(0, 25%);
     transform: translate(0, 25%);
     -webkit-transition: -webkit-transform 150ms ease-in-out, visibility 150ms ease-in-out, opacity 150ms ease-in-out;
     transition: transform 150ms ease-in-out, visibility 150ms ease-in-out, opacity 150ms ease-in-out;
}
.cbc-select.active .cbc-select-list {
     visibility: visible;
     opacity: 1;
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0);
}
.cbc-select.cbc-select-readonly .cbc-select-input {
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     -webkit-user-modify: read-only;
     -moz-user-modify: read-only;
     user-modify: read-only;
}
.cbc-select.cbc-select-readonly .cbc-select-list {
     width: auto;
     min-width: 200px;
     height: auto;
     max-height: 162px;
     overflow-x: hidden;
     overflow-y: auto;
     -webkit-border-radius: 10px;
     border-radius: 10px;
}
.cbc-select.cbc-select.cbc-select-full-width .cbc-select-list,
.cbc-select.cbc-select.cbc-select-full-width.cbc-select-readonly .cbc-select-list {
     width: 100%;
}
.cbc-select.cbc-select-readonly .cbc-select-list .selected {
     pointer-events: none;
     cursor: default;
}
.cbc-select .cbc-select-list::-webkit-resizer {
     display: none;
}
.cbc-select .cbc-select-list::-webkit-scrollbar {
     width: 8px;
     background: var(--universal-form-color-transparent);
}
.cbc-select .cbc-select-list::-webkit-scrollbar-track {
     background: var(--universal-form-color-transparent);
}
.cbc-select .cbc-select-list::-webkit-scrollbar-track:hover {
     background: var(--universal-form-color-transparent);
}
.cbc-select .cbc-select-list::-webkit-scrollbar-thumb {
     background-color: var(--universal-form-color-silver-2);
}
.cbc-select .cbc-select-list::-webkit-scrollbar-button,
.cbc-select .cbc-select-list::-webkit-scrollbar-corner,
.cbc-select .cbc-select-list::-webkit-resizer {
     display: none;
}
.cbc-select .cbc-select-list li {
     display: block;
     cursor: pointer;
     padding-left: 15px;
     padding-right: 15px;
     text-align: left;
     -webkit-tap-highlight-color: var(--universal-form-color-transparent);
     color: var(--universal-form-color-silver-5);
     -webkit-transition: color 50ms ease-in-out, background 50ms ease-in-out;
     transition: color 50ms ease-in-out, background 50ms ease-in-out;
}
.cbc-select.cbc-select-center-text .cbc-select-list li {
     text-align: center;
}
.cbc-select .cbc-select-list li:first-child {
     -webkit-border-top-left-radius: 4px;
     border-top-left-radius: 4px;
     -webkit-border-top-right-radius: 4px;
     border-top-right-radius: 4px;
}
.cbc-select .cbc-select-list li:last-child {
     -webkit-border-bottom-left-radius: 4px;
     border-bottom-left-radius: 4px;
     -webkit-border-bottom-right-radius: 4px;
     border-bottom-right-radius: 4px;
}
.cbc-select .cbc-select-list li span {
     font-size: 12px;
     font-weight: 300;
     line-height: 12px;
     text-transform: none;
}
.cbc-select .cbc-select-list li customword {
     display: inline-block;
     background: var(--universal-form-color-silver-2);
}
.cbc-select .cbc-select-list li.selected,
.cbc-select .cbc-select-list li.selected:hover {
     color: var(--universal-form-color-white);
     background: var(--universal-form-color-light-cyan-3);
}
.cbc-select .cbc-select-list li.selected customword,
.cbc-select .cbc-select-list li.selected:hover customword {
     background: var(--universal-form-color-transparent);
}
.cbc-select .cbc-select-list li:hover {
     color: var(--universal-form-color-light-black);
     background: var(--universal-form-color-light-blue);
}
.cbc-select .cbs-select-image {
     position: absolute;
     right: 14px;
     top: 10px;
     bottom: 0;
     z-index: 2;
     pointer-events: none;
     -webkit-transition: -webkit-transform 150ms ease-in-out;
     transition: transform 150ms ease-in-out;
}
.cbc-select .cbs-select-image,
.cbc-select .cbs-select-image svg {
     width: 20px;
     height: 21px;
}
.cbc-select .cbs-select-image svg {
     stroke: var(--universal-form-color-silver-2);
     stroke-width: 2px;
     stroke-linecap: round;
     stroke-linejoin: round;
}
.cbc-select.active .cbs-select-image {
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
}
.cbc-select.active .cbs-select-image svg {
     stroke: var(--universal-form-color-light-cyan);
}
.cbc-select .cbc-input-box-validation-text {
     display: none;
     font-family: 'Manrope', sans-serif;
     font-size: 14px;
     font-weight: 100;
     letter-spacing: .25px;
     line-height: 21px;
     color: var(--universal-form-color-light-black);
}
.cbc-select.uf-ib-has-error .cbc-select-input {
     color: var(--universal-form-color-light-red);
     border-color: var(--universal-form-color-light-red);
}
.cbc-select.uf-ib-has-error.active .cbc-select-input,
.cbc-select.uf-ib-has-error .cbc-select-input:focus,
.cbc-select.uf-ib-has-error .cbc-select-input:focus:invalid {
     color: var(--universal-form-color-light-black);
     border-color: var(--universal-form-color-light-cyan);
     background-color: var(--universal-form-color-white);
}
.cbc-select.uf-ib-has-error .cbc-input-box-validation-text {
     display: block;
     color: var(--universal-form-color-light-red);
}
.cbc-select.uf-ib-has-error.active .cbc-input-box-validation-text {
     color: var(--universal-form-color-light-black);
}
.cbc-select.uf-ib-has-error .cbs-select-image svg {
     stroke: var(--universal-form-color-light-red);
}
.cbc-select.uf-ib-has-error.active .cbs-select-image svg {
     stroke: var(--universal-form-color-light-cyan);
}
/* === .cbc-select (STAND ALONE JS COMPONENT) === */





@media only screen and (max-width: 480px) {
     .universal-form .universal-form-main-row {
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          margin-top: 22.5px;
     }
     .universal-form .universal-form-main-row:first-child {
          margin-top: 0;
     }
     .universal-form .universal-form-main-row.uf-mr-2x-cols .universal-form-main-col {
          width: 100%;
          margin-left: 0;
          margin-top: 22.5px;
     }
     .universal-form .universal-form-main-row.uf-mr-2x-cols .universal-form-main-col:first-child {
          margin-left: 0;
          margin-top: 0;
     }
     .universal-form .universal-form-input-box .ufi-input-box-validation-text {
          bottom: -16px;
          font-size: 13px;
          line-height: 16px;
     }
}