:root {
    --backgroundColor: hsl(0, 0%, 2%);
    --textColor: hsl(0, 0%, 100%);
    --fontFamily: 'Manrope', sans-serif;
    --primary-h: 195;
    --primary-s: 100%;
    --primary-l: 59%;
    --primaryColor: hsl(var(--primary-h), var(--primary-s), var(--primary-l));
    --primaryDark1: hsl(var(--primary-h), var(--primary-s), 42%);
    --primaryDark2: hsl(var(--primary-h), var(--primary-s), 25%);
    --primaryDark3: hsl(var(--primary-h), var(--primary-s), 13%);
    --hardDark: hsl(var(--primary-h), var(--primary-s), 4%);
    --primaryLight1: hsl(var(--primary-h), var(--primary-s), 79%);
    --primaryLight2: hsl(var(--primary-h), var(--primary-s), 85%);
    --primaryLight3: hsl(var(--primary-h), var(--primary-s), 94%);
    --buttonThemeColorDark: hsl(var(--primary-h), var(--primary-s), 31%);
    --buttonPrimary-h: 209;
    --buttonPrimary-s: 76%;
    --buttonPrimary-l: 50%;
    --buttonPrimary: hsl(var(--buttonPrimary-h), var(--buttonPrimary-s), var(--buttonPrimary-l));
    --buttonSuccess-h: 122;
    --buttonSuccess-s: 55%;
    --buttonSuccess-l: 56%;
    --buttonSuccess: hsl(var(--buttonSuccess-h), var(--buttonSuccess-s), var(--buttonSuccess-l));
    --buttonDanger-h: 0;
    --buttonDanger-s: 89%;
    --buttonDanger-l: 61%;
    --buttonDanger: hsl(var(--buttonDanger-h), var(--buttonDanger-s), var(--buttonDanger-l));
    --buttonWarning-h: 47;
    --buttonWarning-s: 76%;
    --buttonWarning-l: 52%;
    --buttonWarning: hsl(var(--buttonWarning-h), var(--buttonWarning-s), var(--buttonWarning-l));
    --buttonInfo-h: 184;
    --buttonInfo-s: 56%;
    --buttonInfo-l: 55%;
    --buttonInfo: hsl(var(--buttonInfo-h), var(--buttonInfo-s), var(--buttonInfo-l));
    --buttonSecondary-h: 0;
    --buttonSecondary-s: 0%;
    --buttonSecondary-l: 48%;
    --buttonSecondary: hsl(var(--buttonSecondary-h), var(--buttonSecondary-s), var(--buttonSecondary-l));
    --buttonDark-h: 0;
    --buttonDark-s: 0%;
    --buttonDark-l: 18%;
    --buttonDark: hsl(var(--buttonDark-h), var(--buttonDark-s), var(--buttonDark-l));
    --buttonLight-h: 0;
    --buttonLight-s: 0%;
    --buttonLight-l: 100%;
    --buttonLight: hsl(var(--buttonLight-h), var(--buttonLight-s), var(--buttonLight-l));
    --alertThemeColor: hsl(var(--primary-h), var(--primary-s), 59%);
    --alertPrimary-h: 209;
    --alertPrimary-s: 87%;
    --alertPrimary-l: 49%;
    --alertPrimary: hsl(var(--alertPrimary-h), var(--alertPrimary-s), var(--alertPrimary-l));
    --alertSuccess-h: 122;
    --alertSuccess-s: 85%;
    --alertSuccess-l: 48%;
    --alertSuccess: hsl(var(--alertSuccess-h), var(--alertSuccess-s), var(--alertSuccess-l));
    --alertInfo-h: 184;
    --alertInfo-s: 73%;
    --alertInfo-l: 50%;
    --alertInfo: hsl(var(--alertInfo-h), var(--alertInfo-s), var(--alertInfo-l));
    --alertWarning-h: 54;
    --alertWarning-s: 85%;
    --alertWarning-l: 51%;
    --alertWarning: hsl(var(--alertWarning-h), var(--alertWarning-s), var(--alertWarning-l));
    --alertDanger-h: 0;
    --alertDanger-s: 84%;
    --alertDanger-l: 45%;
    --alertDanger: hsl(var(--alertDanger-h), var(--alertDanger-s), var(--alertDanger-l));
    --alertLight-h: 0;
    --alertLight-s: 0%;
    --alertLight-l: 100%;
    --alertLight: hsl(var(--alertLight-h), var(--alertLight-s), var(--alertLight-l));
    --alertDark-h: 0;
    --alertDark-s: 0%;
    --alertDark-l: 51%;
    --alertDark: hsl(var(--alertDark-h), var(--alertDark-s), var(--alertDark-l));
    --alertSecondary-h: 217;
    --alertSecondary-s: 5%;
    --alertSecondary-l: 71%;
    --alertSecondary: hsl(var(--alertSecondary-h), var(--alertSecondary-s), var(--alertSecondary-l));
    --formColor: hsl(var(--primary-h), var(--primary-s), 10%);
    --socialMediaIconInstagram: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0C6.5556 0 6.2496 0.0102 5.2896 0.054C4.3314 0.0978 3.6768 0.2502 3.1044 0.4728C2.5044 0.6984 1.9602 1.0524 1.5102 1.5108C1.05253 1.96028 0.698315 2.5041 0.4722 3.1044C0.2508 3.6768 0.0978 4.332 0.054 5.2902C0.0108 6.2496 0 6.555 0 9C0 11.445 0.0102 11.7504 0.054 12.7104C0.0978 13.6686 0.2502 14.3232 0.4728 14.8956C0.6984 15.4956 1.0524 16.0398 1.5108 16.4898C1.96029 16.9475 2.50411 17.3017 3.1044 17.5278C3.6768 17.7498 4.3314 17.9022 5.2896 17.946C6.2496 17.9898 6.5556 18 9 18C11.4444 18 11.7504 17.9898 12.7104 17.946C13.6686 17.9022 14.3232 17.7498 14.8956 17.5272C15.4956 17.3016 16.0398 16.9476 16.4898 16.4892C16.9475 16.0397 17.3017 15.4959 17.5278 14.8956C17.7498 14.3232 17.9022 13.6686 17.946 12.7104C17.9898 11.7504 18 11.4444 18 9C18 6.5556 17.9898 6.2496 17.946 5.2896C17.9022 4.3314 17.7498 3.6768 17.5272 3.1044C17.3012 2.50384 16.947 1.95979 16.4892 1.5102C16.0397 1.05253 15.4959 0.698315 14.8956 0.4722C14.3232 0.2508 13.668 0.0978 12.7098 0.054C11.7504 0.0108 11.445 0 9 0ZM9 1.6218C11.403 1.6218 11.688 1.6308 12.6372 1.674C13.5144 1.7142 13.9908 1.86 14.3082 1.9842C14.7282 2.1468 15.0282 2.3424 15.3432 2.6568C15.6582 2.9718 15.8532 3.2718 16.0158 3.6918C16.1394 4.0092 16.2858 4.4856 16.326 5.3628C16.3692 6.312 16.3782 6.597 16.3782 9C16.3782 11.403 16.3692 11.688 16.326 12.6372C16.2858 13.5144 16.14 13.9908 16.0158 14.3082C15.8718 14.6991 15.6419 15.0528 15.3432 15.3432C15.0528 15.642 14.6992 15.8718 14.3082 16.0158C13.9908 16.1394 13.5144 16.2858 12.6372 16.326C11.688 16.3692 11.4036 16.3782 9 16.3782C6.5964 16.3782 6.312 16.3692 5.3628 16.326C4.4856 16.2858 4.0092 16.14 3.6918 16.0158C3.30087 15.8718 2.9472 15.6419 2.6568 15.3432C2.35811 15.0528 2.12828 14.6991 1.9842 14.3082C1.8606 13.9908 1.7142 13.5144 1.674 12.6372C1.6308 11.688 1.6218 11.403 1.6218 9C1.6218 6.597 1.6308 6.312 1.674 5.3628C1.7142 4.4856 1.86 4.0092 1.9842 3.6918C2.1468 3.2718 2.3424 2.9718 2.6568 2.6568C2.94716 2.35803 3.30085 2.12819 3.6918 1.9842C4.0092 1.8606 4.4856 1.7142 5.3628 1.674C6.312 1.6308 6.597 1.6218 9 1.6218Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.00002 12.0028C8.60566 12.0028 8.21516 11.9251 7.85082 11.7742C7.48648 11.6233 7.15544 11.4021 6.87658 11.1232C6.59773 10.8444 6.37653 10.5133 6.22561 10.149C6.0747 9.78465 5.99702 9.39415 5.99702 8.99979C5.99702 8.60543 6.0747 8.21493 6.22561 7.85059C6.37653 7.48625 6.59773 7.1552 6.87658 6.87635C7.15544 6.59749 7.48648 6.37629 7.85082 6.22538C8.21516 6.07446 8.60566 5.99679 9.00002 5.99679C9.79647 5.99679 10.5603 6.31318 11.1235 6.87635C11.6866 7.43952 12.003 8.20334 12.003 8.99979C12.003 9.79623 11.6866 10.5601 11.1235 11.1232C10.5603 11.6864 9.79647 12.0028 9.00002 12.0028ZM9.00002 4.37379C7.77313 4.37379 6.59649 4.86117 5.72895 5.72871C4.8614 6.59626 4.37402 7.7729 4.37402 8.99979C4.37402 10.2267 4.8614 11.4033 5.72895 12.2709C6.59649 13.1384 7.77313 13.6258 9.00002 13.6258C10.2269 13.6258 11.4036 13.1384 12.2711 12.2709C13.1386 11.4033 13.626 10.2267 13.626 8.99979C13.626 7.7729 13.1386 6.59626 12.2711 5.72871C11.4036 4.86117 10.2269 4.37379 9.00002 4.37379ZM14.9718 4.28979C14.9718 4.5798 14.8566 4.85794 14.6515 5.06301C14.4465 5.26808 14.1683 5.38329 13.8783 5.38329C13.5883 5.38329 13.3102 5.26808 13.1051 5.06301C12.9 4.85794 12.7848 4.5798 12.7848 4.28979C12.7848 3.99977 12.9 3.72164 13.1051 3.51657C13.3102 3.3115 13.5883 3.19629 13.8783 3.19629C14.1683 3.19629 14.4465 3.3115 14.6515 3.51657C14.8566 3.72164 14.9718 3.99977 14.9718 4.28979Z' fill='white'/%3E%3C/svg%3E%0A");
    --socialMediaIconSnapchat: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9277 14.5579C19.7898 14.18 19.5242 13.9757 19.2229 13.8123C19.1667 13.7817 19.1157 13.751 19.0697 13.7306C18.9778 13.6846 18.8858 13.6387 18.7939 13.5927C17.8542 13.0922 17.1188 12.4691 16.6131 11.7235C16.4701 11.5141 16.3425 11.2894 16.2403 11.0595C16.1944 10.937 16.1995 10.8655 16.2301 10.7991C16.2608 10.748 16.3016 10.7071 16.3527 10.6714C16.5161 10.5641 16.6795 10.4569 16.7919 10.3854C16.9911 10.2526 17.1545 10.1505 17.2567 10.079C17.6397 9.80829 17.9104 9.52229 18.0789 9.20054C18.3189 8.75111 18.3496 8.22507 18.1657 7.7501C17.9104 7.07596 17.2771 6.66228 16.5059 6.66228C16.3425 6.66228 16.1841 6.6776 16.0207 6.71335C15.9799 6.72357 15.9339 6.73378 15.893 6.74399C15.8981 6.28435 15.8879 5.79917 15.8471 5.3191C15.7041 3.63884 15.1116 2.76041 14.4988 2.06073C14.1055 1.62152 13.6459 1.24869 13.1301 0.957585C12.2006 0.426441 11.1434 0.155762 9.99427 0.155762C8.84516 0.155762 7.79309 0.426441 6.86359 0.957585C6.34776 1.24869 5.88812 1.62152 5.49487 2.06073C4.88201 2.76041 4.29469 3.64395 4.14658 5.3191C4.10572 5.79917 4.09551 6.28435 4.10061 6.74399C4.05976 6.73378 4.0189 6.72357 3.97294 6.71335C3.81461 6.6776 3.65119 6.66228 3.49286 6.66228C2.72168 6.66228 2.0884 7.08107 1.83304 7.7501C1.64918 8.22507 1.67982 8.75111 1.91986 9.20054C2.0884 9.52229 2.35907 9.80829 2.74211 10.079C2.84425 10.1505 3.00258 10.2526 3.20686 10.3854C3.31411 10.4569 3.47243 10.559 3.63076 10.6612C3.68694 10.6969 3.7329 10.7429 3.76865 10.7991C3.79929 10.8655 3.8044 10.937 3.75333 11.0698C3.65119 11.2945 3.52861 11.5141 3.38561 11.7184C2.89022 12.4436 2.17522 13.0615 1.26614 13.5569C0.78607 13.8123 0.285569 13.9808 0.0710683 14.5579C-0.0872535 14.9921 0.0148896 15.4823 0.418355 15.9011C0.566463 16.0543 0.740106 16.1871 0.929071 16.2893C1.32232 16.5038 1.74111 16.6723 2.18032 16.7898C2.27225 16.8153 2.35397 16.8511 2.43057 16.9021C2.57868 17.0298 2.55825 17.2239 2.75233 17.5099C2.84936 17.658 2.97704 17.7857 3.12004 17.8878C3.53372 18.1738 3.99847 18.1891 4.48876 18.2096C4.93308 18.2249 5.43358 18.2453 6.01069 18.4343C6.25073 18.5109 6.49587 18.6641 6.78187 18.8429C7.47134 19.2667 8.41106 19.8439 9.98917 19.8439C11.5673 19.8439 12.5121 19.2616 13.2067 18.8377C13.4927 18.6641 13.7378 18.5109 13.9676 18.4343C14.5396 18.2453 15.0453 18.2249 15.4896 18.2096C15.9799 18.1891 16.4446 18.1738 16.8583 17.8878C17.0319 17.7652 17.1749 17.612 17.2771 17.4282C17.4201 17.1881 17.415 17.0196 17.5478 16.9021C17.6193 16.8511 17.701 16.8153 17.7827 16.7949C18.2219 16.6774 18.6509 16.5089 19.0493 16.2893C19.2484 16.182 19.4323 16.039 19.5855 15.8705L19.5906 15.8654C19.989 15.4568 20.086 14.9767 19.9277 14.5579ZM18.5283 15.3087C17.6754 15.7786 17.1034 15.7275 16.6642 16.0135C16.2863 16.2535 16.511 16.7745 16.2403 16.9634C15.9033 17.1932 14.9125 16.9481 13.6357 17.372C12.5785 17.7193 11.9095 18.7254 10.0096 18.7254C8.10973 18.7254 7.45602 17.7244 6.38351 17.372C5.10673 16.9481 4.11594 17.1983 3.77886 16.9634C3.50819 16.7745 3.72779 16.2535 3.35497 16.0135C2.91065 15.7275 2.34375 15.7786 1.49086 15.3087C0.944392 15.0074 1.25593 14.8235 1.43468 14.7367C4.52962 13.2403 5.02501 10.9268 5.04544 10.7531C5.07097 10.5437 5.10162 10.3803 4.8718 10.1709C4.65219 9.96661 3.67161 9.35886 3.39583 9.16989C2.9464 8.85325 2.74722 8.54171 2.89533 8.15357C2.99747 7.888 3.24772 7.78585 3.50818 7.78585C3.5899 7.78585 3.67161 7.79607 3.75333 7.81139C4.24872 7.91864 4.7288 8.16378 5.00458 8.23528C5.04033 8.2455 5.07098 8.25061 5.10673 8.25061C5.25483 8.25061 5.3059 8.174 5.29569 8.00546C5.26505 7.4641 5.18844 6.41203 5.27526 5.42635C5.39273 4.07295 5.82683 3.39881 6.34776 2.80638C6.59801 2.52038 7.76755 1.28444 10.0096 1.28444C12.2516 1.28444 13.4212 2.51527 13.6714 2.80127C14.1924 3.3937 14.6265 4.06784 14.7439 5.42124C14.8308 6.40692 14.7541 7.459 14.7184 8.00035C14.7082 8.17911 14.7593 8.2455 14.9074 8.2455C14.9431 8.2455 14.9738 8.24039 15.0095 8.23018C15.2853 8.16378 15.7654 7.91353 16.2608 7.80628C16.3425 7.78585 16.4242 7.78075 16.5059 7.78075C16.7664 7.78075 17.0166 7.88289 17.1188 8.14846C17.2669 8.53661 17.0677 8.84814 16.6183 9.16479C16.3476 9.35375 15.367 9.9615 15.1423 10.1658C14.9125 10.3752 14.9431 10.5386 14.9686 10.748C14.9891 10.9216 15.4845 13.2352 18.5794 14.7316C18.7633 14.8184 19.0697 15.0074 18.5283 15.3087Z' fill='white'/%3E%3C/svg%3E%0A");
    --socialMediaIconTelegram: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.12457 6.14743C1.12457 6.14743 8.03513 3.17478 10.4318 2.12804C11.3506 1.70937 14.4663 0.369538 14.4663 0.369538C14.4663 0.369538 15.9044 -0.21659 15.7845 1.20692C15.7446 1.79311 15.425 3.84464 15.1055 6.06369C14.6261 9.20387 14.1068 12.6371 14.1068 12.6371C14.1068 12.6371 14.0269 13.6001 13.3479 13.7675C12.6688 13.935 11.5503 13.1814 11.3506 13.0139C11.1908 12.8883 8.35468 11.0042 7.3161 10.0831C7.03647 9.83189 6.71693 9.32949 7.35602 8.74331C8.79408 7.36164 10.5117 5.64503 11.5503 4.55645C12.0297 4.054 12.509 2.88169 10.5117 4.3052C7.67562 6.35679 4.87944 8.28275 4.87944 8.28275C4.87944 8.28275 4.24029 8.70141 3.04195 8.32459C1.84354 7.94782 0.445453 7.44537 0.445453 7.44537C0.445453 7.44537 -0.513181 6.81735 1.12457 6.14743Z' fill='white'/%3E%3C/svg%3E%0A");
    --socialMediaIconWhatsapp: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0409 0.564453C4.68908 0.564453 0.333661 4.75947 0.331774 9.91502C0.330516 11.5637 0.778387 13.1728 1.62758 14.59L0.25 19.4354L5.39737 18.1352C6.82918 18.8842 8.42124 19.2749 10.0371 19.2738H10.0409C15.3927 19.2738 19.7481 15.0781 19.75 9.92257C19.7513 7.42531 18.7423 5.07461 16.9087 3.30766C15.0757 1.54008 12.6382 0.565082 10.0409 0.564453ZM10.0409 17.6943H10.0377C8.58971 17.6943 7.16935 17.3194 5.93016 16.6111L5.63452 16.4425L2.58119 17.2137L3.39642 14.3453L3.20456 14.0515C2.39871 12.8225 1.96973 11.3847 1.9704 9.91502C1.97229 5.62942 5.593 2.14395 10.044 2.14395C12.1991 2.14458 14.2252 2.95415 15.7494 4.42294C17.2735 5.89173 18.112 7.84487 18.1107 9.92194C18.1089 14.2075 14.4888 17.6943 10.0403 17.6943H10.0409ZM14.4674 11.8726C14.2246 11.7562 13.0319 11.1907 12.8093 11.1121C12.5872 11.0347 12.4255 10.9944 12.2639 11.2284C12.1029 11.4624 11.6374 11.9889 11.4965 12.1443C11.3543 12.3003 11.2128 12.3192 10.97 12.2028C10.7272 12.0858 9.94527 11.8392 9.01934 11.0429C8.29784 10.4239 7.81097 9.659 7.66943 9.42437C7.5279 9.191 7.65434 9.06457 7.77574 8.9482C7.88456 8.8444 8.01855 8.67582 8.13932 8.53932C8.2601 8.40282 8.30035 8.30532 8.38213 8.14932C8.46264 7.99395 8.42239 7.85682 8.36137 7.74045C8.30035 7.62282 7.816 6.47295 7.61282 6.00558C7.41656 5.55016 7.21653 5.61118 7.06745 5.60363C6.92592 5.59734 6.76489 5.59545 6.60197 5.59545C6.44156 5.59545 6.178 5.65395 5.95532 5.88795C5.73327 6.12195 5.10613 6.68682 5.10613 7.83669C5.10613 8.98719 5.97545 10.0981 6.09685 10.2541C6.21826 10.4094 7.80782 12.7702 10.2415 13.7829C10.8203 14.0226 11.2719 14.1666 11.6248 14.2748C12.206 14.4529 12.735 14.4271 13.1527 14.3673C13.6182 14.3 14.5882 13.8024 14.7895 13.2571C14.992 12.7117 14.992 12.2437 14.9316 12.1462C14.8725 12.0487 14.7102 11.9902 14.4674 11.8726V11.8726Z' fill='white'/%3E%3C/svg%3E%0A");
    --containerHeaderAppleLogo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 380.86 452.03'%3E%3Cg focusable='false'%3E%3Cpath fill='none' class='cls-1' d='M316.7,238.81c-.2-36.7,16.4-64.4,50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3,20.7-88.5,20.7-15,0-49.4-19.7-76.4-19.7C61.3,111.31,2,154.91,2,243.61c0,26.2,4.8,53.27,14.4,81.2,12.8,36.7,59,126.7,107.2,125.2,25.2-.6,43-17.9,75.8-17.9s48.3,17.9,76.4,17.9c48.6-.7,90.4-82.5,102.6-119.3-65.2-30.7-61.7-90-61.7-91.9h0Zm-56.6-164.2c27.3-32.4,24.8-61.9,24-72.5-24.1,1.4-52,16.4-67.9,34.9-17.5,19.8-27.8,44.3-25.6,71.9,26.1,2,49.9-11.4,69.5-34.3Z' stroke='%2313B1E6' stroke-opacity='0.25' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E");
    --containerHeaderMessage: url("data:image/svg+xml,%3Csvg width='134' height='134' viewBox='0 0 134 134' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.75'%3E%3Cpath d='M67 118.667L50.25 101.917H39.0833C34.641 101.917 30.3805 100.152 27.2393 97.0107C24.0981 93.8695 22.3333 89.609 22.3333 85.1667V51.6667C22.3333 47.2243 24.0981 42.9639 27.2393 39.8226C30.3805 36.6814 34.641 34.9167 39.0833 34.9167H94.9167C99.359 34.9167 103.619 36.6814 106.761 39.8226C109.902 42.9639 111.667 47.2243 111.667 51.6667V85.1667C111.667 89.609 109.902 93.8695 106.761 97.0107C103.619 100.152 99.359 101.917 94.9167 101.917H83.75L67 118.667Z' stroke='%2313B1E6' stroke-opacity='0.25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.6667 57.25H89.3333' stroke='%2313B1E6' stroke-opacity='0.25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.6667 79.5833H78.1667' stroke='%2313B1E6' stroke-opacity='0.25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
    --containerHeaderConfetti: url("data:image/svg+xml,%3Csvg width='93' height='93' viewBox='0 0 93 93' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.75' clip-path='url(%23clip0_987_436)'%3E%3Cpath d='M15.5 19.375H23.25' stroke='%2313B1E6' stroke-opacity='0.25' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.375 15.5V23.25' stroke='%2313B1E6' stroke-opacity='0.25' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.5625 15.5L42.625 23.25' stroke='%2313B1E6' stroke-opacity='0.25' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M69.75 19.375H77.5' stroke='%2313B1E6' stroke-opacity='0.25' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M73.625 15.5V23.25' stroke='%2313B1E6' stroke-opacity='0.25' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M58.125 34.875L54.25 38.75' stroke='%2313B1E6' stroke-opacity='0.25' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M69.75 50.375L77.5 48.4375' stroke='%2313B1E6' stroke-opacity='0.25' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M69.75 73.625H77.5' stroke='%2313B1E6' stroke-opacity='0.25' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M73.625 69.75V77.5' stroke='%2313B1E6' stroke-opacity='0.25' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M54.25 64.0073L28.9928 38.75L11.9815 75.8725C11.6524 76.5932 11.5514 77.3973 11.6921 78.1771C11.8328 78.9568 12.2085 79.6749 12.7687 80.2352C13.329 80.7954 14.0471 81.1711 14.8268 81.3118C15.6066 81.4525 16.4107 81.3515 17.1314 81.0224L54.25 64.0111V64.0073Z' stroke='%2313B1E6' stroke-opacity='0.25' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_987_436'%3E%3Crect width='93' height='93' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    --containerHeaderCloudDownload: url("data:image/svg+xml,%3Csvg width='87' height='74' viewBox='0 0 87 74' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.75' d='M71.1669 55.375C75.0346 55.375 78.7439 53.8385 81.4788 51.1036C84.2137 48.3687 85.7502 44.6594 85.7502 40.7917C85.7502 36.9239 84.2137 33.2146 81.4788 30.4797C78.7439 27.7448 75.0346 26.2083 71.1669 26.2083H67.0002C67.6082 23.4998 67.6174 20.7101 67.0275 17.9983C66.4375 15.2866 65.2598 12.706 63.5617 10.4039C61.8636 8.10175 59.6783 6.12319 57.1306 4.58117C54.5829 3.03914 51.7226 1.96384 48.7132 1.41667C45.7037 0.869493 42.604 0.861156 39.5909 1.39214C36.5779 1.92312 33.7106 2.98301 31.1527 4.51131C25.9867 7.59785 22.3947 12.4049 21.1669 17.875C16.725 17.6971 12.3566 19.0017 8.80966 21.5654C5.2627 24.1292 2.7578 27.7926 1.72383 31.9284C0.689869 36.0643 1.19116 40.4153 3.14187 44.2366C5.09258 48.0578 8.37137 51.1116 12.4169 52.875M42.0002 34.5417V72.0417M42.0002 72.0417L29.5002 59.5417M42.0002 72.0417L54.5002 59.5417' stroke='%2313B1E6' stroke-opacity='0.25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --containerHeaderPencil: url("data:image/svg+xml,%3Csvg width='88' height='88' viewBox='0 0 88 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.75' d='M54.3749 11.2087L76.7083 33.5421M1.33325 86.5837H23.6666L82.2916 27.9587C85.2532 24.9971 86.917 20.9804 86.917 16.7921C86.917 12.6037 85.2532 8.58697 82.2916 5.62539C79.33 2.6638 75.3132 1 71.1249 1C66.9366 1 62.9198 2.6638 59.9582 5.62539L1.33325 64.2504V86.5837Z' stroke='%2330CBFF' stroke-opacity='0.25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --containerHeaderInfoSquare: url("data:image/svg+xml,%3Csvg width='88' height='88' viewBox='0 0 88 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.75' clip-path='url(%23clip0_987_459)'%3E%3Cpath d='M44 22.6667H44.0533' stroke='%2330CBFF' stroke-opacity='0.35' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M76 1.33325H12C6.10894 1.33325 1.33331 6.10888 1.33331 11.9999V75.9999C1.33331 81.891 6.10894 86.6666 12 86.6666H76C81.891 86.6666 86.6666 81.891 86.6666 75.9999V11.9999C86.6666 6.10888 81.891 1.33325 76 1.33325Z' stroke='%2330CBFF' stroke-opacity='0.35' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M38.6667 44H44V65.3333H49.3334' stroke='%2330CBFF' stroke-opacity='0.35' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_987_459'%3E%3Crect width='88' height='88' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    --containerHeaderDatabase: url("data:image/svg+xml,%3Csvg width='88' height='98' viewBox='0 0 88 98' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.75' d='M86.6666 17C86.6666 25.8366 67.5641 33 44 33C20.4358 33 1.33331 25.8366 1.33331 17M86.6666 17C86.6666 8.16344 67.5641 1 44 1C20.4358 1 1.33331 8.16344 1.33331 17M86.6666 17V49M1.33331 17V49M1.33331 49C1.33331 53.2435 5.82854 57.3131 13.8301 60.3137C21.8316 63.3143 32.6841 65 44 65C55.3159 65 66.1683 63.3143 74.1699 60.3137C82.1714 57.3131 86.6666 53.2435 86.6666 49M1.33331 49V81C1.33331 85.2435 5.82854 89.3131 13.8301 92.3137C21.8316 95.3143 32.6841 97 44 97C55.3159 97 66.1683 95.3143 74.1699 92.3137C82.1714 89.3131 86.6666 85.2435 86.6666 81V49' stroke='%2330CBFF' stroke-opacity='0.25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --containerHeaderLayNavBar: url("data:image/svg+xml,%3Csvg width='93' height='93' viewBox='0 0 93 93' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.75'%3E%3Cpath d='M15.5 34.875H77.5M23.25 15.5H69.75C74.0302 15.5 77.5 18.9698 77.5 23.25V69.75C77.5 74.0302 74.0302 77.5 69.75 77.5H23.25C18.9698 77.5 15.5 74.0302 15.5 69.75V23.25C15.5 18.9698 18.9698 15.5 23.25 15.5Z' stroke='%2313B1E6' stroke-opacity='0.25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A")
}

@media (max-width: 524.98px) {
    :root {
        --heroAG1MIE: 250px !important;
        --containerHeaderLH: 1;
        --layout-margin: 14px !important
    }
}

@media (max-width: 991.98px) {
    :root {
        --layout-margin: 24px;
        --font-xxl: 1.802rem;
        --font-xl: 1.602rem;
        --font-lg: 1.424rem;
        --font-md: 1.266rem;
        --font-sm: 1.125rem;
        --font-xs: 1rem;
        --font-xxs: 0.889rem;
        --containerSidesMove: -50px;
        --containerSidesWidth: 100px;
        --containerSidesHeight: 300px;
        --containerSidesRadius: 10rem;
        --containerSidesColorL: var(--primaryColor);
        --containerSidesColorR: var(--primaryColor);
        --containerSidesBlur: blur(60px);
        --containerSidesOpacity: 0.8;
        --containerButtonWidth: 170px;
        --heroAG1MIE: 250px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    :root {
        --layout-margin: 28px;
        --font-xxl: 2rem;
        --font-xl: 1.875rem;
        --font-lg: 1.728rem;
        --font-md: 1.44rem;
        --font-sm: 1.2rem;
        --font-xs: 1rem;
        --font-xxs: 0.833rem;
        --containerSidesMove: -65px;
        --containerSidesWidth: 130px;
        --containerSidesHeight: 380px;
        --containerSidesRadius: 10rem;
        --containerSidesColorL: var(--primaryColor);
        --containerSidesColorR: var(--primaryColor);
        --containerSidesBlur: blur(80px);
        --containerSidesOpacity: 0.6;
        --containerButtonWidth: 200px;
        --heroAG1MIE: 250px
    }
}

@media (min-width: 1200px) {
    :root {
        --layout-margin: 30px;
        --font-xxl: 2.1rem;
        --font-xl: 1.95rem;
        --font-lg: 1.85rem;
        --font-md: 1.4375rem;
        --font-sm: 1.25rem;
        --font-xs: 1rem;
        --font-xxs: 0.85rem;
        --containerSidesMove: -225px;
        --containerSidesWidth: 450px;
        --containerSidesHeight: 450px;
        --containerSidesRadius: 50%;
        --containerSidesColorL: linear-gradient(90deg, hsla(var(--primary-h), var(--primary-s), 0%, 0), hsl(var(--primary-h), var(--primary-s), 40%));
        --containerSidesColorR: linear-gradient(270deg, hsla(var(--primary-h), var(--primary-s), 0%, 0), hsl(var(--primary-h), var(--primary-s), 40%));
        --containerSidesBlur: blur(100px);
        --containerSidesOpacity: 0.5;
        --containerButtonWidth: 200px;
        --heroAG1MIE: 250px
    }
}

.rounded-4 {
    border-radius: 10px !important
}

.rounded-5 {
    border-radius: 15px !important
}

.rounded-6 {
    border-radius: 20px !important
}

.rounded-7 {
    border-radius: 25px !important
}

.rounded-8 {
    border-radius: 30px !important
}

.rounded-9 {
    border-radius: 35px !important
}

.p-ly {
    padding: var(--layout-margin) !important
}

.pb-ly {
    padding-bottom: var(--layout-margin) !important
}

.pt-ly {
    padding-top: var(--layout-margin) !important
}

.py-ly {
    padding-top: var(--layout-margin) !important;
    padding-bottom: var(--layout-margin) !important
}

.ps-ly {
    -webkit-padding-start: var(--layout-margin) !important;
    padding-inline-start: var(--layout-margin) !important
}

.pe-ly {
    -webkit-padding-end: var(--layout-margin) !important;
    padding-inline-end: var(--layout-margin) !important
}

.px-ly {
    padding-left: var(--layout-margin) !important;
    padding-right: var(--layout-margin) !important
}

.p-ly-2x {
    padding: calc(var(--layout-margin) * 2) !important
}

.pb-ly-2x {
    padding-bottom: calc(var(--layout-margin) * 2) !important
}

.pt-ly-2x {
    padding-top: calc(var(--layout-margin) * 2) !important
}

.py-ly-2x {
    padding-top: calc(var(--layout-margin) * 2) !important;
    padding-bottom: calc(var(--layout-margin) * 2) !important
}

.ps-ly-2x {
    -webkit-padding-start: calc(var(--layout-margin) * 2) !important;
    padding-inline-start: calc(var(--layout-margin) * 2) !important
}

.pe-ly-2x {
    -webkit-padding-end: calc(var(--layout-margin) * 2) !important;
    padding-inline-end: calc(var(--layout-margin) * 2) !important
}

.px-ly-2x {
    padding-left: calc(var(--layout-margin) * 2) !important;
    padding-right: calc(var(--layout-margin) * 2) !important
}

.p-ly-3x {
    padding: calc(var(--layout-margin) * 3) !important
}

.pb-ly-3x {
    padding-bottom: calc(var(--layout-margin) * 3) !important
}

.pt-ly-3x {
    padding-top: calc(var(--layout-margin) * 3) !important
}

.py-ly-3x {
    padding-top: calc(var(--layout-margin) * 3) !important;
    padding-bottom: calc(var(--layout-margin) * 3) !important
}

.ps-ly-3x {
    -webkit-padding-start: calc(var(--layout-margin) * 3) !important;
    padding-inline-start: calc(var(--layout-margin) * 3) !important
}

.pe-ly-3x {
    -webkit-padding-end: calc(var(--layout-margin) * 3) !important;
    padding-inline-end: calc(var(--layout-margin) * 3) !important
}

.px-ly-3x {
    padding-left: calc(var(--layout-margin) * 3) !important;
    padding-right: calc(var(--layout-margin) * 3) !important
}

.m-ly {
    margin: var(--layout-margin) !important
}

.mb-ly {
    margin-bottom: var(--layout-margin) !important
}

.mt-ly {
    margin-top: var(--layout-margin) !important
}

.my-ly {
    margin-top: var(--layout-margin) !important;
    margin-bottom: var(--layout-margin) !important
}

.ms-ly {
    -webkit-margin-start: var(--layout-margin) !important;
    margin-inline-start: var(--layout-margin) !important
}

.me-ly {
    -webkit-margin-end: var(--layout-margin) !important;
    margin-inline-end: var(--layout-margin) !important
}

.mx-ly {
    -webkit-margin-start: var(--layout-margin) !important;
    margin-inline-start: var(--layout-margin) !important;
    -webkit-margin-end: var(--layout-margin) !important;
    margin-inline-end: var(--layout-margin) !important
}

.m-ly-2x {
    margin: calc(var(--layout-margin) * 2) !important
}

.mb-ly-2x {
    margin-bottom: calc(var(--layout-margin) * 2) !important
}

.mt-ly-2x {
    margin-top: calc(var(--layout-margin) * 2) !important
}

.my-ly-2x {
    margin-top: calc(var(--layout-margin) * 2) !important;
    margin-bottom: calc(var(--layout-margin) * 2) !important
}

.ms-ly-2x {
    -webkit-margin-start: calc(var(--layout-margin) * 2) !important;
    margin-inline-start: calc(var(--layout-margin) * 2) !important
}

.me-ly-2x {
    -webkit-margin-end: calc(var(--layout-margin) * 2) !important;
    margin-inline-end: calc(var(--layout-margin) * 2) !important
}

.mx-ly-2x {
    -webkit-margin-start: calc(var(--layout-margin) * 2) !important;
    margin-inline-start: calc(var(--layout-margin) * 2) !important;
    -webkit-margin-end: calc(var(--layout-margin) * 2) !important;
    margin-inline-end: calc(var(--layout-margin) * 2) !important
}

.m-ly-3x {
    margin: calc(var(--layout-margin) * 3) !important
}

.mb-ly-3x {
    margin-bottom: calc(var(--layout-margin) * 3) !important
}

.mt-ly-3x {
    margin-top: calc(var(--layout-margin) * 3) !important
}

.my-ly-3x {
    margin-top: calc(var(--layout-margin) * 3) !important;
    margin-bottom: calc(var(--layout-margin) * 3) !important
}

.ms-ly-3x {
    -webkit-margin-start: calc(var(--layout-margin) * 3) !important;
    margin-inline-start: calc(var(--layout-margin) * 3) !important
}

.me-ly-3x {
    -webkit-margin-end: calc(var(--layout-margin) * 3) !important;
    margin-inline-end: calc(var(--layout-margin) * 3) !important
}

.mx-ly-3x {
    -webkit-margin-start: calc(var(--layout-margin) * 3) !important;
    margin-inline-start: calc(var(--layout-margin) * 3) !important;
    -webkit-margin-end: calc(var(--layout-margin) * 3) !important;
    margin-inline-end: calc(var(--layout-margin) * 3) !important
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/Manrope.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/Manrope.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Manrope.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/Manrope.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/Manrope.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/Manrope.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/Manrope.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

body {
    background-color: var(--backgroundColor);
    color: var(--textColor);
    font-family: var(--fontFamily);
    font-weight: 400;
    margin: 0;
    padding: 0
}

input,
select {
    border: none;
    outline: none;
    border-radius: 0
}

.container-header {
    width: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    -webkit-transition: top 400ms ease-in-out, opacity 400ms ease-in-out, background 400ms linear;
    transition: top 400ms ease-in-out, opacity 400ms ease-in-out, background 400ms linear;
    --hdbgcl: linear-gradient(180deg, #031921 -33.97%, rgba(3, 25, 33, 0) 100%);
    background: var(--hdbgcl)
}

.container-header.home-page {
    top: -300px
}

.container-header .container-wrapper {
    max-width: 992px;
    width: 100%;
    position: relative;
    z-index: 2;
    margin: 0 auto
}

.container-header .container-wrapper .header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 calc(var(--layout-margin) / 1.8) 0 calc(var(--layout-margin) / 3);
    max-width: 1320px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .container-header .container-wrapper .header-wrapper {
        -webkit-padding-end: 0;
        padding-inline-end: 0
    }
}

.container-header .container-wrapper .header-wrapper .logo {
    width: 66px;
    height: 66px;
    background-image: url(../../img/RaykoTech_Logo_Head.png);
    background-size: 66px 66px;
    background-position: center;
    background-repeat: no-repeat
}

.container-header .container-wrapper .header-wrapper .list-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container-header .container-wrapper .header-wrapper .list-wrapper .link-list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767.98px) {
    .container-header .container-wrapper .header-wrapper .list-wrapper .link-list {
        display: none
    }
}

.container-header .container-wrapper .header-wrapper .list-wrapper .link-list::before {
    content: '';
    display: inline;
    width: 55%;
    height: 100%;
    position: absolute;
    z-index: -1;
    background: rgba(0, 0, 0, 0.7);
    -webkit-filter: blur(20px);
    filter: blur(20px)
}

.container-header .container-wrapper .header-wrapper .list-wrapper .link-list .list-item {
    font-size: var(--font-sm);
    -webkit-margin-end: var(--layout-margin);
    margin-inline-end: var(--layout-margin)
}

.container-header .container-wrapper .header-wrapper .list-wrapper .link-list .list-item a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.8)
}

.container-header .container-wrapper .header-wrapper .list-wrapper .link-list .list-item a:hover {
    color: #fff
}

.container-header .container-wrapper .header-wrapper .list-wrapper .language-changer {
    width: 40px;
    height: 40px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    opacity: 0.8;
    -webkit-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out
}

@media (max-width: 767.98px) {
    .container-header .container-wrapper .header-wrapper .list-wrapper .language-changer {
        -webkit-margin-end: calc(var(--layout-margin) / 2.5);
        margin-inline-end: calc(var(--layout-margin) / 2.5)
    }
}

@media (min-width: 768px) and (max-width: 1067.98px) {
    .container-header .container-wrapper .header-wrapper .list-wrapper .language-changer {
        -webkit-margin-end: var(--layout-margin);
        margin-inline-end: var(--layout-margin)
    }
}

.container-header .container-wrapper .header-wrapper .list-wrapper .language-changer.english {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='24' viewBox='0 0 30 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 4C10.5817 4 7 7.58172 7 12C7 13.4571 7.38958 14.8233 8.07026 16H21.9297C22.6104 14.8233 23 13.4571 23 12C23 7.58172 19.4183 4 15 4ZM5 12C5 6.47715 9.47715 2 15 2C20.5228 2 25 6.47715 25 12C25 13.4222 24.7031 14.7751 24.1679 16H5.83209C5.29689 14.7751 5 13.4222 5 12Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.6001 10C5.6001 9.44772 6.04781 9 6.6001 9H23.4001C23.9524 9 24.4001 9.44772 24.4001 10C24.4001 10.5523 23.9524 11 23.4001 11H6.6001C6.04781 11 5.6001 10.5523 5.6001 10Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.6001 14C5.6001 13.4477 6.04781 13 6.6001 13H23.4001C23.9524 13 24.4001 13.4477 24.4001 14C24.4001 14.5523 23.9524 15 23.4001 15H6.6001C6.04781 15 5.6001 14.5523 5.6001 14Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0293 2.15165C15.4979 2.44403 15.6407 3.06089 15.3483 3.52942C13.7627 6.07024 12.9221 9.00506 12.9221 12C12.9221 13.356 13.0944 14.6997 13.4302 16H11.3722C11.0745 14.6938 10.9221 13.3523 10.9221 12C10.9221 8.63069 11.8678 5.32901 13.6515 2.4706C13.9439 2.00206 14.5608 1.85926 15.0293 2.15165Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9705 2.15165C15.439 1.85926 16.0559 2.00206 16.3483 2.4706C18.132 5.32901 19.0777 8.63069 19.0777 12C19.0777 13.3523 18.9253 14.6938 18.6276 16H16.5696C16.9054 14.6997 17.0777 13.356 17.0777 12C17.0777 9.00506 16.2371 6.07024 14.6515 3.52942C14.3591 3.06089 14.5019 2.44403 14.9705 2.15165Z' fill='white'/%3E%3Cpath d='M0.693604 22V16.96H3.9486V17.751H1.5371V18.9935H3.5286V19.7845H1.5371V21.209H3.9486V22H0.693604Z' fill='white'/%3E%3Cpath d='M4.78833 22V16.96H5.64233L7.98033 20.5125V16.96H8.83433V22H7.98033L5.64233 18.4475V22H4.78833Z' fill='white'/%3E%3Cpath d='M11.8917 22.105C11.5651 22.105 11.2582 22.0478 10.9712 21.9335C10.6866 21.8168 10.4357 21.6465 10.2187 21.4225C10.0041 21.1985 9.83608 20.9243 9.71474 20.6C9.59341 20.2733 9.53274 19.9 9.53274 19.48C9.53274 18.9293 9.63541 18.4592 9.84074 18.0695C10.0461 17.6775 10.3272 17.3777 10.6842 17.17C11.0412 16.96 11.4437 16.855 11.8917 16.855C12.5124 16.855 13.0036 16.9997 13.3652 17.289C13.7292 17.576 13.9754 17.9797 14.1037 18.5L13.2427 18.6365C13.1471 18.3378 12.9907 18.0998 12.7737 17.9225C12.5567 17.7428 12.2802 17.653 11.9442 17.653C11.6059 17.6483 11.3247 17.7218 11.1007 17.8735C10.8767 18.0252 10.7076 18.2387 10.5932 18.514C10.4812 18.7893 10.4252 19.1113 10.4252 19.48C10.4252 19.8487 10.4812 20.1695 10.5932 20.4425C10.7052 20.7132 10.8732 20.9243 11.0972 21.076C11.3236 21.2277 11.6059 21.3058 11.9442 21.3105C12.1986 21.3128 12.4214 21.2673 12.6127 21.174C12.8041 21.0783 12.9604 20.9348 13.0817 20.7435C13.2031 20.5498 13.2847 20.3083 13.3267 20.019H12.4377V19.3575H14.2227C14.2274 19.3948 14.2309 19.4497 14.2332 19.522C14.2356 19.5943 14.2367 19.6375 14.2367 19.6515C14.2367 20.1275 14.1422 20.551 13.9532 20.922C13.7666 21.2907 13.4982 21.58 13.1482 21.79C12.7982 22 12.3794 22.105 11.8917 22.105Z' fill='white'/%3E%3Cpath d='M15.0097 22V16.96H15.8532V21.209H18.0792V22H15.0097Z' fill='white'/%3E%3Cpath d='M18.7421 22V16.96H19.5856V22H18.7421Z' fill='white'/%3E%3Cpath d='M22.4995 22.105C22.1309 22.105 21.7984 22.0408 21.502 21.9125C21.208 21.7842 20.9654 21.601 20.774 21.363C20.585 21.1227 20.4649 20.838 20.4135 20.509L21.2885 20.376C21.3632 20.6747 21.516 20.9057 21.747 21.069C21.9804 21.2323 22.2487 21.314 22.552 21.314C22.7317 21.314 22.9009 21.286 23.0595 21.23C23.2182 21.174 23.3465 21.0923 23.4445 20.985C23.5449 20.8777 23.595 20.7458 23.595 20.5895C23.595 20.5195 23.5834 20.4553 23.56 20.397C23.5367 20.3363 23.5017 20.2827 23.455 20.236C23.4107 20.1893 23.3524 20.1473 23.28 20.11C23.21 20.0703 23.1284 20.0365 23.035 20.0085L21.733 19.6235C21.621 19.5908 21.4997 19.5477 21.369 19.494C21.2407 19.438 21.1182 19.3622 21.0015 19.2665C20.8872 19.1685 20.7927 19.0448 20.718 18.8955C20.6457 18.7438 20.6095 18.5572 20.6095 18.3355C20.6095 18.0112 20.6912 17.7393 20.8545 17.52C21.0202 17.2983 21.2419 17.1327 21.5195 17.023C21.7995 16.9133 22.1099 16.8597 22.4505 16.862C22.7959 16.8643 23.1039 16.9238 23.3745 17.0405C23.6452 17.1548 23.8715 17.3217 24.0535 17.541C24.2355 17.7603 24.3639 18.0252 24.4385 18.3355L23.532 18.493C23.4947 18.3157 23.4224 18.1652 23.315 18.0415C23.21 17.9155 23.0805 17.8198 22.9265 17.7545C22.7749 17.6892 22.6127 17.6542 22.44 17.6495C22.272 17.6472 22.1157 17.6728 21.971 17.7265C21.8287 17.7778 21.7132 17.8525 21.6245 17.9505C21.5382 18.0485 21.495 18.1628 21.495 18.2935C21.495 18.4172 21.5324 18.5187 21.607 18.598C21.6817 18.675 21.7739 18.7368 21.8835 18.7835C21.9955 18.8278 22.1087 18.8652 22.223 18.8955L23.126 19.1475C23.2497 19.1802 23.3885 19.2245 23.5425 19.2805C23.6965 19.3365 23.8447 19.4147 23.987 19.515C24.1294 19.6153 24.246 19.7472 24.337 19.9105C24.4304 20.0738 24.477 20.2815 24.477 20.5335C24.477 20.7948 24.4222 21.0247 24.3125 21.223C24.2052 21.419 24.0594 21.5823 23.875 21.713C23.6907 21.8437 23.4795 21.9417 23.2415 22.007C23.0059 22.0723 22.7585 22.105 22.4995 22.105Z' fill='white'/%3E%3Cpath d='M25.2346 22V16.96H26.0781V19.081H28.4651V16.96H29.3051V22H28.4651V19.872H26.0781V22H25.2346Z' fill='white'/%3E%3C/svg%3E%0A")
}

.container-header .container-wrapper .header-wrapper .list-wrapper .language-changer.kr {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='24' viewBox='0 0 30 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 4C10.5817 4 7 7.58172 7 12C7 13.4571 7.38958 14.8233 8.07026 16H21.9297C22.6104 14.8233 23 13.4571 23 12C23 7.58172 19.4183 4 15 4ZM5 12C5 6.47715 9.47715 2 15 2C20.5228 2 25 6.47715 25 12C25 13.4222 24.7031 14.7751 24.1679 16H5.83209C5.29689 14.7751 5 13.4222 5 12Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.6001 10C5.6001 9.44772 6.04781 9 6.6001 9H23.4001C23.9524 9 24.4001 9.44772 24.4001 10C24.4001 10.5523 23.9524 11 23.4001 11H6.6001C6.04781 11 5.6001 10.5523 5.6001 10Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.6001 14C5.6001 13.4477 6.04781 13 6.6001 13H23.4001C23.9524 13 24.4001 13.4477 24.4001 14C24.4001 14.5523 23.9524 15 23.4001 15H6.6001C6.04781 15 5.6001 14.5523 5.6001 14Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0293 2.15165C15.4979 2.44403 15.6407 3.06089 15.3483 3.52942C13.7627 6.07024 12.9221 9.00506 12.9221 12C12.9221 13.356 13.0944 14.6997 13.4302 16H11.3722C11.0745 14.6938 10.9221 13.3523 10.9221 12C10.9221 8.63069 11.8678 5.32901 13.6515 2.4706C13.9439 2.00206 14.5608 1.85926 15.0293 2.15165Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9705 2.15165C15.439 1.85926 16.0559 2.00206 16.3483 2.4706C18.132 5.32901 19.0777 8.63069 19.0777 12C19.0777 13.3523 18.9253 14.6938 18.6276 16H16.5696C16.9054 14.6997 17.0777 13.356 17.0777 12C17.0777 9.00506 16.2371 6.07024 14.6515 3.52942C14.3591 3.06089 14.5019 2.44403 14.9705 2.15165Z' fill='white'/%3E%3Cpath d='M0 22.1381V17.0981H0.8435V19.4361L2.856 17.0981H3.892L1.7255 19.5691L4.039 22.1381H2.968L0.8435 19.7861V22.1381H0Z' fill='white'/%3E%3Cpath d='M6.56223 22.2431C6.16089 22.2431 5.80739 22.1614 5.50173 21.9981C5.19839 21.8347 4.96039 21.6049 4.78773 21.3086C4.61739 21.0122 4.53223 20.6646 4.53223 20.2656V17.1051L5.38623 17.0981V20.2446C5.38623 20.4336 5.41773 20.6027 5.48073 20.7521C5.54606 20.9014 5.63356 21.0286 5.74323 21.1336C5.85289 21.2362 5.97889 21.3144 6.12123 21.3681C6.26356 21.4217 6.41056 21.4486 6.56223 21.4486C6.71856 21.4486 6.86673 21.4217 7.00673 21.3681C7.14906 21.3121 7.27506 21.2327 7.38473 21.1301C7.49439 21.0251 7.58073 20.8979 7.64373 20.7486C7.70673 20.5992 7.73823 20.4312 7.73823 20.2446V17.0981H8.59223V20.2656C8.59223 20.6646 8.50589 21.0122 8.33323 21.3086C8.16289 21.6049 7.92489 21.8347 7.61923 21.9981C7.31589 22.1614 6.96356 22.2431 6.56223 22.2431Z' fill='white'/%3E%3Cpath d='M9.57031 22.1381V17.0981H11.6528C11.7018 17.0981 11.7648 17.1004 11.8418 17.1051C11.9188 17.1074 11.99 17.1144 12.0553 17.1261C12.347 17.1704 12.5873 17.2672 12.7763 17.4166C12.9676 17.5659 13.1088 17.7549 13.1998 17.9836C13.2931 18.2099 13.3398 18.4619 13.3398 18.7396C13.3398 19.1502 13.236 19.5037 13.0283 19.8001C12.8206 20.0941 12.5021 20.2761 12.0728 20.3461L11.7123 20.3776H10.4138V22.1381H9.57031ZM12.4648 22.1381L11.4708 20.0871L12.3283 19.8981L13.4203 22.1381H12.4648ZM10.4138 19.5901H11.6178C11.6645 19.5901 11.717 19.5877 11.7753 19.5831C11.8336 19.5784 11.8873 19.5691 11.9363 19.5551C12.0763 19.5201 12.186 19.4582 12.2653 19.3696C12.347 19.2809 12.4041 19.1806 12.4368 19.0686C12.4718 18.9566 12.4893 18.8469 12.4893 18.7396C12.4893 18.6322 12.4718 18.5226 12.4368 18.4106C12.4041 18.2962 12.347 18.1947 12.2653 18.1061C12.186 18.0174 12.0763 17.9556 11.9363 17.9206C11.8873 17.9066 11.8336 17.8984 11.7753 17.8961C11.717 17.8914 11.6645 17.8891 11.6178 17.8891H10.4138V19.5901Z' fill='white'/%3E%3Cpath d='M14.1914 22.1381V17.0981H15.7979C15.8399 17.0981 15.9227 17.0992 16.0464 17.1016C16.1724 17.1039 16.2937 17.1121 16.4104 17.1261C16.8094 17.1774 17.1466 17.3197 17.4219 17.5531C17.6996 17.7841 17.9096 18.0792 18.0519 18.4386C18.1942 18.7979 18.2654 19.1911 18.2654 19.6181C18.2654 20.0451 18.1942 20.4382 18.0519 20.7976C17.9096 21.1569 17.6996 21.4532 17.4219 21.6866C17.1466 21.9176 16.8094 22.0587 16.4104 22.1101C16.2961 22.1241 16.1759 22.1322 16.0499 22.1346C15.9239 22.1369 15.8399 22.1381 15.7979 22.1381H14.1914ZM15.0489 21.3436H15.7979C15.8679 21.3436 15.9566 21.3412 16.0639 21.3366C16.1736 21.3319 16.2704 21.3214 16.3544 21.3051C16.5924 21.2607 16.7861 21.1546 16.9354 20.9866C17.0847 20.8186 17.1944 20.6144 17.2644 20.3741C17.3367 20.1337 17.3729 19.8817 17.3729 19.6181C17.3729 19.3451 17.3367 19.0884 17.2644 18.8481C17.1921 18.6077 17.0801 18.4059 16.9284 18.2426C16.7791 18.0792 16.5877 17.9754 16.3544 17.9311C16.2704 17.9124 16.1736 17.9019 16.0639 17.8996C15.9566 17.8949 15.8679 17.8926 15.7979 17.8926H15.0489V21.3436Z' fill='white'/%3E%3Cpath d='M19.1628 22.1381V17.0981H20.0063V22.1381H19.1628Z' fill='white'/%3E%3Cpath d='M22.9202 22.2431C22.5515 22.2431 22.219 22.1789 21.9227 22.0506C21.6287 21.9222 21.386 21.7391 21.1947 21.5011C21.0057 21.2607 20.8855 20.9761 20.8342 20.6471L21.7092 20.5141C21.7839 20.8127 21.9367 21.0437 22.1677 21.2071C22.401 21.3704 22.6694 21.4521 22.9727 21.4521C23.1524 21.4521 23.3215 21.4241 23.4802 21.3681C23.6389 21.3121 23.7672 21.2304 23.8652 21.1231C23.9655 21.0157 24.0157 20.8839 24.0157 20.7276C24.0157 20.6576 24.004 20.5934 23.9807 20.5351C23.9574 20.4744 23.9224 20.4207 23.8757 20.3741C23.8314 20.3274 23.773 20.2854 23.7007 20.2481C23.6307 20.2084 23.549 20.1746 23.4557 20.1466L22.1537 19.7616C22.0417 19.7289 21.9204 19.6857 21.7897 19.6321C21.6614 19.5761 21.5389 19.5002 21.4222 19.4046C21.3079 19.3066 21.2134 19.1829 21.1387 19.0336C21.0664 18.8819 21.0302 18.6952 21.0302 18.4736C21.0302 18.1492 21.1119 17.8774 21.2752 17.6581C21.4409 17.4364 21.6625 17.2707 21.9402 17.1611C22.2202 17.0514 22.5305 16.9977 22.8712 17.0001C23.2165 17.0024 23.5245 17.0619 23.7952 17.1786C24.0659 17.2929 24.2922 17.4597 24.4742 17.6791C24.6562 17.8984 24.7845 18.1632 24.8592 18.4736L23.9527 18.6311C23.9154 18.4537 23.843 18.3032 23.7357 18.1796C23.6307 18.0536 23.5012 17.9579 23.3472 17.8926C23.1955 17.8272 23.0334 17.7922 22.8607 17.7876C22.6927 17.7852 22.5364 17.8109 22.3917 17.8646C22.2494 17.9159 22.1339 17.9906 22.0452 18.0886C21.9589 18.1866 21.9157 18.3009 21.9157 18.4316C21.9157 18.5552 21.953 18.6567 22.0277 18.7361C22.1024 18.8131 22.1945 18.8749 22.3042 18.9216C22.4162 18.9659 22.5294 19.0032 22.6437 19.0336L23.5467 19.2856C23.6704 19.3182 23.8092 19.3626 23.9632 19.4186C24.1172 19.4746 24.2654 19.5527 24.4077 19.6531C24.55 19.7534 24.6667 19.8852 24.7577 20.0486C24.851 20.2119 24.8977 20.4196 24.8977 20.6716C24.8977 20.9329 24.8429 21.1627 24.7332 21.3611C24.6259 21.5571 24.48 21.7204 24.2957 21.8511C24.1114 21.9817 23.9002 22.0797 23.6622 22.1451C23.4265 22.2104 23.1792 22.2431 22.9202 22.2431Z' fill='white'/%3E%3Cpath d='M25.6553 22.1381V17.0981H26.4988V19.2191H28.8858V17.0981H29.7258V22.1381H28.8858V20.0101H26.4988V22.1381H25.6553Z' fill='white'/%3E%3C/svg%3E%0A")
}

.container-header .container-wrapper .header-wrapper .list-wrapper .language-changer:hover {
    opacity: 1
}

.container-header .container-wrapper .header-wrapper .list-wrapper .menu-button {
    width: 50px;
    height: 50px;
    padding: 10px;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    z-index: 10;
    cursor: pointer;
    border-radius: 50%;
    background-color: hsla(var(--primary-h), var(--primary-s), 10%, 0);
    -webkit-transition: background-color 300ms ease-in-out, border 300ms ease-in-out;
    transition: background-color 300ms ease-in-out, border 300ms ease-in-out;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

@media (min-width: 768px) {
    .container-header .container-wrapper .header-wrapper .list-wrapper .menu-button {
        display: none
    }
}

.container-header .container-wrapper .header-wrapper .list-wrapper .menu-button[aria-expanded="true"] {
    background-color: hsl(var(--primary-h), var(--primary-s), 10%);
    border: 1px solid hsl(var(--primary-h), var(--primary-s), 20%)
}

.container-header .container-wrapper .header-wrapper .list-wrapper .menu-button[aria-expanded="true"] span {
    opacity: 0
}

.container-header .container-wrapper .header-wrapper .list-wrapper .menu-button[aria-expanded="true"] span.x {
    opacity: 1 !important;
    background-color: transparent
}

.container-header .container-wrapper .header-wrapper .list-wrapper .menu-button[aria-expanded="true"] span.x::before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 1 !important
}

.container-header .container-wrapper .header-wrapper .list-wrapper .menu-button[aria-expanded="true"] span.x::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 1 !important
}

.container-header .container-wrapper .header-wrapper .list-wrapper .menu-button span {
    width: 100%;
    height: 3px;
    background-color: white;
    border-radius: 10rem;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.container-header .container-wrapper .header-wrapper .list-wrapper .menu-button span.x {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    justify-items: center;
    position: relative;
    border-radius: 10rem;
    -webkit-transition: background-color 400ms ease-in-out;
    transition: background-color 400ms ease-in-out;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.container-header .container-wrapper .header-wrapper .list-wrapper .menu-button span.x::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: white;
    border-radius: 10rem;
    opacity: 1 !important;
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    transition: -webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.container-header .container-wrapper .header-wrapper .list-wrapper .menu-button span.x::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: white;
    border-radius: 10rem;
    opacity: 1 !important;
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    transition: -webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.container-header .container-wrapper .header-wrapper .list-wrapper .menu-button i:nth-child(1) {
    width: auto;
    height: 3px;
    background: white;
    border-radius: 10rem;
    opacity: 1;
    margin-top: 6px;
    -webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.container-header .container-wrapper .header-wrapper .list-wrapper .menu-button i:nth-child(2) {
    width: auto;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1
}

.container-header .container-wrapper .header-wrapper .list-wrapper .menu-button i:nth-child(2)::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 3px;
    background: #fff;
    border-radius: 10rem;
    margin: 5px 0;
    opacity: 1;
    -webkit-transform-origin: 10px top center;
    transform-origin: 10px top center;
    -webkit-transition: background 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition: background 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out, background 400ms ease-in-out;
    transition: transform 400ms ease-in-out, background 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.container-header .container-wrapper .header-wrapper .list-wrapper .menu-button i:nth-child(2)::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 3px;
    background: #fff;
    border-radius: 10rem;
    margin: 5px 0;
    opacity: 1;
    -webkit-transform-origin: 10px bottom center;
    transform-origin: 10px bottom center;
    -webkit-transition: background 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition: background 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out, background 400ms ease-in-out;
    transition: transform 400ms ease-in-out, background 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.container-header .container-wrapper .header-wrapper .list-wrapper .menu-button i:nth-child(3) {
    width: auto;
    height: 3px;
    background: white;
    margin-bottom: 6px;
    border-radius: 10rem;
    opacity: 1;
    -webkit-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.container-header .container-wrapper .mobile-menu {
    margin: 0 auto
}

@media (min-width: 768px) {
    .container-header .container-wrapper .mobile-menu {
        display: none
    }
}

.container-header .container-wrapper .mobile-menu .menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: var(--layout-margin)
}

.container-header .container-wrapper .mobile-menu .menu-list .menu-item {
    font-size: var(--font-lg);
    color: white;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-transition: -webkit-margin-start 200ms ease-in-out;
    transition: -webkit-margin-start 200ms ease-in-out;
    transition: margin-inline-start 200ms ease-in-out;
    transition: margin-inline-start 200ms ease-in-out, -webkit-margin-start 200ms ease-in-out
}

.container-header .container-wrapper .mobile-menu .menu-list .menu-item span {
    display: inline-block;
    position: relative;
    z-index: 2
}

.container-header .container-wrapper .mobile-menu .menu-list .menu-item span::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #040404;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    -webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out
}

.container-header .container-wrapper .mobile-menu .menu-list .menu-item .arrow {
    width: 100%;
    height: 3px;
    --arLBgR: 90deg;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--arLBgR)), color-stop(rgba(4, 4, 4, 0)), to(white));
    background: linear-gradient(var(--arLBgR), rgba(4, 4, 4, 0), white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    z-index: 0;
    border-radius: 10rem;
    margin-top: 3px;
    --arBM: 0px;
    --arW: calc(var(--font-lg) - 6px);
    --arH: 5px;
    --arRT: 45deg;
    --arRB: -45deg;
    --arO: right;
    --arBB: 2.5px;
    --arTT: -1.4px
}

.container-header .container-wrapper .mobile-menu .menu-list .menu-item .arrow::before {
    content: '';
    width: var(--arW);
    height: var(--arH);
    display: block;
    position: relative;
    background: #fff;
    top: var(--arTT);
    -webkit-transform: rotate(var(--arRB));
    transform: rotate(var(--arRB));
    -webkit-transform-origin: var(--arO);
    transform-origin: var(--arO);
    -webkit-margin-end: -1.4px;
    margin-inline-end: -1.4px;
    border: 1.8px solid white;
    border-radius: 10rem
}

.container-header .container-wrapper .mobile-menu .menu-list .menu-item .arrow::after {
    content: '';
    width: var(--arW);
    height: var(--arH);
    display: block;
    position: relative;
    background: #fff;
    bottom: var(--arBB);
    float: var(--arO);
    -webkit-transform: rotate(var(--arRT));
    transform: rotate(var(--arRT));
    -webkit-transform-origin: var(--arO);
    transform-origin: var(--arO);
    -webkit-margin-end: -1.3px;
    margin-inline-end: -1.3px;
    border: 1.7px solid white;
    border-radius: 10rem
}

.scroll-header {
    top: 0 !important;
    opacity: 1
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 600ms ease, opacity 600ms ease !important;
    transition: height 600ms ease, opacity 600ms ease !important;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.raykoTech-hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 100vh;
    background-color: var(--backgroundColor);
    direction: ltr
}

@supports (background: -webkit-named-image(i)) {
    .raykoTech-hero {
        max-height: 100vh;
        max-height: -webkit-fill-available
    }
}

.raykoTech-hero::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    opacity: 0.5;
    background: var(--primaryColor);
    -webkit-filter: blur(200px);
    filter: blur(200px);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-name: heroBGAnimation;
    animation-name: heroBGAnimation;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.raykoTech-hero .wrapper {
    max-height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

@media (max-width: 524.98px) {
    .raykoTech-hero .wrapper {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@-webkit-keyframes heroBGAnimation {
    0% {
        width: 100px;
        height: 100px
    }
    100% {
        width: 300px;
        height: 300px
    }
}

@keyframes heroBGAnimation {
    0% {
        width: 100px;
        height: 100px
    }
    100% {
        width: 300px;
        height: 300px
    }
}

.raykoTech-hero .wrapper .loading-animation {
    position: absolute;
    z-index: 1;
    width: 140px;
    height: 140px;
    -webkit-animation-name: loadingAnimations;
    animation-name: loadingAnimations;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.raykoTech-hero .wrapper .phone {
    position: relative;
    z-index: 1;
    -webkit-transform: scale(4);
    transform: scale(4);
    opacity: 0;
    -webkit-filter: drop-shadow(0px 0px 21px rgba(0, 0, 0, 0));
    filter: drop-shadow(0px 0px 21px rgba(0, 0, 0, 0));
    -webkit-animation-name: phoneScale;
    animation-name: phoneScale;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
    -webkit-animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.raykoTech-hero .wrapper .phone .bezel {
    background-image: url(../../img/phoneBezel.png);
    width: 220px;
    height: 800px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute
}

.raykoTech-hero .wrapper .phone .screen {
    background-image: url(../../img/phoneScreen.png);
    width: 220px;
    height: 800px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

@-webkit-keyframes phoneScale {
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -webkit-filter: drop-shadow(0px 0px 21px rgba(0, 0, 0, 0.586));
        filter: drop-shadow(0px 0px 21px rgba(0, 0, 0, 0.586))
    }
}

@keyframes phoneScale {
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -webkit-filter: drop-shadow(0px 0px 21px rgba(0, 0, 0, 0.586));
        filter: drop-shadow(0px 0px 21px rgba(0, 0, 0, 0.586))
    }
}

@-webkit-keyframes loadingAnimations {
    40% {
        opacity: 0;
        top: 0;
        width: 140px;
        height: 140px
    }
    100% {
        opacity: 1;
        top: -100px;
        width: 140px;
        height: 140px
    }
}

@keyframes loadingAnimations {
    40% {
        opacity: 0;
        top: 0;
        width: 140px;
        height: 140px
    }
    100% {
        opacity: 1;
        top: -100px;
        width: 140px;
        height: 140px
    }
}

.raykoTech-hero .wrapper .apps {
    max-width: 220px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.raykoTech-hero .wrapper .apps .apps-group-1 {
    position: relative;
    width: 300px;
    height: 435px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-margin-end: 250px;
    margin-inline-end: 250px
}

.raykoTech-hero .wrapper .apps .apps-group-1 .app-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    --appSize: 50px;
    --lastLocationX: 62px;
    --lastLocationY: -10px;
    width: var(--appSize);
    height: var(--appSize);
    background-size: var(--appSize);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 22%;
    -webkit-animation-name: appAnimationsXAxis1;
    animation-name: appAnimationsXAxis1;
    -webkit-animation-duration: 900ms;
    animation-duration: 900ms;
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.raykoTech-hero .wrapper .apps .apps-group-1 .app-1::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    opacity: 0;
    --lastZindex: -1;
    width: var(--appSize);
    height: var(--appSize);
    background-image: url(../../img/AppImages/appImageWhatsapp.png);
    background-size: var(--appSize);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-shadow: -1px 10px 15px 6px rgba(0, 0, 0, 0.3);
    box-shadow: -1px 10px 15px 6px rgba(0, 0, 0, 0.3);
    border-radius: 22%;
    -webkit-animation-name: appAnimationsYAxis1;
    animation-name: appAnimationsYAxis1;
    -webkit-animation-duration: 900ms;
    animation-duration: 900ms;
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.raykoTech-hero .wrapper .apps .apps-group-1 .app-2 {
    position: absolute;
    top: 0;
    left: 0;
    --appSize: 70px;
    --lastLocationX: 180px;
    --lastLocationY: -70px;
    width: 100%;
    height: 100%;
    -webkit-animation-name: appAnimationsXAxis1;
    animation-name: appAnimationsXAxis1;
    -webkit-animation-duration: 1100ms;
    animation-duration: 1100ms;
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.raykoTech-hero .wrapper .apps .apps-group-1 .app-2::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    opacity: 0;
    --lastZindex: 10;
    width: var(--appSize);
    height: var(--appSize);
    background-image: url(../../img/AppImages/appImageYoutube.png);
    background-size: var(--appSize);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-shadow: 5px 10px 15px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 10px 15px 6px rgba(0, 0, 0, 0.3);
    border-radius: 22%;
    -webkit-animation-name: appAnimationsYAxis1;
    animation-name: appAnimationsYAxis1;
    -webkit-animation-duration: 1100ms;
    animation-duration: 1100ms;
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.raykoTech-hero .wrapper .apps .apps-group-1 .app-3 {
    position: absolute;
    top: 0;
    left: 0;
    --appSize: 88px;
    --lastLocationX: 290px;
    --lastLocationY: -27px;
    width: 100%;
    height: 100%;
    -webkit-animation-name: appAnimationsXAxis1;
    animation-name: appAnimationsXAxis1;
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.raykoTech-hero .wrapper .apps .apps-group-1 .app-3::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -10;
    opacity: 0;
    --lastZindex: 10;
    width: var(--appSize);
    height: var(--appSize);
    background-image: url(../../img/AppImages/appImageSpotify.png);
    background-size: var(--appSize);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-shadow: 6px 12px 15px 6px rgba(0, 0, 0, 0.9);
    box-shadow: 6px 12px 15px 6px rgba(0, 0, 0, 0.9);
    border-radius: 22%;
    -webkit-animation-name: appAnimationsYAxis1;
    animation-name: appAnimationsYAxis1;
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.raykoTech-hero .wrapper .apps .apps-group-2 {
    position: relative;
    width: 300px;
    height: 435px;
    margin-bottom: -600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.raykoTech-hero .wrapper .apps .apps-group-2 .app-6 {
    position: absolute;
    bottom: 0;
    right: 0;
    --appSize: 88px;
    --lastLocationX: 210px;
    --lastLocationY: -27px;
    width: 100%;
    height: 100%;
    -webkit-animation-name: appAnimationsXAxis2;
    animation-name: appAnimationsXAxis2;
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.raykoTech-hero .wrapper .apps .apps-group-2 .app-6::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -10;
    opacity: 0;
    --lastZindex: 10;
    width: var(--appSize);
    height: var(--appSize);
    background-image: url(../../img/AppImages/appImageTiktok.png);
    background-size: var(--appSize);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-shadow: -5px 10px 15px 6px rgba(0, 0, 0, 0.3);
    box-shadow: -5px 10px 15px 6px rgba(0, 0, 0, 0.3);
    border-radius: 22%;
    -webkit-animation-name: appAnimationsYAxis2;
    animation-name: appAnimationsYAxis2;
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.raykoTech-hero .wrapper .apps .apps-group-2 .app-5 {
    position: absolute;
    bottom: 0;
    right: 0;
    --appSize: 70px;
    --lastLocationX: 80px;
    --lastLocationY: -70px;
    width: 100%;
    height: 100%;
    -webkit-animation-name: appAnimationsXAxis2;
    animation-name: appAnimationsXAxis2;
    -webkit-animation-duration: 1100ms;
    animation-duration: 1100ms;
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.raykoTech-hero .wrapper .apps .apps-group-2 .app-5::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    opacity: 0;
    --lastZindex: 10;
    width: var(--appSize);
    height: var(--appSize);
    background-image: url(../../img/AppImages/appImageInstagram.png);
    background-size: var(--appSize);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-shadow: -5px 10px 15px 6px rgba(0, 0, 0, 0.3);
    box-shadow: -5px 10px 15px 6px rgba(0, 0, 0, 0.3);
    border-radius: 22%;
    -webkit-animation-name: appAnimationsYAxis2;
    animation-name: appAnimationsYAxis2;
    -webkit-animation-duration: 1100ms;
    animation-duration: 1100ms;
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.raykoTech-hero .wrapper .apps .apps-group-2 .app-4 {
    position: absolute;
    bottom: 0;
    right: 0;
    --appSize: 50px;
    --lastLocationX: -40px;
    --lastLocationY: -10px;
    width: 100%;
    height: 100%;
    -webkit-animation-name: appAnimationsXAxis2;
    animation-name: appAnimationsXAxis2;
    -webkit-animation-duration: 900ms;
    animation-duration: 900ms;
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.raykoTech-hero .wrapper .apps .apps-group-2 .app-4::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    opacity: 0;
    --lastZindex: -1;
    width: var(--appSize);
    height: var(--appSize);
    background-image: url(../../img/AppImages/appImagePubgm.png);
    background-size: var(--appSize);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-shadow: -1px 10px 15px 6px rgba(0, 0, 0, 0.3);
    box-shadow: -1px 10px 15px 6px rgba(0, 0, 0, 0.3);
    border-radius: 22%;
    -webkit-animation-name: appAnimationsYAxis2;
    animation-name: appAnimationsYAxis2;
    -webkit-animation-duration: 900ms;
    animation-duration: 900ms;
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes appAnimationsXAxis1 {
    0% {
        top: 0
    }
    100% {
        top: var(--lastLocationX)
    }
}

@keyframes appAnimationsXAxis1 {
    0% {
        top: 0
    }
    100% {
        top: var(--lastLocationX)
    }
}

@-webkit-keyframes appAnimationsYAxis1 {
    0% {
        left: 50px;
        z-index: -10;
        opacity: 0
    }
    50% {
        left: calc(var(--lastLocationY) - 30px)
    }
    100% {
        left: calc(var(--lastLocationY) * 1.2);
        z-index: var(--lastZindex);
        opacity: 1
    }
}

@keyframes appAnimationsYAxis1 {
    0% {
        left: 50px;
        z-index: -10;
        opacity: 0
    }
    50% {
        left: calc(var(--lastLocationY) - 30px)
    }
    100% {
        left: calc(var(--lastLocationY) * 1.2);
        z-index: var(--lastZindex);
        opacity: 1
    }
}

@-webkit-keyframes appAnimationsXAxis2 {
    0% {
        bottom: 0
    }
    100% {
        bottom: var(--lastLocationX)
    }
}

@keyframes appAnimationsXAxis2 {
    0% {
        bottom: 0
    }
    100% {
        bottom: var(--lastLocationX)
    }
}

@-webkit-keyframes appAnimationsYAxis2 {
    0% {
        right: 50px;
        z-index: -10;
        opacity: 0
    }
    50% {
        right: calc(var(--lastLocationY) - 30px)
    }
    100% {
        right: calc(var(--lastLocationY) * 1.2);
        z-index: var(--lastZindex);
        opacity: 1
    }
}

@keyframes appAnimationsYAxis2 {
    0% {
        right: 50px;
        z-index: -10;
        opacity: 0
    }
    50% {
        right: calc(var(--lastLocationY) - 30px)
    }
    100% {
        right: calc(var(--lastLocationY) * 1.2);
        z-index: var(--lastZindex);
        opacity: 1
    }
}

.raykoTech-hero .wrapper .raykoTechText {
    position: absolute;
    bottom: -40px;
    width: 120px
}

.raykoTech-hero .to-login {
    text-decoration: none;
    color: white;
    font-size: var(--font-xxl);
    position: absolute;
    bottom: calc(1vw / 2);
    z-index: 10;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
    -webkit-animation: arrowToLogin 5s infinite cubic-bezier(0.1, 0.13, 0, 0.77);
    animation: arrowToLogin 5s infinite cubic-bezier(0.1, 0.13, 0, 0.77)
}

.raykoTech-hero .to-login:hover {
    opacity: 1
}

@-webkit-keyframes arrowToLogin {
    0% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }
    50% {
        -webkit-transform: translateY(calc(var(--layout-margin) / 2)) scale(1.2);
        transform: translateY(calc(var(--layout-margin) / 2)) scale(1.2)
    }
    100% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }
}

@keyframes arrowToLogin {
    0% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }
    50% {
        -webkit-transform: translateY(calc(var(--layout-margin) / 2)) scale(1.2);
        transform: translateY(calc(var(--layout-margin) / 2)) scale(1.2)
    }
    100% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }
}

.container-packages .package-card {
    min-height: 100vh;
    overflow-x: hidden;
    padding: var(--layout-margin) 0
}

@supports (background: -webkit-named-image(i)) {
    .container-packages .package-card {
        min-height: 100vh;
        min-height: -webkit-fill-available
    }
}

.container-packages .package-card.premium {
    --packageNameBg: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 945.19 697.63'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23linear-gradient);%7D%3C/style%3E%3ClinearGradient id='linear-gradient' x1='472.59' y1='679.64' x2='472.59' y2='100.74' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e3d229'/%3E%3Cstop offset='1' stop-color='%23e3d229' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Layer_5'%3E%3Cpolygon class='cls-1' points='945.19 0 472.69 610.91 0 .08 0 86.81 472.69 697.63 945.19 86.73 945.19 0'/%3E%3C/g%3E%3C/svg%3E");
    --packageColor-h: 55;
    --packageColor-s: 77%;
    --packageColor-l: 53%;
    --packageColor: hsl(var(--packageColor-h), var(--packageColor-s), var(--packageColor-l));
    --containerSidesColorL: var(--packageColor);
    --containerSidesColorR: var(--packageColor)
}

@media (min-width: 1200px) {
    .container-packages .package-card.premium {
        --containerSidesColorL: linear-gradient(90deg, hsl(var(--packageColor-h), var(--packageColor-s), 0%), hsl(var(--packageColor-h), var(--packageColor-s), 40%));
        --containerSidesColorR: linear-gradient(270deg, hsl(var(--packageColor-h), var(--packageColor-s), 0%), hsl(var(--packageColor-h), var(--packageColor-s), 40%))
    }
}

.container-packages .package-card.premium .wrapper .top .pg-badge,
.container-packages .package-card.premium .wrapper .features-list .list-item::before {
    background-image: url("../../img/packagePremium.png")
}

.container-packages .package-card.default {
    --packageNameBg: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 945.19 697.63'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23linear-gradient);%7D%3C/style%3E%3ClinearGradient id='linear-gradient' x1='472.59' y1='679.64' x2='472.59' y2='100.74' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2329af9c'/%3E%3Cstop offset='1' stop-color='%2329af9c' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Layer_5'%3E%3Cpolygon class='cls-1' points='945.19 0 472.69 610.91 0 .08 0 86.81 472.69 697.63 945.19 86.73 945.19 0'/%3E%3C/g%3E%3C/svg%3E");
    --packageColor-h: 171;
    --packageColor-s: 62%;
    --packageColor-l: 42%;
    --packageColor: hsl(var(--packageColor-h), var(--packageColor-s), var(--packageColor-l));
    --containerSidesColorL: var(--packageColor);
    --containerSidesColorR: var(--packageColor)
}

@media (min-width: 1200px) {
    .container-packages .package-card.default {
        --containerSidesColorL: linear-gradient(90deg, hsl(var(--packageColor-h), var(--packageColor-s), 0%), hsl(var(--packageColor-h), var(--packageColor-s), 40%));
        --containerSidesColorR: linear-gradient(270deg, hsl(var(--packageColor-h), var(--packageColor-s), 0%), hsl(var(--packageColor-h), var(--packageColor-s), 40%))
    }
}

.container-packages .package-card.default .wrapper .top .pg-badge,
.container-packages .package-card.default .wrapper .features-list .list-item::before {
    background-image: url("../../img/packageDefault.png")
}

.container-packages .package-card.basic {
    --packageNameBg: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 945.19 697.63'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23linear-gradient);%7D%3C/style%3E%3ClinearGradient id='linear-gradient' x1='472.59' y1='679.64' x2='472.59' y2='100.74' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2369cdf2'/%3E%3Cstop offset='1' stop-color='%231294c2' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Layer_5'%3E%3Cpolygon class='cls-1' points='945.19 0 472.69 610.91 0 .08 0 86.81 472.69 697.63 945.19 86.73 945.19 0'/%3E%3C/g%3E%3C/svg%3E");
    --packageColor-h: 195;
    --packageColor-s: 100%;
    --packageColor-l: 59%;
    --packageColor: hsl(var(--packageColor-h), var(--packageColor-s), var(--packageColor-l));
    --containerSidesColorL: var(--packageColor);
    --containerSidesColorR: var(--packageColor)
}

@media (min-width: 1200px) {
    .container-packages .package-card.basic {
        --containerSidesColorL: linear-gradient(90deg, hsl(var(--packageColor-h), var(--packageColor-s), 0%), hsl(var(--packageColor-h), var(--packageColor-s), 40%));
        --containerSidesColorR: linear-gradient(270deg, hsl(var(--packageColor-h), var(--packageColor-s), 0%), hsl(var(--packageColor-h), var(--packageColor-s), 40%))
    }
}

.container-packages .package-card.basic .wrapper .top .pg-badge,
.container-packages .package-card.basic .wrapper .features-list .list-item::before {
    background-image: url("../../img/packageBasic.png")
}

.container-packages .package-card .wrapper {
    min-height: 100vh;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto 1fr auto;
    grid-template-rows: auto 1fr auto;
    justify-items: center;
    position: relative;
    z-index: 2;
    max-width: 992px;
    margin: 0 auto;
    padding: var(--layout-margin) 0
}

@supports (background: -webkit-named-image(i)) {
    .container-packages .package-card .wrapper {
        min-height: 100vh;
        min-height: -webkit-fill-available
    }
}

.container-packages .package-card .wrapper::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: auto;
    left: var(--containerSidesMove);
    width: var(--containerSidesWidth);
    height: var(--containerSidesHeight);
    border-radius: var(--containerSidesRadius);
    background: var(--containerSidesColorL);
    -webkit-filter: var(--containerSidesBlur);
    filter: var(--containerSidesBlur);
    opacity: var(--containerSidesOpacity);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.container-packages .package-card .wrapper::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: auto;
    right: var(--containerSidesMove);
    width: var(--containerSidesWidth);
    height: var(--containerSidesHeight);
    border-radius: var(--containerSidesRadius);
    background: var(--containerSidesColorR);
    -webkit-filter: var(--containerSidesBlur);
    filter: var(--containerSidesBlur);
    opacity: var(--containerSidesOpacity);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.container-packages .package-card .wrapper .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 35px
}

.container-packages .package-card .wrapper .top .pg-badge {
    display: block;
    position: relative;
    z-index: auto;
    width: 130px;
    height: 130px;
    background-image: var(--packageIcon);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: -5px
}

@media (max-width: 991.98px) {
    .container-packages .package-card .wrapper .top .pg-badge {
        width: 105px;
        height: 105px
    }
}

.container-packages .package-card .wrapper .top .header {
    font-size: var(--font-xxl);
    font-weight: 600;
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-shadow: 0px 9px 7px rgba(0, 0, 0, 0.67)
}

.container-packages .package-card .wrapper .top .header::before {
    content: '';
    width: 120px;
    height: 120px;
    display: block;
    background-image: var(--packageNameBg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
    top: -42px
}

.container-packages .package-card .wrapper .top .price {
    font-size: calc(var(--font-md) + 3px);
    font-weight: 800;
    margin-top: calc(var(--layout-margin) / 2);
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.container-packages .package-card .wrapper .top .price::before {
    content: '';
    width: 80px;
    height: 80px;
    display: block;
    background-image: var(--packageNameBg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
    top: -24px;
    opacity: 0.4
}

.container-packages .package-card .wrapper .top .price span {
    font-weight: 400
}

.container-packages .package-card .wrapper .top .period {
    margin-top: 4px;
    color: hsl(var(--packageColor-h), var(--packageColor-s), 50%);
    font-size: var(--font-xs);
    font-weight: 500;
    opacity: 0.7
}

.container-packages .package-card .wrapper .features-list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    font-size: var(--font-md);
    width: 100%;
    padding: calc(var(--layout-margin) / 2) calc(var(--layout-margin) * 3);
    overflow-y: auto;
    max-height: none
}

.container-packages .package-card .wrapper .features-list .list-item {
    position: relative;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 3px 0;
    text-shadow: 6px 0px 10px rgba(0, 0, 0, 0.8);
    text-align: start
}

.container-packages .package-card .wrapper .features-list .list-item::after {
    content: '';
    display: inline;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 3px;
    --LIR: 90deg;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--LIR)), color-stop(hsla(var(--packageColor-h), var(--packageColor-s), 0%, 0)), to(hsl(var(--packageColor-h), var(--packageColor-s), 20%)));
    background: linear-gradient(var(--LIR), hsla(var(--packageColor-h), var(--packageColor-s), 0%, 0), hsl(var(--packageColor-h), var(--packageColor-s), 20%));
    border-radius: 10rem;
    top: calc(var(--font-md) / 2 + 5px);
    right: 0;
    left: 0
}

.container-packages .package-card .wrapper .features-list .list-item::before {
    content: '';
    display: block;
    position: relative;
    -webkit-margin-end: 7px;
    margin-inline-end: 7px;
    margin-top: calc(var(--font-md) / 4);
    min-width: 24px;
    height: 24px;
    background-image: var(--packageIcon);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.container-packages .package-card .wrapper .button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: calc(var(--layout-margin) * 2);
    padding-bottom: var(--layout-margin)
}

.container-packages .package-card .wrapper .button-wrapper .button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 8px 48px 10px;
    border: 1px solid hsl(var(--packageColor-h), var(--packageColor-s), 30%);
    border-radius: 10rem;
    font-size: var(--font-md);
    text-decoration: none;
    color: white;
    text-align: center
}

.container-packages .package-card .wrapper .button-wrapper .button::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: var(--layout-margin);
    width: 90%;
    height: 90%;
    background: hsl(var(--packageColor-h), var(--packageColor-s), 20%);
    border-radius: 24.5px;
    -webkit-filter: blur(26px);
    filter: blur(26px);
    opacity: 0.8;
    -webkit-transition: top 300ms ease-in-out, width 300ms ease-in-out, height 300ms ease-in-out;
    transition: top 300ms ease-in-out, width 300ms ease-in-out, height 300ms ease-in-out
}

.container-packages .package-card .wrapper .button-wrapper .button:hover::before {
    top: 0;
    width: 100%;
    height: 100%
}

.container-card {
    height: 100vh;
    overflow-x: hidden
}

@supports (background: -webkit-named-image(i)) {
    .container-card {
        max-height: 100vh;
        max-height: -webkit-fill-available
    }
}

.container-card .wrapper {
    height: 100vh;
    max-width: 992px;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    justify-items: center;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    padding: var(--layout-margin) 0
}

@supports (background: -webkit-named-image(i)) {
    .container-card .wrapper {
        max-height: 100vh;
        max-height: -webkit-fill-available
    }
}

.container-card .wrapper::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: auto;
    left: var(--containerSidesMove);
    width: var(--containerSidesWidth);
    height: var(--containerSidesHeight);
    border-radius: var(--containerSidesRadius);
    background: var(--containerSidesColorL);
    -webkit-filter: var(--containerSidesBlur);
    filter: var(--containerSidesBlur);
    opacity: var(--containerSidesOpacity);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.container-card .wrapper::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: auto;
    right: var(--containerSidesMove);
    width: var(--containerSidesWidth);
    height: var(--containerSidesHeight);
    border-radius: var(--containerSidesRadius);
    background: var(--containerSidesColorR);
    -webkit-filter: var(--containerSidesBlur);
    filter: var(--containerSidesBlur);
    opacity: var(--containerSidesOpacity);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.container-card .wrapper .top,
.container-card .wrapper .content,
.container-card .wrapper .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.container-card .wrapper .top .header {
    font-size: var(--font-xxl);
    line-height: var(--containerHeaderLH, 1.2);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    z-index: 2;
    --containerHeaderBgSize: 140px;
    --containerHeaderBgTop: 0;
    --containerHeaderBgBottom: 0
}

.container-card .wrapper .top .header b {
    font-weight: 600
}

.container-card .wrapper .top .header span {
    font-weight: 300;
    font-style: italic
}

.container-card .wrapper .top .header::before {
    content: '';
    width: var(--containerHeaderBgSize);
    height: var(--containerHeaderBgSize);
    margin-top: var(--containerHeaderBgTop);
    margin-bottom: var(--containerHeaderBgBottom);
    display: block;
    position: absolute;
    z-index: 0;
    background-image: var(--containerHeaderBgIcon);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width: 991.98px) {
    .container-card .wrapper .top .header::before {
        width: calc(var(--containerHeaderBgSize) / 1.2);
        height: calc(var(--containerHeaderBgSize) / 1.2)
    }
}

.container-card .wrapper .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.container-card .wrapper .content * {
    margin-top: calc(var(--layout-margin) / 2);
    margin-bottom: calc(var(--layout-margin) / 2)
}

.container-card .wrapper .content .button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 8px 48px 10px;
    border: 1px solid #fff;
    border-radius: 10rem;
    font-size: var(--font-md);
    text-decoration: none;
    color: white;
    text-align: center;
    background: none;
    -webkit-transition: background 300ms ease-in-out, color 300ms ease-in-out;
    transition: background 300ms ease-in-out, color 300ms ease-in-out
}

.container-card .wrapper .content .button:hover {
    background: white;
    color: #000
}

.container-card .wrapper .content .link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--font-sm);
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7);
    background: none;
    border: none;
    -webkit-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
    --containerButtonIconRevealR: unset;
    --containerButtonIconRevealL: calc(0px - var(--font-sm));
    --containerButtonIconRevealAnimationR: unset;
    --containerButtonIconRevealAnimationL: 0
}

.container-card .wrapper .content .link i {
    opacity: 0;
    margin-left: var(--containerButtonIconRevealL);
    margin-right: var(--containerButtonIconRevealR);
    -webkit-transition: opacity 300ms ease-in-out, margin-left 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, margin-left 300ms ease-in-out
}

.container-card .wrapper .content .link:hover {
    color: white
}

.container-card .wrapper .content .link:hover i {
    opacity: 1;
    margin-left: var(--containerButtonIconRevealAnimationL);
    margin-right: var(--containerButtonIconRevealAnimationR)
}

.container-card .wrapper .content .tutorial {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--font-sm);
    text-decoration: none;
    color: hsl(var(--primary-h), var(--primary-s), 25%);
    background: none;
    border: none;
    border-radius: 10rem;
    --containerButtonIconRevealR: unset;
    --containerButtonIconRevealL: calc(0px - var(--font-xl));
    --containerButtonIconRevealAnimationR: unset;
    --containerButtonIconRevealAnimationL: 4px
}

.container-card .wrapper .content .tutorial i {
    opacity: 0;
    font-size: var(--font-xl);
    margin-left: var(--containerButtonIconRevealL);
    margin-right: var(--containerButtonIconRevealR);
    -webkit-transition: opacity 300ms ease-in-out, margin-left 300ms ease-in-out;
    transition: opacity 300ms ease-in-out, margin-left 300ms ease-in-out;
    -webkit-animation-name: aniBtnIcon;
    animation-name: aniBtnIcon;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-animation-iteration-count: 6;
    animation-iteration-count: 6
}

.container-card .wrapper .content .tutorial:hover i {
    opacity: 1;
    margin-left: var(--containerButtonIconRevealAnimationL);
    margin-right: var(--containerButtonIconRevealAnimationR)
}

@-webkit-keyframes aniBtnIcon {
    30% {
        opacity: 1;
        margin-left: var(--containerButtonIconRevealAnimationL);
        margin-right: var(--containerButtonIconRevealAnimationR)
    }
    60% {
        opacity: 1;
        margin-left: var(--containerButtonIconRevealAnimationL);
        margin-right: var(--containerButtonIconRevealAnimationR)
    }
}

@keyframes aniBtnIcon {
    30% {
        opacity: 1;
        margin-left: var(--containerButtonIconRevealAnimationL);
        margin-right: var(--containerButtonIconRevealAnimationR)
    }
    60% {
        opacity: 1;
        margin-left: var(--containerButtonIconRevealAnimationL);
        margin-right: var(--containerButtonIconRevealAnimationR)
    }
}

.container-card .wrapper .bottom .sub-text {
    max-width: 280px;
    background: -webkit-linear-gradient(-45deg, var(--primaryDark2), var(--primaryColor), var(--primaryDark2), var(--primaryColor));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    background-size: 400% 400%;
    -webkit-animation: subGrad 15s ease infinite;
    animation: subGrad 15s ease infinite
}

.container-card .wrapper .bottom .sub-text span {
    -webkit-text-fill-color: initial
}

@-webkit-keyframes subGrad {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes subGrad {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

.header.ios-login {
    --containerHeaderBgIcon: var(--containerHeaderAppleLogo);
    --containerHeaderBgSize: 160px !important;
    --containerHeaderBgBottom: 20px !important
}

.header.contact-us {
    --containerHeaderBgIcon: var(--containerHeaderMessage);
    --containerHeaderBgSize: 160px !important;
    --containerHeaderBgBottom: 20px !important
}

.header.store-app {
    --containerHeaderBgIcon: var(--containerHeaderCloudDownload)
}

.header.hello-again {
    --containerHeaderBgIcon: var(--containerHeaderConfetti)
}

.header.profile-edit {
    --containerHeaderBgIcon: var(--containerHeaderPencil)
}

.header.info {
    --containerHeaderBgIcon: var(--containerHeaderInfoSquare)
}

.header.services {
    --containerHeaderBgIcon: var(--containerHeaderDatabase)
}

.header.package {
    --containerHeaderBgIcon: var(--containerHeaderLayNavBar)
}

.container-card-solid {
    max-width: 992px;
    margin: 0 auto;
    padding: calc(var(--layout-margin) * 2) var(--layout-margin)
}

.container-card-solid .top,
.container-card-solid .content,
.container-card-solid .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-card-solid .top .service-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: var(--font-lg);
    margin: calc(var(--layout-margin) * 2) 0
}

.container-card-solid .top .service-detail .service-type {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.container-card-solid .top .service-detail .service-name {
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-weight: 700
}

.container-card-solid .top .service-detail .arrow {
    width: 100%;
    height: 3px;
    --arLBgR: 90deg;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--arLBgR)), color-stop(rgba(4, 4, 4, 0)), to(hsl(var(--primary-h), var(--primary-s), 40%)));
    background: linear-gradient(var(--arLBgR), rgba(4, 4, 4, 0), hsl(var(--primary-h), var(--primary-s), 40%));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 0;
    border-radius: 10rem;
    margin: 1rem 0;
    --arBM: 0px;
    --arW: calc(var(--font-lg) - 6px);
    --arH: 5px;
    --arColor: hsl(var(--primary-h), var(--primary-s), 40%);
    --arRT: -45deg;
    --arRB: 45deg;
    --arO: right;
    --arTT: 1px;
    --arBB: 4.1px
}

.container-card-solid .top .service-detail .arrow::before {
    content: '';
    width: var(--arW);
    height: var(--arH);
    display: block;
    position: relative;
    background: var(--arColor);
    top: var(--arTT);
    -webkit-transform: rotate(var(--arRB));
    transform: rotate(var(--arRB));
    -webkit-transform-origin: var(--arO);
    transform-origin: var(--arO);
    -webkit-margin-end: -1.4px;
    margin-inline-end: -1.4px;
    border: 1.8px solid var(--arColor);
    border-radius: 10rem
}

.container-card-solid .top .service-detail .arrow::after {
    content: '';
    width: var(--arW);
    height: var(--arH);
    display: block;
    position: relative;
    background: var(--arColor);
    bottom: var(--arBB);
    float: var(--arO);
    -webkit-transform: rotate(var(--arRT));
    transform: rotate(var(--arRT));
    -webkit-transform-origin: var(--arO);
    transform-origin: var(--arO);
    -webkit-margin-end: -1.3px;
    margin-inline-end: -1.3px;
    border: 1.7px solid var(--arColor);
    border-radius: 10rem
}

.container-card-solid .top .header {
    font-size: var(--font-xxl);
    line-height: 1.2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    z-index: 2;
    margin: calc(var(--containerHeaderBgSize) / 6);
    --containerHeaderBgSize: 140px;
    --containerHeaderBgTop: 0;
    --containerHeaderBgBottom: 0
}

.container-card-solid .top .header b {
    font-weight: 600
}

.container-card-solid .top .header span {
    font-weight: 300;
    font-style: italic
}

.container-card-solid .top .header::before {
    content: '';
    width: var(--containerHeaderBgSize);
    height: var(--containerHeaderBgSize);
    margin-top: var(--containerHeaderBgTop);
    margin-bottom: var(--containerHeaderBgBottom);
    display: block;
    position: absolute;
    z-index: 0;
    background-image: var(--containerHeaderBgIcon);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.container-card-solid .content {
    padding: calc(var(--layout-margin) * 2) 0
}

.container-card-solid .content .button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 8px 48px 10px;
    border: 1px solid #fff;
    border-radius: 10rem;
    font-size: var(--font-md);
    text-decoration: none;
    color: white;
    text-align: center;
    background: none;
    -webkit-transition: background 300ms ease-in-out, color 300ms ease-in-out;
    transition: background 300ms ease-in-out, color 300ms ease-in-out
}

.container-card-solid .content .button:hover {
    background: white;
    color: #000
}

.container-card-solid .content .link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--font-sm);
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7);
    -webkit-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out
}

.container-card-solid .content .link:hover {
    color: white
}

.container-card-solid .bottom .sub-text {
    max-width: 280px;
    background: -webkit-linear-gradient(180deg, var(--primaryDark2), var(--primaryColor));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center
}

.container-card-solid .bottom .sub-text span {
    -webkit-text-fill-color: initial
}

.available-apps {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(calc(140px), 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(calc(140px), 1fr));
    grid-gap: var(--layout-margin)
}

.available-apps .app-card {
    width: auto;
    background: hsla(var(--primary-h), var(--primary-s), 10%, 0.5);
    border: 1px solid rgba(9, 89, 116, 0.28);
    border-radius: 26px;
    padding: 25px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.available-apps .app-card .app-icon {
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 22%
}

.available-apps .app-card .app-name {
    font-size: var(--font-sm);
    font-weight: 500;
    color: var(--textColor);
    margin-top: 8px;
    line-height: 1.1;
    text-align: center;
    max-width: calc(80px + var(--layout-margin) + 10px);
    max-height: calc(var(--font-sm) * 2.2);
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden
}

.modal-app-info .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.modal-app-info .wrapper .app-icon {
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 22%
}

.modal-app-info .wrapper .details {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[autofill];
    grid-template-columns: repeat(autofill, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
    width: 100%
}

.modal-app-info .wrapper .details .app-name {
    font-size: var(--font-md);
    font-weight: 500;
    color: var(--textColor);
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    max-height: calc(var(--font-md) * 1.4);
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden
}

.modal-app-info .app-description {
    border-top: 1px solid var(--primaryDark3);
    padding-top: 10px
}

.store-app-image {
    width: 100px;
    height: 100px;
    min-width: 100px;
    min-height: 100px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 22%
}

.security-code {
    background-color: var(--backgroundColor);
    width: 100%;
    padding: 10px 13px;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: repeating-linear-gradient(-45deg, hsla(var(--primary-h), var(--primary-s), 10%, 0.5), hsla(var(--primary-h), var(--primary-s), 10%, 0.5) 10px, transparent 5px, transparent 20px);
    border: 1px solid hsl(var(--primary-h), var(--primary-s), 10%)
}

.form-label-fileupload {
    position: relative;
    background-color: transparent
}

.fileuploader {
    overflow: initial !important
}

.fileuploader .fileuploader-items {
    overflow: hidden
}

.fileuploader .fileuploader-items-list {
    margin-top: -15px
}

.fileuploader .fileuploader-items-list .fileuploader-item {
    padding: 15px !important
}

.fileuploader .fileuploader-items-list .fileuploader-item .columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    background: hsl(var(--primary-h), var(--primary-s), 5%);
    border-right: 1px solid hsl(var(--primary-h), var(--primary-s), 10%) !important;
    border-bottom: 1px solid hsl(var(--primary-h), var(--primary-s), 10%) !important;
    border: none;
    border-radius: 0
}

.fileuploader .fileuploader-items-list .fileuploader-item .columns .column-thumbnail {
    position: relative;
    left: unset;
    top: unset;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border-radius: 3px
}

.fileuploader .fileuploader-items-list .fileuploader-item .columns .column-title {
    -webkit-margin-start: 8px;
    margin-inline-start: 8px;
    line-height: 1;
    padding-left: unset;
    padding-right: unset;
    color: #b3b3b3
}

.fileuploader .fileuploader-items-list .fileuploader-item .columns .column-title div {
    font-size: var(--font-xs) !important;
    font-weight: 500
}

.fileuploader .fileuploader-input-caption {
    --fUpBgR: 90deg;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    padding: 10px 13px;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--fUpBgR)), color-stop(0%, hsl(var(--primary-h), var(--primary-s), 10%)), color-stop(70%, hsla(var(--primary-h), var(--primary-s), 8%, 0.4)));
    background: linear-gradient(var(--fUpBgR), hsl(var(--primary-h), var(--primary-s), 10%) 0%, hsla(var(--primary-h), var(--primary-s), 8%, 0.4) 70%);
    border-right: 1px solid hsl(var(--primary-h), var(--primary-s), 10%) !important;
    border: none;
    background-clip: padding-box;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0
}

.fileuploader .fileuploader-input-caption span {
    font-size: var(--font-xs);
    font-weight: 400
}

.fileuploader .fileuploader-input-button {
    display: none
}

.fileuploader-input {
    position: relative
}

.fileuploader-input::before {
    --fUpL: unset;
    --fUpR: 10px;
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 1;
    left: var(--fUpL);
    right: var(--fUpR);
    bottom: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-cloud-upload' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1' /%3E%3Cpolyline points='9 15 12 12 15 15' /%3E%3Cline x1='12' y1='12' x2='12' y2='21' /%3E%3C/svg%3E");
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: background-image .15s ease-in-out;
    transition: background-image .15s ease-in-out
}

.container-footer {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

@supports (background: -webkit-named-image(i)) {
    .container-footer {
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content;
        max-height: max-content
    }
}

.container-footer .wrapper .top .logo {
    width: 110px;
    height: 110px;
    background-size: contain;
    background-image: url(../../img/RaykoTech_Logo.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: var(--layout-margin)
}

.container-footer .wrapper .content .link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.container-footer .wrapper .content .link-list .list-item {
    font-size: var(--font-md);
    color: var(--textColor);
    text-decoration: none;
    text-align: center;
    margin: 2px 0
}

.container-footer .wrapper .content .divider {
    background-color: var(--textColor);
    width: 50px;
    height: 2px;
    opacity: 0.5
}

.container-footer .wrapper .bottom .social-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-footer .wrapper .bottom .social-media a:last-of-type .media-item {
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.container-footer .wrapper .bottom .social-media .media-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 40px;
    height: 48px;
    padding: 0 0 8px 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(48, 203, 255, 0.31)), to(rgba(48, 203, 255, 0)));
    background: linear-gradient(0deg, rgba(48, 203, 255, 0.31) 0%, rgba(48, 203, 255, 0) 100%);
    -webkit-margin-end: calc(var(--layout-margin) / 2);
    margin-inline-end: calc(var(--layout-margin) / 2)
}

.container-footer .wrapper .bottom .social-media .media-item::before {
    content: '';
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    background-image: var(--socialMediaIcon);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.container-footer .wrapper .bottom .social-media .media-item::after {
    content: '';
    position: absolute;
    bottom: -3px;
    display: block;
    width: 44px;
    height: 3px;
    background-color: white
}

.container-footer .credits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container-footer .credits .maroof-logo {
    width: 75px;
    height: 36px;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: .5rem;
    margin-top: 20px
}

.container-footer .credits .payment-logos.row {
    margin: 0;
    margin-bottom: 10px
}

.container-footer .credits .payment-logos span {
    width: 33px;
    height: 22px;
    background-size: 90% 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    border: 1px solid #d9d9d98e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 8px;
    margin: .1rem
}

.container-footer .credits .copyright {
    text-align: center;
    margin-bottom: var(--layout-margin)
}

.container-breadcrumb {
    max-width: 992px;
    margin: 0 auto;
    margin-top: 66px;
    padding: var(--layout-margin);
    padding-bottom: calc(var(--layout-margin) / 1.5);
    margin-bottom: calc(var(--layout-margin) / 1.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.container-breadcrumb::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    height: 1px;
    width: calc(100% - var(--layout-margin) * 2);
    background: var(--primaryDark3)
}

.container-breadcrumb a {
    text-decoration: none;
    color: inherit;
    -webkit-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out
}

.container-breadcrumb a:hover {
    color: inherit;
    color: #fff
}

.container-breadcrumb .breadcrumb-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.container-breadcrumb .breadcrumb-navigation .navigation-item {
    font-size: var(--font-xs)
}

.container-breadcrumb .breadcrumb-navigation .navigation-item a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    color: #fff;
    -webkit-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out
}

.container-breadcrumb .breadcrumb-navigation .navigation-item a:hover {
    color: rgba(255, 255, 255, 0.7)
}

.container-breadcrumb .breadcrumb-navigation .navigation-item i {
    font-size: var(--font-lg);
    color: #b3b3b3;
    -webkit-margin-end: calc(var(--layout-margin) / 2);
    margin-inline-end: calc(var(--layout-margin) / 2);
    line-height: 1.2
}

.container-breadcrumb .breadcrumb-navigation .navigation-item.active {
    color: #999
}

.container-breadcrumb .breadcrumb-navigation .navigation-item+.navigation-item {
    -webkit-padding-start: calc(var(--layout-margin) / 3);
    padding-inline-start: calc(var(--layout-margin) / 3)
}

.container-breadcrumb .breadcrumb-navigation .navigation-item+.navigation-item::before {
    float: left;
    -webkit-padding-end: calc(var(--layout-margin) / 3);
    padding-inline-end: calc(var(--layout-margin) / 3);
    color: gray;
    content: "/"
}

[dir="rtl"] .container-header .container-wrapper .mobile-menu .menu-list .menu-item .arrow {
    --arLBgR: -90deg;
    --arO: left;
    --arTT: 0.6px;
    --arBB: 4.5px
}

[dir="rtl"] .container-card-solid .top .service-detail .arrow {
    --arLBgR: -90deg;
    --arO: left;
    --arTT: -1px;
    --arBB: 3px
}

[dir="rtl"] .container-breadcrumb .breadcrumb-navigation .navigation-item+.navigation-item::before {
    float: right
}

[dir="rtl"] .container-header .container-wrapper .header-wrapper {
    padding: 0 calc(var(--layout-margin) / 3) 0 calc(var(--layout-margin) / 1.8)
}

[dir="rtl"] .container-packages .package-card .wrapper .features-list .list-item::after {
    --LIR: -90deg
}

[dir="rtl"] .fileuploader .fileuploader-input-caption {
    --fUpBgR: -90deg
}

[dir="rtl"] .fileuploader-input::before {
    --fUpL: 10px;
    --fUpR: unset
}

[dir="rtl"] .container-card .wrapper .content .link,
.container-card-solid .wrapper .content .link {
    --containerButtonIconRevealR: calc(0px - var(--font-sm));
    --containerButtonIconRevealL: unset;
    --containerButtonIconRevealAnimationR: 0;
    --containerButtonIconRevealAnimationL: unset
}

[dir="rtl"] .container-card .wrapper .content .tutorial,
.container-card-solid .wrapper .content .tutorial {
    --containerButtonIconRevealR: calc(0px - var(--font-xl));
    --containerButtonIconRevealL: unset;
    --containerButtonIconRevealAnimationR: 4px;
    --containerButtonIconRevealAnimationL: unset
}

[dir="rtl"] .ti-chevron-right {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    line-height: 1.2
}