@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
.iyIb4Tv_ {
    color: var(--second-text-color);
}

.aRCClHij {
    color: var(--primary-text-color);
}

.mfEHZRl_ {
    color: var(--third-text-color);
}

.POKQC9tW {
    color: rgba(255, 255, 255, 0.6);
}

.JHyVVPuL {
    font-weight: var(--font-weight-xxxl);
}

.cGjZt3DQ {
    font-weight: var(--font-weight-xxl);
}

.lLS6dz4X {
    font-weight: var(--font-weight-xl);
}

.PrsWXGg0 {
    font-weight: var(--font-weight-l);
}

.KQIyTFJq {
    font-weight: var(--font-weight-m);
}

.NQ5JBpBs {
    font-weight: var(--font-weight-s);
}

.h0JAzgZf {
    font-weight: var(--font-weight-xs);
}

.ERpOYhg9, .t9O0PEu3, .jQitnp8_, .RmNfBM3z, .hfXcSAkv  {
    color: var(--second-text-color);
}

.iHwlGdBK  {
    color: var(--third-text-color);
}

.ERpOYhg9, .t9O0PEu3 {
    font-weight: var(--font-weight-xl);
    font-size: 48px;
    line-height: 48px;
}

.hfXcSAkv, .iHwlGdBK {
    font-weight: var(--font-weight-xxl);
    line-height: 56px;
    font-size: 48px;
}

.t9O0PEu3 {
    font-size: 24px;
    line-height: 30px;
}

.jQitnp8_ {
    font-weight: var(--font-weight-l);
    font-size: 24px;
}

.fEFyN87H, .ZHbFiF55 {
    color: var(--third-text-color);
    font-size: 20px;
    font-weight: var(--font-weight-s);
    line-height: 32px;
}

.ZHbFiF55 {
    font-weight: var(--font-weight-l);
}

.RmNfBM3z  {
    font-size: 18px;
    font-weight: var(--font-weight-m);
}
.Xkz1j0df {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: transparent;
}

.c8HpHkJn, .Qioe4xEn {
    background: var(--second-color);
    color: var(--third-text-color);
    border-radius: 60px;
    font-size: 20px;
    font-weight: var(--font-weight-l);
}

.c8HpHkJn:hover {
    background: #903fb8;
}

.Qioe4xEn {
    background: var(--primary-color);
    color: var(--second-text-color);
}

.Qioe4xEn:hover {
    background: #ffe27e;
}

.ABMGTunu {
    border-radius: 50%;
    background: var(--primary-color);
    padding: 10px;
    color: var(--second-text-color);
}

.ABMGTunu:hover {
    transform: scale(1.2);
}

.TvjW1Cff {
    background: transparent;
    border-radius: 50%;
}

.Qa9l6EU4 {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--third-text-color);
    border: 2px solid var(--third-color);
    border-radius: 60px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 500;
}

.Qa9l6EU4:hover {
    color: var(--second-text-color);
    background: var(--third-color);
}

.JPRobi0k {
    padding: 4px;
    border-radius: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(96, 43, 122, 0.2);
    color: var(--second-color);
    transition: all 0.3s;
}

.JPRobi0k svg {
    width: 100%;
    height: 100%;
}

.JPRobi0k:hover {
    transform: scale(1.2);
}

@media(max-width: 1279px) {
    .c8HpHkJn:hover {
        background: var(--second-color);
    }
    .c8HpHkJn:active {
        background: #903fb8;
    }

    .Qioe4xEn:hover {
        background: var(--primary-color);
    }
    .Qioe4xEn:active {
        background: #ffe27e;
    }

    .ABMGTunu:hover {
        transform: scale(1);
    }
    .ABMGTunu:active {
        transform: scale(1.2);
    }

    .Qa9l6EU4 {
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--third-text-color);
        border: 2px solid var(--third-color);
        border-radius: 60px;
        padding: 0 20px;
        font-size: 16px;
        font-weight: 500;
    }

    .Qa9l6EU4:hover {
        color: var(--third-text-color);
        background: transparent;
    }

    .Qa9l6EU4:active {
        color: var(--second-text-color);
        background: var(--third-color);
    }

    .JPRobi0k:hover {
        transform: scale(1.2);
    }
    .JPRobi0k:active {
        transform: scale(1);
    }
}

@media (max-width: 400px) {
    .JPRobi0k {
        padding: 2px;
        width: 32px;
        height: 32px;
    }
}
.hKOBe7I1 {
    overflow: hidden;
    position: relative;
    cursor: move;
}

.r1oJjNja {
    display: flex;
    transition: all 2s;
    position: absolute;
    top: 0;
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none;  /* Konqueror HTML */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* Internet Explorer/Edge */
    user-select: none;         /* Modern Browsers */
}

.ZFvYTsbK .r1oJjNja {
    transition: all 0s;
}
.ebNhanAW {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
}

.ljKcJHPn, .bDhW6Hb4 {
    color: var(--third-text-color);
    font-size: 14px;
    padding-left: 8px;
    font-weight: var(--font-weight-m);
}

.QkyBSUPE, .k0BDxXUf {
    background: var(--third-color);
    padding: 0 16px;
    font-weight: var(--font-weight-m);
    color: #000;
    height: 44px;
    width: 100%;
    border: none;
    border-radius: 6px;
}

.QkyBSUPE:focus, .k0BDxXUf:focus  {
    outline: var(--primary-color) solid 2px;
}

.Cvx_HVFb input, .Cvx_HVFb input:focus {
    outline: var(--error-color) solid 2px;
}

.Cvx_HVFb label, .bDhW6Hb4 {
    color: var(--error-color);
}

.bDhW6Hb4 {
    font-size: 12px;
    position: absolute;
    bottom: -22px;
    right: 0;
}

.k0BDxXUf {
    height: auto;
    padding: 12px 16px;
    resize: none;
}
.afN9ZHG8 {
    position: relative;
}

.afN9ZHG8 input {
    margin-bottom: 0 !important;
}

.afN9ZHG8 {
    margin-bottom: 16px;
}

.tX6s05VB, .pzN2v0NS {
    color: var(--third-text-color);
    font-size: 14px;
    padding-left: 8px;
    font-weight: var(--font-weight-m);
}

.u6dH1J37.tX6s05VB, .pzN2v0NS {
    color: var(--error-color);
}

.pzN2v0NS {
    font-size: 12px;
    position: absolute;
    bottom: -22px;
    right: 0;
}

@media (max-width: 1279px) {
    .afN9ZHG8 {
        margin-bottom: 12px;
    }
}

@media (max-width: 959px) {
    .afN9ZHG8 {
        margin-bottom: 14px;
    }
}

@media (max-width: 639px) {
    .afN9ZHG8 {
        margin-bottom: 10px;
    }
}

:root {
    --PhoneInputCountryFlag-height: 18px !important;
    --PhoneInputCountryFlag-borderColor: transparent !important;
    --PhoneInputCountrySelectArrow-width: 10px !important;
    --PhoneInputCountrySelectArrow-borderWidth: 3px !important;
    --PhoneInputCountrySelectArrow-opacity: 1 !important;
    --PhoneInputCountrySelectArrow-color: #602B7AFF !important;
    --PhoneInputCountrySelectArrow-marginLeft: 0 !important;
    .PhoneInputCountrySelectArrow {
        margin: 0 4px 4px 4px !important;
    }
}

.phone-number-input {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.phone-number-input .PhoneInput {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--third-color);
    border-radius: 6px;
    height: 44px;
    padding: 0 16px;
}

.PhoneInput--focus {
    outline: var(--primary-color) solid 2px;
}

.phone-number-input-error .PhoneInput {
    outline: var(--error-color) solid 2px;
}

.phone-number-input .PhoneInputCountry {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.phone-number-input .PhoneInputInput {
    padding: 0;
    border: none;
    width: 100%;
    height: 100%;
    color: #000;
    font-weight: var(--font-weight-m);
    font-size: 16px;
    background: transparent;
    display: flex;
    align-items: center;
}

.phone-number-input .PhoneInputInput::placeholder {
    color: #000;
    font-weight: var(--font-weight-m);
    font-size: 16px;
}

.phone-number-input .PhoneInputInput:focus {
    outline: none;
}

.phone-number-input option {
    color: #000;
    font-weight: var(--font-weight-m);
    font-size: 16px;
    cursor: pointer;
    background: var(--third-color);
    line-height: 40px;
}


/* CSS variables. */
:root {
	--PhoneInput-color--focus: #03b2cb;
	--PhoneInputInternationalIconPhone-opacity: 0.8;
	--PhoneInputInternationalIconGlobe-opacity: 0.65;
	--PhoneInputCountrySelect-marginRight: 0.35em;
	--PhoneInputCountrySelectArrow-width: 0.3em;
	--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
	--PhoneInputCountrySelectArrow-borderWidth: 1px;
	--PhoneInputCountrySelectArrow-opacity: 0.45;
	--PhoneInputCountrySelectArrow-color: currentColor;
	--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountrySelectArrow-transform: rotate(45deg);
	--PhoneInputCountryFlag-aspectRatio: 1.5;
	--PhoneInputCountryFlag-height: 1em;
	--PhoneInputCountryFlag-borderWidth: 1px;
	--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
	--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}

.PhoneInput {
	/* This is done to stretch the contents of this component. */
	display: flex;
	align-items: center;
}

.PhoneInputInput {
	/* The phone number input stretches to fill all empty space */
	flex: 1;
	/* The phone number input should shrink
	   to make room for the extension input */
	min-width: 0;
}

.PhoneInputCountryIcon {
	width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
	height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
	width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
	/* Removed `background-color` because when an `<img/>` was still loading
	   it would show a dark gray rectangle. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom. */
	background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
	/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom,
	   so an additional "inset" border is added. */
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
	/* Fixes weird vertical space above the flag icon. */
	/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
	display: block;
	/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
	width: 100%;
	height: 100%;
}

.PhoneInputInternationalIconPhone {
	opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
	opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

/* Styling native country `<select/>`. */

.PhoneInputCountry {
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
	margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	border: 0;
	opacity: 0;
	cursor: pointer;
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
	cursor: default;
}

.PhoneInputCountrySelectArrow {
	display: block;
	content: '';
	width: var(--PhoneInputCountrySelectArrow-width);
	height: var(--PhoneInputCountrySelectArrow-width);
	margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
	border-style: solid;
	border-color: var(--PhoneInputCountrySelectArrow-color);
	border-top-width: 0;
	border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	border-left-width: 0;
	border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	transform: var(--PhoneInputCountrySelectArrow-transform);
	opacity: var(--PhoneInputCountrySelectArrow-opacity);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}
.HhS18kCx {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
}

.HhS18kCx svg {
    flex-shrink: 0;
}
.y63LbkrW {
    text-decoration: none;
    cursor: pointer;
}

.qQXaXXkw {
    transition: all 0.5s;
}

.qQXaXXkw:hover {
    transform: scale(1.2);
}

.qQXaXXkw svg {
    width: 100%;
    height: 100%;
}

.Pc4mzK7s {
    cursor: pointer;
    text-decoration: none;
}

.CeIHEiyV {
    padding: 10px 14px;
    border-radius: 30px;
}

@media (max-width: 1279px) {
    .qQXaXXkw:hover {
        transform: unset;
    }

    .qQXaXXkw:active {
        transform: scale(1.2);
    }
}
.IyUW1hvI {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.IyUW1hvI img {
    width: 182px;
    height: 46px;
}

.IyUW1hvI p {
    font-size: 14px;
    width: 178px;
}

.BUVRg_M1 {
    width: 32px;
    height: 40px;
    margin-right: 14px;
}

@media (max-width: 959px) {
    .IyUW1hvI {
        gap: 2px;
    }

    .IyUW1hvI img {
        width: 154px;
        height: 40px;
    }

    .IyUW1hvI p {
        font-size: 12px;
        width: 152px;
        line-height: 14px;
    }

    .BUVRg_M1 {
        width: 32px;
        height: 40px;
        margin-right: 14px;
    }
}
.vzyILVA6 {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.7);
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 1s;
}

.xliogjEX {
    padding: 36px 70px 60px;
    background: white;
    border-radius: 16px;
    min-width: 250px;
    transform: scale(0.3);
    transition: all 1s;
}

.yXDXyTJI .xliogjEX {
    transform: scale(1);
}

.vzyILVA6.yXDXyTJI {
    pointer-events: all;
    visibility: visible;
    opacity: 1;
}

@media (max-width: 1279px) {
    .xliogjEX {
        padding: 0;
        overflow: hidden;
    }
}
.r3KpXZNP {
    width: 100vw;
    height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.r3KpXZNP.zggbhmrS {
    width: 100%;
    height: 100%;
}

/* HTML: <div class="loader"></div> */
.zTBrPMhV {
    width: 50px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--second-color);
    --_m:
            conic-gradient(#0000 10%,#000),
            linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: XUwW3U_w 1s infinite linear;
}
.zggbhmrS .zTBrPMhV {
    background: var(--third-color);
}
@keyframes XUwW3U_w {to{transform: rotate(1turn)}}
.c39oxhwD {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.XWCM1h0E {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.aCOBLoqO {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--second-color);
}

.hSdQYAnM {
    width: 14px;
    height: 14px;
    border: 4px solid var(--second-color);
    background: var(--third-color);
}

.qAiRCjiD .aCOBLoqO {
    background: var(--third-color);
}

.qAiRCjiD .hSdQYAnM {
    border: 2px solid var(--third-color);
    background: var(--second-color);
}

.ykIdbd4z {
    overflow: hidden;
    position: relative;
    cursor: move;
}

.M1sA1sKR {
    display: flex;
    transition: all 1s;
    position: absolute;
    top: 0;
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none;  /* Konqueror HTML */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* Internet Explorer/Edge */
    user-select: none;         /* Modern Browsers */
}

.rOC42urT .M1sA1sKR {
    transition: all 0s;
}
.swR8EgzQ {
    position: relative;
    background: transparent;
}

.k_P_oSo5 {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.CS69dnpM.k_P_oSo5 {
    justify-content: flex-start;
}

.k_P_oSo5 svg {
    transform: rotate(-90deg);
    color: var(--third-color);
}

.UNGwBJIw .k_P_oSo5 svg {
    color: var(--second-color);
}

.CS69dnpM.k_P_oSo5 svg {
    transform: rotate(90deg);
}

.l919tDwj {
    position: absolute;
    z-index: 51;
    top: 0;
    left: 0;
    background: rgba(125,49,162,0.9);
    width: 100%;
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 20px;
    box-shadow: 0 2px 3px 3px rgba(0,0,0,0.2);
}

.UNGwBJIw .l919tDwj {
    background: var(--third-color);
}

.DJlefPDi {
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    background: transparent;
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.EwJ06vQX {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

input,
button,
textarea,
select {
    margin: 0;
    font: inherit;
}

img {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

input, button, textarea {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}

svg {
    flex-shrink: 0;
}

:root {
    --content-width: 1320px;
    --content-second-width: 1200px;

    --header-full-height: 150px;
    --header-shrinked-height: 100px;

    --font-weight-xxxl: 900;
    --font-weight-xxl: 800;
    --font-weight-xl: 700;
    --font-weight-l: 600;
    --font-weight-m: 500;
    --font-weight-s: 400;
    --font-weight-xs: 300;
    --font-weight-xxs: 200;

    --background-z-index: 1;
    --content-z-index: 2;
}

@media(max-width: 1279px) {
    :root {
        --content-second-width: 1024px;
    }
}

@media(max-width: 959px) {
    :root {
        --header-full-height: 120px;
        --header-shrinked-height: 80px;
    }
}
.light {
    --primary-color: #FFD749;
    --second-color: #602B7A;
    --second-opacity-color: rgba(96, 43, 122, 0.5);
    --third-color: #fff;
    --error-color: #F4363F;

    --primary-shadow: #c6a7d5;
    --second-shadow: #74458b;

    --primary-text-color: #FFD749;
    --second-text-color: #602B7A;
    --third-text-color: #fff;

    --header-bg-color: teal;
}
html {
    scroll-behavior: smooth;
}

.app {
    font-family: "Montserrat", sans-serif;
    overflow: hidden;
    position: relative;
}

.cf-turnstile,
iframe[src*="challenges.cloudflare.com"] {
    /* Prevent the iframe from stealing mouse pointer focus */
    cursor: inherit !important;
}

.lzjHCFyJ, .qYuiDiLP {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: transparent;
    z-index: 5;
    display: flex;
    align-items: end;
    justify-content: center;
    padding: 0 40px;
}

.qYuiDiLP {
    position: fixed;
    height: var(--header-shrinked-height);
    background: white;
    /*border-bottom: 1px solid black;*/
    transform: translateY(-100%);
    transition: transform 0.5s;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.08) 0 2px 4px;
}

.qYuiDiLP.NLXyRpO1 {
    transform: translateY(0);
}

.TOpLnbGE {
    width: var(--content-width);
    display: flex;
    justify-content: space-between;
}

.qYuiDiLP .TOpLnbGE {
    align-items: center;
}

.uzp3SLiI {
    display: flex;
    gap: 6px;
    height: max-content;
}

.RjtOJ08a {
    font-size: 18px;
    font-weight: 600;
    color: var(--third-text-color);
    line-height: 20px;
    height: max-content;
}

.RjtOJ08a:hover {
    background: rgba(255, 255, 255, 0.2);
}

.qYuiDiLP .RjtOJ08a {
    color: var(--second-text-color);
}

.qYuiDiLP .RjtOJ08a:hover {
    background: rgba(96, 43, 122, 0.2);
}

.YrQ8RG44 {
    display: flex;
    gap: 24px;
    align-items: center;
    height: 40px;
}

.aaLqKpOl {
    font-size: 18px;
    font-weight: 600;
    color: var(--third-text-color);
}

.qYuiDiLP .aaLqKpOl {
    color: var(--second-text-color);
}

.Am5ecmm0 {
    height: 32px;
    width: 36px;
}

.Am5ecmm0 svg {
    fill: var(--third-color);
}

.qYuiDiLP .Am5ecmm0 svg {
    fill: var(--second-text-color);
}

.G5lVVWxQ {
    height: 44px;
    font-size: 18px !important;
    padding: 0 24px;
}
.RuQs1rTF {
    margin: 0 auto 0 34px;
}

.OGG2_Kzz {
    gap: 12px;
    height: 40px;
    padding: 0 14px;
}

.OGG2_Kzz span {
    font-size: 18px;
}

.OGG2_Kzz svg {
    width: 26px;
}

.seDmTKme {
    top: -20px;
    left: -20px;
    padding: 20px 20px 30px;
    width: max-content;
}
.ylaOyyGq {
    background: transparent;
    width: 100%;
    height: 100dvh;
    max-height: var(--header-full-height);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    overflow: hidden;
    transition: max-height 1s, background-color 1s;
}

.ylaOyyGq.Qzn4KPSS {
    background: var(--third-color);
    max-height: var(--header-shrinked-height);
    position: fixed;
    transform: translateY(-100%);
    transition: max-height 1s, transform 0.5s;
    box-shadow: rgba(0, 0, 0, 0.08) 0 2px 4px;
}

.ylaOyyGq.Qzn4KPSS.lPtBo17h {
    transform: translateY(0);
}

.dcyVeGZz.ylaOyyGq {
    background: var(--second-color);
    max-height: 100dvh;
}

.dcyVeGZz.ylaOyyGq.Qzn4KPSS {
    background: var(--third-color);
}

.IHq9F3ga {
    width: 100%;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 38px 26px;
    /*flex-shrink: 0;*/
}

.Qzn4KPSS .IHq9F3ga {
    padding: 20px 26px 38px;
}

.XW9v8SjW {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 14px;
    flex-shrink: 0;
}

.IeKpUV_u {
    transform: translateY(-4px);
    display: flex;
    gap: 14px;
}

.Mt6OGagh {
    font-weight: var(--font-weight-l);
    color: var(--third-color);
    font-size: 16px;
    line-height: 16px;
    padding: 12px 0;
    height: 40px;
    margin-left: auto;
}

.Qzn4KPSS .Mt6OGagh {
    color: var(--second-color);
}

.VIBp3bUX {
    width: 30px;
    height: 26px;
    padding: 0;
    margin: 6px 30px 0 0;
}

.VIBp3bUX svg {
    width: 100%;
    height: 100%;
    fill: var(--third-color);
}

.Qzn4KPSS .VIBp3bUX svg {
    fill: var(--second-color);
}

.voqzSeIv {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    position: relative;
}

.kUoOBmvZ, .Sv8IbIs2 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: var(--third-color);
    transform: rotate(-45deg);
    opacity: 0;
    transition: all 0.3s;
}

.Qzn4KPSS .kUoOBmvZ, .Qzn4KPSS .Sv8IbIs2 {
    color: var(--second-color);
}

.kUoOBmvZ {
    transform: rotate(45deg);
}

.mb_hEpi4 {
    opacity: 1;
    transform: rotate(0);
}

.UOMX62eC {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 22px;
}

.UOMX62eC h3 {
    font-size: 20px;
    margin-bottom: 4px;
}

.ETkeiEaB {
    margin: 24px 0 4px;
}

.lRybVBDl {
    color: var(--third-text-color);
    font-size: 18px;
    font-weight: 500;
    padding: 0;
}

.Qzn4KPSS .lRybVBDl {
    color: var(--second-text-color);
}

.nKjO4MnN {
    margin-top: auto;
    height: 46px;
    width: 100%;
    flex-shrink: 0;
}

.Qzn4KPSS .nKjO4MnN {
    color: var(--third-color);
    background: var(--second-color);
}

@media (max-width: 639px) {
    .XW9v8SjW {
        gap: 8px;
    }

    .VIBp3bUX {
        margin: 6px 8px 0 0;
    }

    .VIBp3bUX._BR7CveJ {
        margin: 6px 8px 0 auto;
    }
}
.Hnnefg0f {
    width: 100%;
    background: var(--second-color);
    padding: 60px 0;
    display: flex;
    justify-content: center;
}

.yezUnRrY {
    width: var(--content-second-width);
    display: flex;
    justify-content: space-between;
}

.l2_6wTIT {
    width: 260px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.MviBPUyX {
    font-size: 14px;
}

.l2_6wTIT a:first-child{
    margin-bottom: 8px;
}

.Ksfi9cQQ {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

.Ksfi9cQQ img, .Ksfi9cQQ svg {
    width: 60px;
    height: 50px;
}

.qSykDshX {
    transform: scale(1.2);
}

.rrVl03mQ {
    transform: scale(1.3);
}

.JGSfpUd4 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}

.gDlwtuOM {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: auto;
    width: 310px;
}

.QDNn0im6 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    /*background: #974dbc;*/
    /*border-radius: 12px;*/
    width: 292px;
    /*height: 200px;*/
    /*padding: 18px 36px;*/
}

.QDNn0im6:first-child {
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 18px;
}

.QDNn0im6 h3 {
    font-size: 24px;
    margin-bottom: 6px;
}

.QDNn0im6 p {
    font-size: 18px;
}

.sOGkiVHw {
    font-size: 22px;
    color: var(--third-color);
    font-weight: 600;
}

.sOGkiVHw:hover {
    color: #2957da;
}

.BsNK5Fqj {
    height: 46px;
    margin-top: 12px;
}

.fONEJOBv {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
}

.OF8O6BVO, .JFLoheuK {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.kZ1v1E1Q {
    display: flex;
    gap: 18px;
}

.NfWFZSSn {
    height: 40px;
    width: 40px;
    transition: all 0.5s;
}

.NfWFZSSn:hover {
    transform: scale(1.2);
}

.OF8O6BVO h3, .JFLoheuK h3 {
    font-size: 24px;
    margin-bottom: 8px;
}

._so_TxMh {
    color: var(--third-text-color);
    font-size: 20px;
    font-weight: 500;
    padding: 0;
}

@media (max-width: 1279px) {
    .sOGkiVHw:hover {
        color: var(--third-color);
    }
    .sOGkiVHw:active {
        color: #2957da;
    }
    .NfWFZSSn:hover {
        transform: scale(1);
    }
    .NfWFZSSn:active {
        transform: scale(1.2);
    }

    .Hnnefg0f {
        padding: 56px 40px 80px;
    }

    .fONEJOBv {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 20px;
    }

    .OF8O6BVO, .JFLoheuK {
        gap: 10px;
    }
}

@media (max-width: 959px) {
    .Hnnefg0f {
        padding: 47px 26px 64px;
    }

    .yezUnRrY {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 40px;
    }

    .JGSfpUd4 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        row-gap: 18px;
        grid-column: span 2;
    }

    .gDlwtuOM {
        gap: 6px;
        width: 280px;
    }
}

@media (max-width: 639px) {
    .yezUnRrY {
        width: 300px;
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .JGSfpUd4 {
        display: flex;
        flex-direction: column;
        gap: 26px;
    }

    .gDlwtuOM {
        gap: 6px;
        width: 280px;
    }

    .Hnnefg0f .yezUnRrY h3 {
        font-size: 22px;
    }

    .QDNn0im6 p {
        font-size: 16px;
    }

    .sOGkiVHw {
        font-size: 18px;
    }

    .gDlwtuOM {
        font-size: 14px;
    }

    ._so_TxMh {
        font-size: 18px;
    }

    .OF8O6BVO, .JFLoheuK {
        gap: 8px;
    }
}
.vTfDwOsi {
    background: var(--third-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 0;
    gap: 48px;
}

.vTfDwOsi._lvNfS2P {
    width: 1000px;
    padding: 0;
}

.jPFLTo6N {
    width: 1000px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.a_5t0aYa {
    font-size: 56px;
    width: 1000px;
}

.pYMKcbzM {
    display: flex;
    width: 1000px;
    justify-content: space-between;
}

._lvNfS2P .pYMKcbzM {
    width: 100%;
    justify-content: space-between;
}

.SfP01GVM, .dSDUt7CW {
    height: 100%;
    background: var(--second-color);
    width: 530px;
    border-radius: 30px;
    padding: 50px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.dSDUt7CW {
    gap: 30px;
}

.SfP01GVM input {
    margin-bottom: 16px;
}

.dSDUt7CW {
    align-items: center;
    justify-content: space-between;
    height: 583px;
}

.dSDUt7CW h3 {
    font-size: 32px;
    text-align: center;
    margin-bottom: 14px;
}

.dSDUt7CW p {
    font-size: 22px;
    text-align: center;
}

.uQU6cA_h, .V7IGOBml {
    padding: 10px;
    border-radius: 50%;
    border: 8px solid limegreen;
    width: 160px;
    height: 160px;
    color: limegreen;
}

.V7IGOBml {
    border: 8px solid indianred;
    color: indianred;
}

.A8thRQpd {
    background: #FFF06B;
    width: 250px;
    height: 44px;
    font-size: 16px;
    font-weight: var(--font-weight-m);
    margin-top: 16px;
}

.A8thRQpd:hover, .dSDUt7CW .A8thRQpd:hover {
    background: #fff387;
}

.dSDUt7CW .A8thRQpd {
    width: 100%;
    height: 52px;
    font-size: 18px;
    font-weight: var(--font-weight-l);
    margin-top: 16px;
}

.DtOKDlcC {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 60px;
    width: 420px;
}

.DtOKDlcC h3, .DtOKDlcC p  {
    width: 300px;
    font-size: 24px;
    line-height: 32px;
}

.DtOKDlcC p  {
    font-size: 20px;
}

.cFhjS6nA {
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
}

.fbLZThmP {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}

.HMvSnjgw {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fbLZThmP img {
    max-width: 100%;
    max-height: 100%;
}

.SfP01GVM input:focus,
.SfP01GVM textarea:focus {
    cursor: text !important;
}

.SfP01GVM input:hover,
.SfP01GVM textarea:hover {
    cursor: text !important;
}

@media (max-width: 1279px) {
    .vTfDwOsi {
        gap: 20px;
        padding: 56px 40px 80px;
    }

    .vTfDwOsi._lvNfS2P {
        width: 880px;
        padding: 26px 36px 36px;
    }

    .jPFLTo6N {
        width: 100%;
    }

    .a_5t0aYa {
        font-size: 40px;
        width: 100%;
        max-width: 1000px;
    }

    .pYMKcbzM {
        display: flex;
        width: 100%;
        max-width: 1000px;
        justify-content: space-around;
    }

    ._lvNfS2P .pYMKcbzM {
        width: 100%;
        justify-content: space-between;
    }

    .SfP01GVM, .dSDUt7CW {
        width: 470px;
        padding: 26px 30px 30px;
        gap: 8px;
        flex-shrink: 0;
    }

    .dSDUt7CW {
        gap: 20px;
    }

    .SfP01GVM input {
        margin-bottom: 12px;
    }

    ._lvNfS2P .SfP01GVM, ._lvNfS2P .dSDUt7CW {
        width: 420px;
    }

    .dSDUt7CW {
        height: 518px;
    }

    .dSDUt7CW h3 {
        font-size: 26px;
        text-align: center;
        margin-bottom: 14px;
    }

    .dSDUt7CW p {
        font-size: 20px;
    }

    .uQU6cA_h, .V7IGOBml {
        padding: 10px;
        border: 6px solid limegreen;
        width: 120px;
        height: 120px;
    }

    .V7IGOBml {
        border: 6px solid indianred;
    }

    .A8thRQpd {
        background: #FFF06B;
        width: 250px;
        height: 44px;
        font-size: 16px;
        font-weight: var(--font-weight-m);
        margin-top: 12px;
    }

    .A8thRQpd:hover, .dSDUt7CW .A8thRQpd:hover {
        background: #FFF06B;
    }

    .A8thRQpd:active, .dSDUt7CW .A8thRQpd:active {
        background: #FFF06B;
    }

    .dSDUt7CW .A8thRQpd {
        margin: 16px 0 10px;
    }

    .DtOKDlcC {
        width: 370px;
    }

    .DtOKDlcC h3, .DtOKDlcC p  {
        width: 270px;
        font-size: 22px;
        line-height: 28px;
    }

    .DtOKDlcC p  {
        font-size: 18px;
    }

    .HMvSnjgw {
        width: 90px;
        height: 90px;
    }
}

@media(max-width: 959px) {
    .vTfDwOsi {
        gap: 20px;
        padding: 47px 40px 64px;
    }

    .a_5t0aYa {
        font-size: 32px;
        width: 100%;
        max-width: 100%;
    }

    .pYMKcbzM {
        flex-direction: column;
        width: 100%;
        max-width: 800px;
        justify-content: flex-start;
        gap: 20px;
    }

    .SfP01GVM, .dSDUt7CW {
        width: 100%;
        padding: 30px 40px 36px;
        gap: 10px;
        flex-shrink: 0;
    }

    .dSDUt7CW {
        gap: 24px;
    }

    .SfP01GVM input {
        margin-bottom: 14px;
    }

    .dSDUt7CW {
        height: 544px;
        align-items: center;
    }

    .dSDUt7CW h3 {
        font-size: 26px;
        text-align: center;
        margin-bottom: 14px;
    }

    .dSDUt7CW p {
        font-size: 18px;
    }

    .uQU6cA_h, .V7IGOBml {
        padding: 10px;
        border: 6px solid limegreen;
        width: 120px;
        height: 120px;
    }

    .V7IGOBml {
        border: 6px solid indianred;
    }

    .A8thRQpd {
        background: #FFF06B;
        width: 250px;
        height: 44px;
        font-size: 16px;
        font-weight: var(--font-weight-m);
    }

    .SfP01GVM .A8thRQpd {
        margin: 14px 0 0 auto;
    }

    .A8thRQpd:hover, .dSDUt7CW .A8thRQpd:hover {
        background: #FFF06B;
    }

    .A8thRQpd:active, .dSDUt7CW .A8thRQpd:active {
        background: #FFF06B;
    }

    .dSDUt7CW .A8thRQpd {
        margin: 16px 0 10px;
    }

    .DtOKDlcC {
        width: 100%;
        gap: 12px;
        align-items: flex-start;
    }

    .DtOKDlcC h3, .DtOKDlcC p  {
        width: 100%;
        font-size: 22px;
        line-height: 28px;
    }

    .DtOKDlcC p  {
        font-size: 18px;
    }

    .vTfDwOsi._lvNfS2P {
        width: calc(100vw - 70px);
    }

    .jPFLTo6N {
        width: 100%;
    }

    ._lvNfS2P .pYMKcbzM {
        width: 100%;
        justify-content: space-between;
    }

    ._lvNfS2P .SfP01GVM, ._lvNfS2P .dSDUt7CW {
        width: 100%;
    }
}

@media (max-width: 639px) {
    .vTfDwOsi {
        gap: 24px;
        padding: 47px 26px 64px;
    }

    .a_5t0aYa {
        font-size: 26px;
    }

    .pYMKcbzM {
        gap: 24px;
    }

    .SfP01GVM, .dSDUt7CW {
        padding: 20px 24px 30px;
        gap: 8px;
    }

    .dSDUt7CW {
        gap: 18px;
    }

    .SfP01GVM input {
        margin-bottom: 10px;
    }

    .dSDUt7CW {
        height: 504px;
    }

    .dSDUt7CW h3 {
        font-size: 22px;
        text-align: center;
        margin-bottom: 14px;
    }

    .dSDUt7CW p {
        font-size: 16px;
    }

    .uQU6cA_h, .V7IGOBml {
        padding: 10px;
        border: 6px solid limegreen;
        width: 120px;
        height: 120px;
    }

    .V7IGOBml {
        border: 6px solid indianred;
    }

    .A8thRQpd {
        background: #FFF06B;
        width: 250px;
        height: 44px;
        font-size: 16px;
        font-weight: var(--font-weight-m);
        margin-top: 10px;
    }

    .SfP01GVM .A8thRQpd {
        margin: 10px 0 0 auto;
    }

    .DtOKDlcC {
        width: 100%;
        gap: 6px;
        align-items: flex-start;
    }

    .cFhjS6nA {
        gap: 4px;
    }

    .vTfDwOsi._lvNfS2P {
        width: calc(100vw - 24px);
        padding: 20px 24px 24px;
    }

    .jPFLTo6N {
        width: 100%;
    }

    ._lvNfS2P .a_5t0aYa {
        font-size: 22px;
    }

    ._lvNfS2P .pYMKcbzM {
        width: 100%;
        justify-content: space-between;
    }

    ._lvNfS2P .SfP01GVM, ._lvNfS2P .dSDUt7CW {
        width: 100%;
    }

    ._lvNfS2P textarea::placeholder {
        font-size: 14px;
    }
}

@media (max-width: 400px) {
    .I9O6MWtt {
        transform: scale(0.9) translateX(-17px);
    }

    ._lvNfS2P .I9O6MWtt {
        transform: scale(0.8) translateX(-36px);
    }

    .vTfDwOsi form textarea::placeholder {
        font-size: 13px;
    }

    ._lvNfS2P .a_5t0aYa {
        font-size: 19px;
    }

    .a_5t0aYa {
        font-size: 22px;
    }

    .vTfDwOsi {
        gap: 10px;
    }

    .SfP01GVM {
        gap: 2px;
    }

    .SfP01GVM .A8thRQpd {
        margin: 4px 0;
        width: 100%;
    }
}
.nKPJxQAs {
    display: flex;
    gap: 40px;
    flex-direction: column;
    align-items: center;
    padding: 60px 0 100px;
    background-color: var(--third-color);
}

.Ns2KF6dD {
    width: var(--content-second-width);
    font-size: 56px;
}

.KZQpTYoV {
    width: var(--content-second-width);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
}

@media (max-width: 1279px) {
    .nKPJxQAs {
        gap: 24px;
        padding: 56px 40px 80px;
    }

    .Ns2KF6dD {
        width: 100%;
        max-width: var(--content-second-width);
        font-size: 40px;
    }

    .KZQpTYoV {
        width: 100%;
        max-width: var(--content-second-width);
        display: grid;
        grid-template-columns: 1fr 1fr;
        place-items: center;
        gap: 28px;
    }
}

@media (max-width: 959px) {
    .nKPJxQAs {
        gap: 24px;
        padding: 47px 26px 64px;
    }

    .Ns2KF6dD {
        font-size: 32px;
    }

    .bdLv8Ujx {
        width: 330px;
        height: 189px;
    }

    .s9nD0JFe {
        gap: 20px;
    }
}

@media (max-width: 639px) {
    .nKPJxQAs {
        gap: 24px;
        padding: 47px 26px 64px;
    }

    .Ns2KF6dD {
        font-size: 26px;
    }
}
.FTEO2K3Z {
    width: 360px;
    background-color: var(--primary-color);
    transition: all 0.3s;
    padding: 20px 30px 30px 30px;
    position: relative;
    border-radius: 10px;
}

.FTEO2K3Z:hover {
    transform: translateY(-10px);
}

.FTEO2K3Z h4 {
    font-size: 22px;
    margin-bottom: 20px;
}

.FTEO2K3Z p {
    font-size: 16px;
    width: 80%;
    margin-bottom: 14px;
}

.lVinVTXc {
    position: absolute;
    right: 10px;
    max-height: 60%;
    max-width: 30%;
    bottom: 0;
}

.UyEqay2E {
    padding: 14px;
    border-radius: 40px;
    gap: 14px;
    height: 40px;
    width: max-content;
    background: var(--third-color);
    display: flex;
    align-items: center;
}

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

.qkDVcTAI {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: black;
    padding: 5px;
    transform: rotate(135deg);
    transition: all 0.3s;
}

.qkDVcTAI.OpqQLtwM {
    transform: rotate(180deg);
}

.qkDVcTAI svg {
    color: white;
}

@media (max-width: 1279px) {
    .FTEO2K3Z:hover {
        transform: unset;
    }
    .FTEO2K3Z:active {
        transform: translateY(-10px);
    }
    .qkDVcTAI.OpqQLtwM {
        transform: rotate(135deg);
    }
    .qkDVcTAI.D6umZRrE {
        transform: rotate(180deg);
    }
}

@media (max-width: 799px) {
    .FTEO2K3Z {
        width: 330px;
        background-color: var(--primary-color);
        transition: all 0.3s;
        padding: 20px 15px 30px;
        position: relative;
        border-radius: 10px;
    }

    .FTEO2K3Z h4 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 14px;
    }

    .FTEO2K3Z p {
        font-size: 16px;
        width: 76%;
        margin-bottom: 14px;
    }
}