.f1 {z-index: 10;  position: fixed;  bottom: 24px;  right: 24px;  display: flex;  flex-direction: column;  align-items: flex-start;  max-width: 420px;  padding: 24px 16px 16px 24px;  height: fit-content;  gap: 16px;  border-radius: 24px;  background: #1D6591;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f2 {margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3 {margin: 0px;  text-decoration: none;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4 {display: flex;  justify-content: space-between;  align-items: center;  flex-wrap: wrap;  gap: 20px;  width: 100%;  } .f5 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 24px;  outline: 2px solid transperent;  outline-offset: -2px;  border: none;  text-decoration: none;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5:focus {outline: 2px solid transperent;  } .f5:focus-visible {background: #88C9E0;  outline: 2px solid transperent;  } .f5:hover {background: #C2E3EF;  } .f5:active {background: #5DB4D2;  } .f5:disabled {outline: 2px solid #AAB5C6;  color: #3A4C64;  background: #EBEFF6;  } .f6 {margin: 0px;  } .f7 {display: flex;  flex-direction: column;  width: 308px;  min-height: 419px;  padding: 12px 12px 24px 12px;  gap: 12px;  border-radius: 32px;  background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f8 {display: flex;  justify-content: center;  align-items: center;  height: 160px;  border-radius: 22px;  overflow: hidden;  background-color: #F8FCFF;  } .f9 {width: 100%;  } .f10 {display: flex;  flex-direction: column;  padding: 0 12px;  flex: 1;  } .f11 {display: flex;  flex-direction: row;  gap: 8px;  margin-bottom: 12px;  } .f12 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  white-space: nowrap;  } .f13 {display: flex;  flex-direction: row;  max-width: 100%;  gap: 8px;  margin-bottom: 12px;  overflow: hidden;  } .f14 {display: flex;  justify-content: center;  align-items: center;  width: 32px;  min-width: 32px;  height: 32px;  border-radius: 50%;  overflow: hidden;  background-color: #F8FCFF;  } .f15 {width: 100%;  } .f16 {display: flex;  flex-direction: column;  gap: 2px;  } .f17 {display: block;  margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  white-space: nowrap;  } .f18 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f19 {display: block;  max-height: 70px;  margin: 0px;  margin-bottom: auto;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f20 {display: flex;  flex-direction: row;  gap: 16px;  } .f21 {padding-left: 32px;  margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-position: 0 center;  background-size: 24px auto;  background-repeat: no-repeat;  } .f22 {background-image: url('img/icon/icon_like-l-gray.svg');  } .f23 {background-image: url('img/icon/icon_like-green.svg');  } .f24 {background-image: url('img/icon/icon_comment-l-gray.svg');  } .f25 {background-image: url('img/icon/icon_comment-green.svg');  } .f26 {flex-direction: row;  padding: 12px;  width: 600px;  min-height: 235px;  } .f27 {height: 100%;  } .f28 {display: flex;  padding: 8px 0 24px 0;  flex-direction: row;  justify-content: space-between;  } .f29 {display: flex;  flex-direction: row;  gap: 16px;  } .f30 {padding: 0px;  border: none;  background-color: inherit;  } .f31 {margin: 0px;  padding-left: 32px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-repeat: no-repeat;  background-position: 0px center;  background-size: contain;  cursor: pointer;  } .f32 {background-image: url('/img/icon/icon_like-l-gray.svg');  } .f33 {background-image: url('/img/icon/icon_comment-l-gray.svg');  } .f34 {background-image: url('/img/icon/icon_subscribe-l-gray.svg');  } .f35 {color: #2F86AA;  background-image: url('/img/icon/icon_like-green.svg');  } .f36 {display: flex;  flex-direction: column;  padding: 12px 12px 24px 12px;  border-radius: 32px;  row-gap: 8px;  column-gap: 16px;  text-decoration: none;  color: inherit;  background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  outline: 2px solid transparent;  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f36:focus {outline: 2px solid #1D6591;  } .f36:hover {box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f37 {flex-direction: row;  padding: 12px;  gap: 16px;  height: 300px;  width: 600px;  min-width: 600px;  } .f38 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  padding-top: 62.5%;  overflow: hidden;  border-radius: 24px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f39 {background-image: url('/img/bg/card_paid_img02.svg');  } .f40 {position: absolute;  top: 50%;  height: 120%;  min-height: 120%;  transform: translateY(-50%);  filter: blur(20px);  } .f41 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f42 {display: flex;  flex-direction: column;  justify-content: space-between;  min-height: 186px;  padding: 0 12px;  } .f43 {display: flex;  flex-direction: column;  gap: 12px;  } .f44 {list-style: none;  padding: 0px;  margin: 0px;  } .f45 {display: flex;  flex-wrap: wrap;  flex-direction: row;  gap: 8px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f46 {color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f47 {margin: 0px;  height: 70px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f48 {display: flex;  flex-direction: row;  gap: 16px;  } .f49 {margin: 0px;  padding-left: 32px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-repeat: no-repeat;  background-position: 0px center;  background-size: contain;  } .f50 {background-image: url('/img/icon/icon_like-l-gray.svg');  cursor: pointer;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none;  } .f51 {background-image: url('/img/icon/icon_comment-l-gray.svg');  } .f52 {color: #2F86AA;  background-image: url('/img/icon/icon_like-green.svg');  } .f53 {color: #2F86AA;  background-image: url('/img/icon/icon_comment-green.svg');  } .f54 {height: auto!important;  padding-top: 0px;  width: 284px;  min-width: 284px;  } .f55 {list-style: none;  padding: 0px;  margin: 0px;  } .f56 {margin: 0px;  text-decoration: none;  color: inherit;  } .f57 {display: flex;  flex-direction: column;  width: 100%;  min-height: 419px;  padding: 16px 24px;  border-radius: 32px;  background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f58 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding-top: 62.5%;  border-radius: 24px;  overflow: hidden;  margin-bottom: 12px;  background-color: #F8FCFF;  } .f59 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f60 {display: flex;  flex-direction: row;  gap: 16px;  } .f61 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  white-space: nowrap;  } .f62 {display: flex;  flex-direction: row;  max-width: 100%;  gap: 8px;  margin-bottom: 16px;  } .f63 {display: flex;  justify-content: center;  align-items: center;  width: 32px;  min-width: 32px;  height: 32px;  border-radius: 50%;  overflow: hidden;  color: #FFFFFF;  background-color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f64 {width: 100%;  } .f65 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f66 {display: block;  margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  white-space: nowrap;  } .f67 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f68 {display: block;  max-height: 70px;  margin: 0px;  margin-bottom: 16px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f69 {display: flex;  flex-direction: row;  gap: 16px;  } .f70 {padding-left: 32px;  margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-position: 0 center;  background-size: 24px auto;  background-repeat: no-repeat;  } .f71 {background-image: url('img/icon/icon_like-l-gray.svg');  cursor: pointer;  } .f72 {background-image: url('img/icon/icon_comment-l-gray.svg');  } .f73 {text-decoration: none;  } .f74 {color: #2F86AA;  background-image: url('img/icon/icon_like-green.svg');  } .f75 {color: #2F86AA;  background-image: url('img/icon/icon_comment-green.svg');  } .f76 {display: flex;  flex-direction: column;  padding: 24px 0 34px 0;  gap: 24px;  border-radius: 48px;  overflow: hidden;  } .f77 {background: linear-gradient(180deg, #EBEFF6 0%, #C2E3EF 100%), #FFFFFF;  } .f78 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  padding: 0 24px 0 40px;  } .f79 {display: flex;  flex-direction: row;  gap: 12px;  } .f80 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f81 {width: 36px;  } .f82 {display: flex;  gap: 12px;  flex-wrap: nowrap;  } .f83 {padding: 0px;  border: none;  background-color: transparent;  } .f84 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 22px;  outline: 2px solid #1B2637;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f84:focus {outline: 2px solid #1B2637;  } .f84:focus-visible {background: #88C9E0;  outline: 2px solid #1B2637;  } .f84:hover {background: #C2E3EF;  } .f84:active {background: #5DB4D2;  } .f84:disabled {outline: 2px solid #AAB5C6;  color: #AAB5C6;  background-color: transparent;  } .f85 {list-style: none;  padding: 0px;  margin: 0px;  } .f86 {position: relative;  min-height: 306px;  } .f87 {position: absolute;  top: 0px;  display: flex;  flex-direction: row;  flex-wrap: nowrap;  padding-left: 40px;  padding-bottom: 6px;  gap: 16px;  } .f88 {width: 600px;  min-width: 600px;  height: auto;  border-radius: 32px;  background-color: gray;  } .f89 {background: linear-gradient(180deg, #EBEFF6 0%, #C2E3EF 100%), #FFFFFF;  } .f90 {} .f91 {} .f92 {height: 40px;  width: 40px;  border-radius: 20px;  } .f93 {z-index: 10;  position: fixed;  top: 0px;  left: 0px;  } .f94 {display: flex;  text-decoration: none;  color: inherit;  } .f95 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  max-width: 40px;  width: 40px;  border-radius: 20px;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: normal;  background-color: #1D6591;  } .f96 {display: flex;  gap: 12px;  align-items: center;  } .f97 {border: none;  background-color: transparent;  cursor: pointer;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #1B2637;  } .f98 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 22px;  outline: none;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f98:focus {outline: none;  } .f98:focus-visible {background: #88C9E0;  outline: none;  } .f98:hover {background: #C2E3EF;  } .f98:active {background: #5DB4D2;  } .f98:disabled {outline: 2px solid #AAB5C6;  color: #AAB5C6;  background-color: transparent;  } .f99 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 64px;  outline: none;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f99:focus {outline: none;  } .f99:focus-visible {background: #145585;  outline: none;  } .f99:hover {background: #145585;  } .f99:active {background: #02356C;  } .f99:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f100 {width: 100%;  } .f101 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  padding: 0 40px;  border-radius: 66px;  border: none;  outline: none;  text-decoration: none;  text-align: center;  color: #F8FCFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f101:focus {outline: none;  } .f101:focus-visible {background: #145585;  outline: none;  } .f101:hover {background: #145585;  } .f101:active {background: #02356C;  } .f101:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f102 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  padding: 0 40px;  border-radius: 32px;  outline: 2px solid #1B2637;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-color: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f102:focus {outline: 2px solid #1B2637;  } .f102:focus-visible {background: #88C9E0;  outline: 2px solid #1B2637;  } .f102:hover {background: #C2E3EF;  } .f102:active {background: #5DB4D2;  } .f102:disabled {outline: 2px solid #AAB5C6;  color: #3A4C64;  background: #EBEFF6;  } .f103 {display: flex;  padding: 40px;  flex-direction: column;  align-items: flex-start;  max-width: 500px;  height: fit-content;  border-radius: 24px;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f104 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f105 {margin: 16px 0px 0px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f106 {color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f107 {display: flex;  flex-direction: column;  width: 100%;  margin-top: 32px;  } .f108 {display: flex;  flex-direction: column;  width: 100%;  margin-top: 16px;  } .f109 {display: flex;  flex-direction: column;  align-items: center;  width: 100%;  max-width: 400px;  margin-top: 0px;  gap: 32px;  } .f110 {} .f111 {margin-bottom: 32px;  } .f112 {margin: -24px 0px 32px 0px;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f113 {margin: -20px 0px 32px 0px;  text-decoration: none;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f114 {display: flex;  align-items: center;  height: 64px;  width: 100%;  margin-bottom: 32px;  outline: 1px solid #DFE4EC;  overflow: hidden;  border-radius: 16px;  background-color: #F8FCFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  } .f114:focus {outline: 1px solid #1D6591;  background: #F8FCFF;  } .f114:hover {outline: 1px solid #DADFE7;  background: #F8FCFF;  } .f114:active {outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f114:disabled {outline: 1px solid #DFE4EC;  background: #EBEFF6;  } .f114:focus-within {outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f115 {width: 100%;  height: 100%;  padding: 0px 24px;  border: none;  background-color: transparent;  outline: none;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f115:active {color: #1B2637;  } .f115:focus {color: #1B2637;  } .f115::placeholder {color: #AAB5C6;  } .f116 {display: flex;  flex-direction: column;  gap: 16px;  } .f117 {width: 312px;  } .f118 {} .f119 {cursor: pointer;  } .f120 {} .f121 {border: 2px solid #FF4F3F;  background-color: #FFF6F5;  } .f122 {} .f123 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  padding: 0 40px;  border-radius: 66px;  border: none;  outline: none;  text-decoration: none;  text-align: center;  color: #F8FCFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f123:focus {outline: none;  } .f123:focus-visible {background: #145585;  outline: none;  } .f123:hover {background: #145585;  } .f123:active {background: #02356C;  } .f123:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f124 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  padding: 0 40px;  border-radius: 32px;  outline: 2px solid #1B2637;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-color: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f124:focus {outline: 2px solid #1B2637;  } .f124:focus-visible {background: #88C9E0;  outline: 2px solid #1B2637;  } .f124:hover {background: #C2E3EF;  } .f124:active {background: #5DB4D2;  } .f124:disabled {outline: 2px solid #AAB5C6;  color: #3A4C64;  background: #EBEFF6;  } .f125 {display: flex;  padding: 40px;  flex-direction: column;  align-items: flex-start;  max-width: 500px;  height: fit-content;  border-radius: 24px;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f126 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f127 {display: flex;  flex-direction: column;  gap: 16px;  } .f128 {display: none;  margin: 16px 0px 0px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f129 {color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f130 {display: flex;  flex-direction: column;  width: 100%;  } .f131 {display: flex;  flex-direction: column;  gap: 8px;  padding: 32px 0;  } .f132 {display: flex;  flex-direction: column;  width: 100%;  margin-top: 16px;  } .f133 {display: flex;  flex-direction: column;  align-items: center;  width: 100%;  max-width: 400px;  margin-top: 0px;  gap: 32px;  } .f134 {margin-bottom: 32px;  } .f135 {margin: 0px;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f136 {border: 1px solid #FF1A05;  } .f137 {margin: -20px 0px 32px 0px;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f138 {display: flex;  align-items: center;  height: 64px;  width: 100%;  outline: 1px solid #DFE4EC;  border-radius: 16px;  overflow: hidden;  background-color: #F8FCFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  } .f138:focus {outline: 1px solid #1D6591;  background: #F8FCFF;  } .f138:hover {outline: 1px solid #DADFE7;  background: #F8FCFF;  } .f138:active {outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f138:disabled {color: #DFE4EC;  outline: 1px solid #DFE4EC;  background: #EBEFF6;  } .f138:focus-within {outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f139 {width: 100%;  height: 100%;  padding: 0px 24px;  border: none;  background-color: transparent;  outline: none;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f139:active {color: #1B2637;  } .f139:focus {color: #1B2637;  } .f139::placeholder {color: #AAB5C6;  } .f140 {width: 312px;  } .f141 {} .f142 {} .f143 {border: 2px solid #FF4F3F;  background-color: #FFF6F5;  } .f144 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  padding: 0 40px;  border-radius: 66px;  border: none;  outline: none;  text-decoration: none;  text-align: center;  color: #F8FCFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f144:focus {outline: none;  } .f144:focus-visible {background: #145585;  outline: none;  } .f144:hover {background: #145585;  } .f144:active {background: #02356C;  } .f144:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f145 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 24px;  outline: 4px solid transparent;  outline-offset: -3px;  border: 2px solid #1B2637;  text-decoration: none;  color: #1B2637;  white-space: nowrap;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f145:focus {outline: 4px solid transparent;  } .f145:focus-visible {background: #88C9E0;  outline: 4px solid #5DB4D2;  } .f145:hover {outline: 4px solid transparent;  background: #C2E3EF;  } .f145:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f145:disabled {border: 2px solid #AAB5C6;  color: #3A4C64;  background: #EBEFF6;  } .f146 {display: flex;  padding: 40px;  flex-direction: column;  width: 500px;  height: fit-content;  border-radius: 24px;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  background: #FFFFFF;  } .f147 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f148 {display: none;  margin: 16px 0px 0px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f149 {display: flex;  flex-direction: column;  width: 100%;  margin-top: 32px;  } .f150 {display: flex;  flex-direction: column;  width: 100%;  margin-top: 16px;  } .f151 {display: flex;  flex-direction: column;  align-items: center;  width: 100%;  margin-top: 0px;  margin-bottom: 32px;  gap: 16px;  } .f151:last-child {margin-bottom: 0px;  } .f152 {margin-bottom: 32px;  } .f153 {margin: -24px 0px 32px 0px;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f154 {margin: -20px 0px 32px 0px;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f155 {display: flex;  align-items: center;  height: 64px;  width: 100%;  padding: 0px 24px;  margin-bottom: 32px;  outline: none;  border-radius: 16px;  border: 1px solid #DFE4EC;  overflow: hidden;  color: #F8FCFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-color: #F8FCFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  } .f155:focus {border: 1px solid #1D6591;  background: #F8FCFF;  } .f155:hover {border: 1px solid #DADFE7;  background: #F8FCFF;  } .f155:active {color: #1B2637;  border: 1px solid #2F86AA;  background: #FFFFFF;  } .f155:disabled {border: 1px solid #DFE4EC;  background: #EBEFF6;  } .f155:focus-within {border: 1px solid #2F86AA;  background: #FFFFFF;  } .f156 {width: 100%;  padding: 0px;  border: none;  background-color: #F8FCFF;  outline: none;  color: #AAB5C6;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f156:active {color: #1B2637;  background-color: #FFFFFF;  } .f156:focus {color: #1B2637;  background-color: #FFFFFF;  } .f157 {width: 312px;  } .f158 {display: flex;  flex-direction: column;  gap: 16px;  } .f159 {} .f160 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100vh;  background-color: #000000;  opacity: 0.5;  } .f161 {position: relative;  z-index: 99;  } .f162 {position: fixed;  top: 0px;  left: 0px;  display: flex;  align-items: center;  justify-content: center;  width: 100%;  height: 100vh;  z-index: 10;  } .f163 {padding: 40px 80px 80px 80px;  align-items: center;  border-radius: 48px;  background: #F8FCFF;  } .f164 {display: flex;  justify-content: space-between;  } .f165 {margin: 0px 0px 57px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f166 {cursor: pointer;  position: absolute;  right: 38px;  top: 38px;  display: flex;  align-items: center;  justify-content: center;  width: 48px;  height: 48px;  } .f167 {position: static;  } .f168 {width: 48px;  height: 48px;  } .f169 {display: flex;  flex-direction: row;  align-items: center;  } .f170 {width: 130px;  height: 161.199px;  margin-right: 34px;  } .f171 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f172 {display: flex;  flex-wrap: wrap;  } .f173 {height: 50px;  margin-left: 8px;  } .f174 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-gap: 16px;  } .f175 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-gap: 16px;  } .f176 {list-style: none;  padding: 0px;  margin: 0px;  } .f177 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f178 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f178:focus {outline: 4px solid transparent;  } .f178:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f178:hover {background: #145585;  border: 2px solid #145585;  } .f178:active {background: #0B4578;  border: 2px solid #0B4578;  } .f178:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f179 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #EBEFF6;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f179:focus {outline: 4px solid transparent;  } .f179:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f179:hover {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f179:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f179:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f180 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f181 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f182 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f183 {color: #243042;  } .f184 {color: #3A4C64;  } .f185 {color: #64748B;  } .f186 {color: #1D6591;  } .f187 {position: fixed;  top: 0px;  left: 0px;  z-index: 5;  width: 100%;  height: 100vh;  } .f188 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  background-color: #000000;  opacity: 0.5;  } .f189 {position: relative;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  padding: 24px;  overflow-y: auto;  } .f190 {position: relative;  top: max(18%, 24px);  left: 50%;  width: 100%;  display: flex;  flex-direction: column;  max-width: 440px;  padding: 24px;  border-radius: 24px;  background-color: #FFFFFF;  transform: translateX(-50%);  } .f191 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  margin-bottom: 16px;  } .f192 {height: 24px;  width: 24px;  background-repeat: no-repeat;  background-position: center;  background-size: contain;  cursor: pointer;  } .f193 {background-image: url('/img/icon/icon_closed-dark.svg');  } .f194 {display: block;  margin-bottom: 16px;  } .f195 {display: flex;  flex-direction: column;  gap: 8px;  } .f196 {display: flex;  flex-direction: column;  margin-bottom: 32px;  } .f197 {display: flex;  flex-direction: column;  } .f198 {margin-bottom: 8px;  } .f199 {display: flex;  flex-direction: column;  margin-bottom: 32px;  } .f200 {margin-bottom: 24px;  } .f201 {display: flex;  flex-direction: column;  align-items: center;  margin-bottom: 24px;  } .f202 {display: flex;  justify-content: space-between;  gap: 4px;  width: 100%;  max-width: 344px;  } .f203 {display: flex;  justify-content: center;  } .f204 {display: flex;  height: 96px;  max-width: 77px;  width: 100%;  } .f205 {display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  border-radius: 24px;  outline-offset: -1px;  outline: 2px solid transparent;  text-align: center;  border: 1px solid #DFE4EC;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  color: #243042;  background-color: #FFFFFF;  cursor: pointer;  } .f205:focus {outline: 2px solid #1D6591;  } .f205:hover {border: 1px solid #DADFE7;  } .f206 {outline: 2px solid #1D6591;  } .f207::after {content: 'Неверный код';  display: block;  padding-top: 24px;  text-align: center;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #FF4F3F;  } .f207 .f205 {outline: 2px solid #FF4F3F;  } .f208 {display: flex;  flex-direction: column;  margin-bottom: 32px;  } .f209 {display: flex;  flex-direction: column;  gap: 16px;  margin-bottom: 16px;  } .f210 {display: flex;  align-items: center;  width: 100%;  height: 50px;  min-height: 50px;  padding: 0 12px;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  border-radius: 12px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30;  color: #3A4C64;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  } .f211 {list-style: none;  padding: 0px;  margin: 0px;  } .f212 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f213 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f213:focus {outline: 4px solid transparent;  } .f213:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f213:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f213:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f213:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f214 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f215 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f216 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f217 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f218 {color: #243042;  } .f219 {color: #3A4C64;  } .f220 {color: #64748B;  } .f221 {color: #1D6591;  } .f222 {position: fixed;  top: 0px;  left: 0px;  z-index: 5;  width: 100%;  height: 100vh;  } .f223 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  background-color: #000000;  opacity: 0.5;  } .f224 {position: relative;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  padding: 24px;  overflow-y: auto;  } .f225 {position: relative;  top: max(18%, 24px);  left: 50%;  width: 100%;  display: flex;  flex-direction: column;  max-width: 680px;  padding: 24px;  border-radius: 24px;  background-color: #FFFFFF;  transform: translateX(-50%);  } .f226 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  margin-bottom: 24px;  } .f227 {height: 24px;  width: 24px;  background-repeat: no-repeat;  background-position: center;  background-size: contain;  cursor: pointer;  } .f228 {background-image: url('/img/icon/icon_closed-dark.svg');  } .f229 {display: block;  margin-bottom: 24px;  } .f230 {display: flex;  flex-direction: column;  gap: 8px;  } .f231 {display: flex;  gap: 40px;  flex-wrap: wrap;  margin-bottom: 32px;  } .f232 {display: flex;  justify-content: center;  align-items: center;  padding: 36px;  border: 4px solid #DFE4EC;  background-color: #FFFFFF;  border-radius: 24px;  } .f233 {width: 100%;  max-width: 220px;  } .f234 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  max-width: 268px;  min-width: 150px;  } .f235 {margin-bottom: 20px;  } .f236 {display: flex;  flex-direction: column;  gap: 16px;  } .f237 {display: flex;  align-items: center;  width: 100%;  max-width: 268px;  min-height: 64px;  padding-left: 48px;  background-repeat: no-repeat;  background-position: left;  background-size: contain;  } .f238 {background-image: url('/img/bg/qr-instruction-01.png');  } .f239 {background-image: url('/img/bg/qr-instruction-02.png');  } .f240 {background-image: url('/img/bg/qr-instruction-03.png');  } .f241 {display: flex;  top: 0px;  left: 0px;  padding: 24px;  align-items: center;  justify-content: center;  position: fixed;  width: 100%;  height: 100vh;  overflow: auto;  } .f242 {position: absolute;  width: 100%;  height: 100%;  background-color: #000000;  opacity: 0.5;  } .f243 {position: relative;  max-width: 900px;  width: 100%;  padding: 40px 45px 80px 80px;  align-items: center;  border-radius: 48px;  background: #F8FCFF;  } .f244 {display: flex;  justify-content: space-between;  } .f245 {margin: 0px 0px 57px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f246 {position: absolute;  right: 38px;  top: 38px;  display: flex;  align-items: center;  justify-content: center;  width: 48px;  height: 48px;  border: none;  background-color: transparent;  cursor: pointer;  } .f247 {position: static;  } .f248 {width: 48px;  height: 48px;  } .f249 {display: flex;  flex-direction: row;  align-items: center;  } .f250 {width: 130px;  height: 161.199px;  margin-right: 34px;  } .f251 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f252 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f253 {text-decoration: none;  color: inherit;  } .f254 {height: 50px;  } .f255 {list-style: none;  padding: 0px;  margin: 0px;  } .f256 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f257 {margin: 0px;  text-decoration: none;  color: inherit;  } .f258 {display: flex;  width: 100%;  height: 100%;  flex: 1;  justify-content: center;  align-items: center;  } .f259 {flex-direction: column;  width: 100%;  max-width: 655px;  border-radius: 24px;  padding: 40px 40px 32px 40px;  } .f260 {display: flex;  align-items: center;  gap: 8px;  margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f261 {display: block;  margin: 0px;  margin-bottom: 20px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f262 {display: flex;  gap: 8px;  flex-wrap: wrap;  } .f263 {height: 45px;  width: 136px;  background-position: center;  background-repeat: no-repeat;  background-size: cover;  } .f264 {background-image: url('/img/logo_google_store.png');  } .f265 {background-image: url('/img/logo_app_store.png');  } .f266 {display: flex;  align-items: center;  margin-bottom: 80px;  padding: 50px 90px;  border-radius: 80px;  border: 8px solid #EBEFF6;  } .f267 {display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  width: 160px;  height: 160px;  border-radius: 80px;  } .f268 {width: 100%;  } .f269 {margin-left: 52px;  } .f270 {margin: 0px 0px 8px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f271 {} .f272 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f273 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f274 {margin-top: 0px;  } .f275 {position: relative;  display: flex;  flex-direction: row;  align-items: center;  padding: 10px 12px;  min-height: 70px;  outline: 4px solid transparent;  border-radius: 16px;  margin-bottom: 32px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  user-select: none;  transition: outline 0.3s ease-in-out, background 0.3s ease-in-out;  } .f275:focus-visible {outline: 4px solid #5DB4D2;  } .f276 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f277 {position: relative;  width: 100%;  } .f278 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  cursor: pointer;  transform: translateY(-50%);  } .f279 {} .f280 {height: 40px;  width: 40px;  min-width: 40px;  cursor: pointer;  } .f281 {} .f282 {} .f283 {display: flex;  align-items: center;  height: 40px;  width: 100%;  gap: 12px;  } .f284 {display: flex;  align-items: center;  justify-content: center;  min-width: 40px;  height: 40px;  border: none;  cursor: pointer;  } .f285 {display: block;  height: 24px;  } .f286 {height: 24px;  } .f287 {display: flex;  flex-direction: column;  justify-content: center;  width: 100%;  height: 100%;  } .f288:focus {outline: none;  } .f288 {height: 6px;  width: 100%;  overflow: hidden;  border-radius: 4px;  background-color: #2F86AA;  -webkit-appearance: none;  cursor: pointer;  } .f289 {height: 100%;  width: 0%;  background-color: #2F86AA;  } .f290 {display: flex;  margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f291 {} .f288::-webkit-slider-runnable-track {height: 10px;  -webkit-appearance: none;  color: #2F86AA;  margin-top: -1px;  } .f288::-webkit-slider-thumb {width: 0px;  height: 10px;  -webkit-appearance: none;  cursor: pointer;  background: #C2E3EF;  box-shadow: 400px 0 0 400px #C2E3EF;  } .f288::-moz-range-progress {background-color: #C2E3EF;  } .f288::-moz-range-track {background-color: #2F86AA;  } .f288::-ms-fill-lower {background-color: #C2E3EF;  } .f288::-ms-fill-upper {background-color: #2F86AA;  } .f292 {display: flex;  align-items: center;  padding: 18px 23px;  margin-bottom: 32px;  border-radius: 16px;  min-height: 70px;  width: 100%;  outline: 4px solid transparent;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f292:focus-visible {outline: 4px solid #5DB4D2;  } .f293 {} .f294 {width: 24px;  min-width: 24px;  margin-right: 16px;  color: #576A84;  } .f295 {margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f296 {display: none;  } .f297 {position: absolute;  background: #64748B;  height: 64px;  min-width: 64px;  display: flex;  align-items: center;  justify-content: center;  border-radius: 64px;  color: #FFFFFF;  } .f298 {display: flex;  justify-content: center;  align-items: center;  } .f299 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f300 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f301 {color: #3A4C64;  } .f302 {color: #576A84;  } .f303 {color: #AAB5C6;  } .f304 {margin-right: 16px;  } .f305 {display: none;  } .f306 {background-color: #EBEFF6;  } .f307 {background-color: #FFEDEB;  } .f308 {} .f309 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f310 {display: flex;  flex-direction: column;  gap: 12px;  margin-bottom: 32px;  border-radius: 16px;  padding: 20px 24px 40px 24px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f311 {display: flex;  margin: 0px;  white-space: pre-wrap;  word-break: break-word;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f312 {margin: 0px;  width: 100%;  } .f313 {display: flex;  justify-content: space-between;  align-items: center;  } .f314 {display: flex;  gap: 12px;  } .f315 {display: flex;  justify-content: center;  align-items: center;  width: 20px;  max-width: 20px;  height: 20px;  outline: 4px solid transparent;  border-radius: 4px;  outline-offset: 2px;  color: #AAB5C6;  cursor: pointer;  transition: color 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f316 {max-width: 100%;  } .f315:focus-visible {outline: 4px solid #5DB4D2;  } .f315:hover {color: #64748B;  } .f315:active {color: #3A4C64;  } .f317 {display: flex;  align-items: center;  gap: 4px;  min-height: 28px;  padding-left: 4px;  padding-right: 4px;  outline: 4px solid transparent;  border-radius: 4px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  cursor: pointer;  transition: color 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f318 {margin: 0px;  color: currentColor;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f317:focus-visible {outline: 4px solid #5DB4D2;  } .f317:hover {color: #64748B;  } .f317:active {color: #3A4C64;  } .f319 {margin: 0px;  width: 100%;  min-height: 54px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f319 a {margin: 0px;  color: #1D6591;  text-decoration: none;  } .f319:focus {outline: none;  } .f320 {user-select: none;  } .f320 > .f310 {background-color: #DFE4EC;  } .f321 > .f310 {background-color: #FFEDEB;  } .f322 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f323 {position: relative;  display: flex;  flex-direction: column;  gap: 20px;  width: 100%;  margin-bottom: 32px;  outline: 4px solid transparent;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f324 {position: relative;  width: 100%;  } .f325 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f326 {} .f327 {margin-top: 0px;  } .f328 {position: relative;  display: flex;  justify-content: space-between;  align-items: center;  width: 100%;  height: 30px;  } .f329 {display: flex;  align-items: center;  width: 100%;  min-height: 70px;  margin: 0px;  padding: 18px 23px;  outline: 4px solid transparent;  border-radius: 16px;  text-decoration: none;  color: inherit;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f329:focus-visible {outline: 4px solid #5DB4D2;  } .f330 {position: absolute;  margin: 0px;  width: calc(100% - 36px);  overflow: hidden;  padding-right: 12px;  padding-left: 36px;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f331 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f332 {display: flex;  align-items: center;  width: 100%;  min-height: 70px;  padding: 16px 23px;  margin-bottom: 32px;  border-radius: 16px;  background: #FFFFFF;  outline: 4px solid transparent;  background-size: 24px;  background-position: right 24px center;  background-repeat: no-repeat;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f332:focus-visible {outline: 4px solid #5DB4D2;  } .f333 {} .f334 {display: none;  } .f335 {display: flex;  justify-content: center;  align-items: center;  } .f336 {text-align: start;  margin: 0px;  margin-right: auto;  color: #576A84;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f337 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f338 {color: #3A4C64;  } .f339 {color: #576A84;  } .f340 {color: #AAB5C6;  } .f341 {margin-right: 16px;  } .f342 {background-color: #EBEFF6;  } .f343 {background-color: #FFEDEB;  } .f344 {} .f345 {position: relative;  display: block;  color: #3A4C64;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  padding-top: 32px;  padding-bottom: 24px;  } .f345::before {content: '';  display: block;  position: absolute;  top: 0px;  bottom: 0px;  left: -8px;  right: -8px;  background-color: #AAB5C6;  opacity: 0;  transition: opacity 0.4s ease-in-out;  pointer-events: none;  } .f346 {margin-top: 0px;  } .f345:focus-visible {outline: none;  } .f347 > .f345::before {opacity: 0.16;  } .f348 > .f345::before {background-color: #FFEDEB;  } .f349 {position: relative;  display: block;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  padding-top: 24px;  padding-bottom: 16px;  } .f349::before {content: '';  display: block;  position: absolute;  top: 0px;  bottom: 0px;  left: -8px;  right: -8px;  background-color: #AAB5C6;  opacity: 0;  transition: opacity 0.4s ease-in-out;  pointer-events: none;  } .f350 {margin-top: 0px;  } .f349:focus-visible {outline: none;  } .f351 > .f349::before {opacity: 0.16;  } .f352 > .f349::before {background-color: #FFEDEB;  } .f353 {position: relative;  display: block;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  padding-top: 24px;  padding-bottom: 16px;  background-color: transparent;  transition: background-color 0.4s ease-in-out;  } .f353::before {content: '';  display: block;  position: absolute;  top: 0px;  bottom: 0px;  left: -8px;  right: -8px;  background-color: #AAB5C6;  opacity: 0;  transition: opacity 0.4s ease-in-out;  pointer-events: none;  } .f354 {margin-top: 0px;  } .f353:focus-visible {outline: none;  } .f355 > .f353::before {opacity: 0.16;  } .f356 > .f353::before {background-color: #FFEDEB;  } .f357 {padding: 19px 23px;  min-height: 70px;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  margin-bottom: 32px;  transition: background-color 0.4s ease-in-out;  } .f358 {margin-top: 0px;  } .f359 {display: block;  min-height: 32px;  margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  white-space: pre-wrap;  } .f357 a {color: #1D6591;  text-decoration: none;  } .f359:focus-visible {outline: none;  } .f360 {background-color: #EBEFF6;  } .f361 {background-color: #FFEDEB;  } .f362 {display: block;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  margin: 0px;  margin-bottom: 16px;  white-space:  pre-wrap;  background-color: #FF1A05;  } .f362 a {color: #1D6591;  text-decoration: none;  } .f362:focus-visible {outline: none;  } .f363 {background-color: #EBEFF6;  user-select: none;  } .f364 {display: block;  margin: 0px;  width: 100%;  margin-bottom: 2px;  white-space:  pre-wrap;  word-break: break-word;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f364 a {color: #1D6591;  text-decoration: none;  } .f364:focus-visible {outline: none;  } .f365:before {font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 1;  margin-bottom: 0px;  content: '•';  } .f366 {position: relative;  display: flex;  margin-bottom: 0px;  margin-left: 32px;  background-color: transparent;  transition: background-color 0.4s ease-in-out;  } .f366::before {content: '';  display: block;  position: absolute;  top: 0px;  bottom: 0px;  left: -8px;  right: -8px;  background-color: #AAB5C6;  opacity: 0;  transition: opacity 0.4s ease-in-out;  pointer-events: none;  } .f365 {font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  margin-right: 12px;  } .f367 > .f366::before {opacity: 0.16;  } .f368 > .f366::before {background-color: #FFEDEB;  } .f369 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f370 {position: relative;  display: flex;  flex: 1;  } .f371 {} .f371 div {} .f372 {background-color: #FF1A05;  } .f373 {width: 2px;  } .f374 {display: flex;  align-items: center;  justify-content: center;  border-radius: 6px;  background: transparent;  color: #AAB5C6;  cursor: pointer;  user-select: none;  } .f374:hover {color: #3A4C64;  } .f375 {display: flex;  flex-direction: row;  position: absolute;  margin-left: -65px;  z-index: 1;  } .f376 {display: flex;  background-size: cover;  background-position: center;  background-repeat: no-repeat;  user-select: none;  pointer-events: none;  } .f377 {} .f378 {} .f374:hover .f377 {} .f374:hover .f378 {} .f379 {border-bottom: 3px solid #5DB4D2;  } .f380 {display: flex;  flex: 1;  flex-direction: column;  } .f381 {width: 0px;  height: 0px;  line-height: 0;  border: 1px dotted #5DB4D2;  background-color: #4F97B6;  position: fixed;  z-index: 100;  visibility: hidden;  filter: alpha(opacity=40);  opacity: 0.4;  } .f382 {} .f383 {background-color: #FFEDEB;  border-radius: 8px;  } .f384 {display: flex;  flex: 1;  min-height: 90px;  } .f385 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f386 {position: relative;  display: flex;  flex-direction: column;  gap: 20px;  margin-bottom: 32px;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f387 {position: relative;  width: 100%;  } .f388 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f389 {} .f390 {margin-top: 0px;  } .f391 {position: relative;  display: flex;  justify-content: space-between;  padding: 20px 23px;  width: 100%;  min-height: 70px;  align-items: center;  } .f392 {display: flex;  align-items: center;  border-radius: 16px;  outline: 4px solid transparent;  width: 100%;  margin: 0px;  text-decoration: none;  color: inherit;  transition: outline 0.4s ease-in-out;  } .f392:focus-visible {outline: 4px solid #5DB4D2;  } .f393 {position: absolute;  margin: 0px;  width: calc(100% - 74px);  overflow: hidden;  padding-left: 40px;  padding-right: 12px;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f394 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f394:focus {outline: 4px solid #5DB4D2;  } .f395 {position: relative;  display: flex;  align-items: center;  min-height: 70px;  padding: 16px 23px;  margin-bottom: 32px;  width: 100%;  outline: 4px solid transparent;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f395:focus-visible {outline: 4px solid #5DB4D2;  } .f396 {} .f397 {display: flex;  justify-content: center;  align-items: center;  } .f398 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f399 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f400 {color: #3A4C64;  } .f401 {color: #576A84;  } .f402 {color: #AAB5C6;  } .f403 {margin-right: 16px;  } .f404 {display: none;  } .f405 {background-color: #EBEFF6;  } .f406 {background-color: #FFEDEB;  } .f407 {} .f408 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f409 {position: relative;  display: flex;  outline: 4px solid transparent;  justify-content: center;  align-items: center;  width: 100%;  margin-bottom: 32px;  border-radius: 16px;  overflow: hidden;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f409:focus-visible {outline: 4px solid #5DB4D2;  } .f410 {position: relative;  width: 100%;  outline: 4px solid transparent;  border-radius: 16px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f411 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f409::before {content: '';  display: block;  padding-top: 62.5%;  width: 100%;  } .f412 {margin-top: 0px;  } .f413 {position: absolute;  width: 100%;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  transition: filter 0.4s ease-in-out;  } .f414 {display: flex;  align-items: center;  min-height: 70px;  padding: 18px 23px;  width: 100%;  outline: 4px solid transparent;  margin-bottom: 32px;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f414:focus-visible {outline: 4px solid #5DB4D2;  } .f415 {} .f416 {position: relative;  width: 100%;  } .f417 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f418 {} .f419 {color: #64748B;  } .f420 {color: #1B2637;  } .f421 {color: #AAB5C6;  } .f422 {display: flex;  align-items: center;  justify-content: center;  margin-right: 16px;  } .f423 {margin: 0px;  margin-right: auto;  text-align: left;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f424 {display: none;  } .f425 {position: absolute;  display: flex;  align-items: center;  justify-content: center;  height: 64px;  min-width: 64px;  padding: 5px 16px;  } .f425::before {content: '';  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 64px;  background-color: #000000;  opacity: 0.5;  } .f426 {position: relative;  margin: 0px;  text-align: center;  color: #FFFFFF;  } .f427 .f413 {filter: opacity(0.6) drop-shadow(0 0 0 #EBEFF6);  } .f427 {background-color: #EBEFF6;  } .f428 {background-color: #FFEDEB;  } .f429 {} .f430 {display: block;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  margin-top: 24px;  margin-bottom: 16px;  } .f431 {margin-top: 0px;  } .f432 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f432:focus {outline: 4px solid transparent;  } .f432:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f432:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f432:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f432:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f433 {display: flex;  height: 40px;  min-height: 40px;  padding: 2px 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f433:focus {outline: 4px solid transparent;  } .f433:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f433:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f433:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f433:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f434 {list-style: none;  padding: 0px;  margin: 0px;  } .f435 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f436 {display: flex;  flex-direction: column;  padding: 12px 16px;  width: 100%;  border-radius: 16px;  border: 1px solid #EBEFF6;  background-color: #FFFFFF;  } .f437 {display: flex;  flex-wrap: wrap;  gap: 8px;  align-items: center;  justify-content: space-between;  } .f438 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  color: #243042;  } .f439 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #243042;  } .f440 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #243042;  } .f441 {display: flex;  flex-wrap: wrap;  column-gap: 16px;  row-gap: 4px;  padding-left: 20px;  width: calc(100% - 20px);  } .f442 {display: flex;  gap: 4px;  width: 45%;  min-width: 200px;  } .f443 {display: flex;  justify-content: space-between;  gap: 8px;  flex-wrap: wrap;  padding-top: 16px;  } .f444 {color: #64748B;  } .f445 {color: #1D6591;  background-color: #C2E3EF;  } .f446 {color: #F59E0B;  background-color: #FEF3C7;  } .f447 {color: #FF4F3F;  background-color: #FFEDEB;  } .f448 {color: #1D6591;  background-color: #C2E3EF;  } .f436::before {content: '';  display: block;  position: absolute;  top: 0px;  bottom: 0px;  left: -8px;  right: -8px;  background-color: #AAB5C6;  opacity: 0;  transition: opacity 0.4s ease-in-out;  pointer-events: none;  } .f436 a {color: #1D6591;  text-decoration: none;  } .f436:focus-visible {outline: none;  } .f449 {user-select: none;  } .f449 > .f436::before {opacity: 0.16;  } .f450 > .f436::before {background-color: #FFEDEB;  } .f451 {margin-bottom: 20px;  } .f451:last-child {margin-bottom: 0px;  } .f452 {margin-bottom: 12px;  } .f452:last-child {margin-bottom: 0px;  } .f453 {margin-bottom: 8px;  } .f453:last-child {margin-bottom: 0px;  } .f454 {display: flex;  flex: 1;  flex-direction: column;  height: 100vh;  width: 100%;  background-color: #FFFFFF;  position: fixed;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  z-index: 10;  } .f454 > div {display: flex;  flex: 1;  width: 100%;  } .f455 {position: relative;  display: block;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  margin: 0px;  padding: 8px 0;  white-space:  pre-wrap;  word-break: break-word;  background-color: transparent;  transition: background-color 0.4s ease-in-out;  } .f455::before {content: '';  display: block;  position: absolute;  top: 0px;  bottom: 0px;  left: -8px;  right: -8px;  background-color: #AAB5C6;  opacity: 0;  transition: opacity 0.4s ease-in-out;  pointer-events: none;  } .f455 a {color: #1D6591;  text-decoration: none;  } .f455:focus-visible {outline: none;  } .f456 {user-select: none;  } .f456 > .f455::before {opacity: 0.16;  } .f457 > .f455::before {background-color: #FFEDEB;  } .f458 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f459 {position: relative;  display: flex;  outline: 4px solid transparent;  justify-content: center;  margin-bottom: 32px;  width: 100%;  border-radius: 16px;  background-color: #FFFFFF;  transition: outline 0.4s ease-in-out;  } .f460 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  } .f461 {position: relative;  width: 100%;  display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 16px;  transition: background-color 0.4s ease-in-out;  } .f462 {position: relative;  width: 100%;  } .f463 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f464 {background-image: url('/img/icon/icon_closed-fat.svg');  } .f465 {position: absolute;  max-height: 760px;  display: flex;  align-items: center;  justify-content: center;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  transition: filter 0.4s ease-in-out;  } .f466 {display: flex;  justify-content: center;  align-items: center;  min-height: 450px;  width: 100%;  } .f466::before {content: '';  width: 100%;  height: 450px;  } .f467 {width: 100%;  max-height: 500px;  padding-top: 62.5%;  background-color: #5DB4D2;  } .f468 {position: relative;  display: flex;  outline: none;  justify-content: center;  align-items: center;  width: 100%;  min-height: 450px;  overflow: hidden;  border-radius: 16px;  } .f469 {position: absolute;  top: 50%;  outline: 4px solid transparent;  height: 100%;  width: 100%;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  transform: translateY(-50%);  transition: filter 0.4s ease-in-out;  } .f470 {margin-top: 0px;  } .f471 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  display: flex;  align-items: center;  justify-content: center;  border-radius: 16px;  outline-offset: -4px;  outline: 4px solid transparent;  cursor: pointer;  transition: outline 0.3s ease-in-out;  } .f471:focus-visible {outline: 4px solid #5DB4D2;  } .f472 {position: absolute;  height: 62px;  width: 91px;  color: #FFFFFF;  transition: color 0.3s ease-in-out;  } .f472:hover {color: #E0F1F7;  } .f473 {} .f474 {display: flex;  justify-content: center;  align-items: center;  } .f475 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f476 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f477 {color: #3A4C64;  } .f478 {color: #576A84;  } .f479 {color: #AAB5C6;  } .f480 {margin-right: 16px;  } .f481 {display: flex;  align-items: center;  padding: 18px 23px;  min-height: 70px;  width: 100%;  outline: 4px solid transparent;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: filter 0.4s ease-in-out, background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  } .f481:focus-visible {outline: 4px solid #5DB4D2;  } .f482 {} .f483 {opacity: 0;  } .f484 {display: none;  } .f485 .f481 {background-color: #EBEFF6;  } .f485 .f465 {filter: opacity(0.6) drop-shadow(0 0 0 #EBEFF6);  } .f485 .f469 {filter: opacity(0.6) drop-shadow(0 0 0 #EBEFF6);  } .f486 .f481 {background-color: #FFEDEB;  } .f487 {} .f488 {font-size: 17px;  line-height: 23px;  } .f489 {list-style: none;  padding: 0px;  margin: 0px;  } .f490 {margin: 0px;  text-decoration: none;  color: inherit;  } .f491 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f492 {z-index: 101;  position: fixed;  overflow: hidden;  border-radius: 12px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f493 {width: 280px;  min-width: 280px;  padding: 8px 0 8px 8px ;  height: 100%;  overflow-y: auto;  overflow-x: clip;  } .f494 {display: flex;  flex-direction: column;  width: 260px;  } .f495 {margin: 0px;  margin-bottom: 4px;  padding-left: 4px;  color: #DADFE7;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f496 {display: flex;  flex-direction: column;  gap: 4px;  width: 100%;  margin-bottom: 16px;  } .f496:last-child {margin-bottom: 0px;  } .f497 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  padding: 4px 8px 4px 4px;  width: 100%;  border-radius: 12px;  text-align: left;  background-color: #FFFFFF;  transition: background-color 0.2s ease-in-out;  cursor: pointer;  } .f497:hover {background-color: #EBEFF6;  } .f498 {background-color: #E0F1F7;  } .f498 .f499 {color: #2F86AA;  } .f498 .f500 {color: #2F86AA;  } .f501 {display: flex;  justify-content: center;  align-items: center;  outline: 1px solid #EBEFF6;  outline-offset: -1px;  border-radius: 8px;  width: 40px;  min-width: 40px;  height: 40px;  background-color: #FFFFFF;  background-repeat: no-repeat;  background-size: 24px;  background-position: center;  } .f500 {color: #576A84;  } .f502 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 2px;  max-width: calc(100% - 60px);  } .f499 {margin: 0px;  width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f503 {margin: 0px;  width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f504 {background-image: url('/img/icon/icon_popup-text-normal.svg');  } .f505 {background-image: url('/img/icon/icon_popup-text-h1.svg');  } .f506 {background-image: url('/img/icon/icon_popup-text-h2.svg');  } .f507 {background-image: url('/img/icon/icon_popup-text-h3.svg');  } .f508 {background-image: url('/img/icon/icon_popup-image.svg');  } .f509 {background-image: url('/img/icon/icon_popup-video.svg');  } .f510 {background-image: url('/img/icon/icon_popup-audio.svg');  } .f511 {background-image: url('/img/icon/icon_popup-pdf.svg');  } .f512 {background-image: url('/img/icon/icon_popup-marker.svg');  } .f513 {background-image: url('/img/icon/icon_popup-cod.svg');  } .f514 {background-image: url('/img/icon/icon_popup-paper-clip.svg');  } .f515 {position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  z-index: 100;  } .f516 {position: absolute;  z-index: 101;  } .f517 {list-style: none;  padding: 0px;  margin: 0px;  } .f518 {margin: 0px;  text-decoration: none;  color: inherit;  } .f519 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f520 {z-index: 101;  position: fixed;  overflow: hidden;  border-radius: 12px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f521 {width: 240px;  min-width: 240px;  padding: 8px 0 8px 8px ;  height: 100%;  overflow-y: auto;  overflow-x: clip;  } .f522 {display: flex;  flex-direction: column;  width: 220px;  } .f523 {margin: 0px;  margin-bottom: 4px;  padding-left: 4px;  color: #DADFE7;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f524 {display: flex;  flex-direction: column;  gap: 2px;  width: 100%;  margin-bottom: 16px;  } .f524:last-child {margin-bottom: 0px;  } .f525 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  padding: 4px 8px 4px 4px;  width: 100%;  height: 34px;  border-radius: 12px;  text-align: left;  background-color: #FFFFFF;  transition: background-color 0.2s ease-in-out;  cursor: pointer;  } .f525:hover {background-color: #EBEFF6;  } .f526 {background-color: #E0F1F7;  } .f527 {outline: none;  width: 24px;  min-width: 24px;  height: 24px;  background-repeat: no-repeat;  background-size: 16px;  background-position: center;  } .f528 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 2px;  max-width: calc(100% - 60px);  } .f529 {margin: 0px;  width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f530 {background-image: url('/img/icon/icon_popup-text-normal.svg');  } .f531 {background-image: url('/img/icon/icon_popup-text-h1.svg');  } .f532 {background-image: url('/img/icon/icon_popup-text-h2.svg');  } .f533 {background-image: url('/img/icon/icon_popup-text-h3.svg');  } .f534 {background-image: url('/img/icon/icon_popup-image.svg');  } .f535 {background-image: url('/img/icon/icon_popup-video.svg');  } .f536 {background-image: url('/img/icon/icon_popup-audio.svg');  } .f537 {background-image: url('/img/icon/icon_popup-pdf.svg');  } .f538 {background-image: url('/img/icon/icon_popup-marker.svg');  } .f539 {background-image: url('/img/icon/icon_popup-cod.svg');  } .f540 {background-image: url('/img/icon/icon_popup-text-list.svg');  } .f541 {background-image: url('/img/icon/icon_popup-paper-clip.svg');  } .f542 {position: absolute;  clip: rect(0 0 0 0);  width: 1px;  height: 1px;  margin: -1px;  padding: 0px;  overflow: hidden;  border: 0px;  } .f543 {position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  z-index: 100;  } .f544 {position: absolute;  z-index: 101;  } .f545 {list-style: none;  padding: 0px;  margin: 0px;  } .f546 {margin: 0px;  text-decoration: none;  color: inherit;  } .f547 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f548 {z-index: 101;  position: fixed;  overflow: hidden;  border-radius: 12px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f549 {width: 280px;  min-width: 280px;  padding: 8px 0 8px 8px ;  height: 100%;  overflow-y: auto;  overflow-x: clip;  } .f550 {display: flex;  flex-direction: column;  width: 260px;  } .f551 {margin: 0px;  margin-bottom: 4px;  padding-left: 4px;  color: #DADFE7;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f552 {display: flex;  flex-direction: column;  gap: 4px;  width: 100%;  } .f553 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  padding: 4px 2px 2px 4px;  width: 100%;  border-radius: 8px;  text-align: left;  background-color: #FFFFFF;  background-size: 16px;  background-position: right 12px center;  background-repeat: no-repeat;  transition: background-color 0.2s ease-in-out;  cursor: pointer;  } .f553:hover {background-color: #EBEFF6;  } .f554 {background-color: #E0F1F7;  } .f555 {padding-bottom: 4px;  margin-bottom: 2px;  border-bottom: 1px solid #EBEFF6;  } .f556 {margin: 0px;  width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f557 {color: #060606;  } .f558 {color: #7E94AA;  } .f559 {color: #AFC2D4;  } .f560 {color: #0CA15E;  } .f561 {color: #FF4F3F;  } .f562 {color: #F59E0B;  } .f563 {color: #124BE7;  } .f564 {position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  z-index: 100;  } .f565 {position: absolute;  z-index: 101;  } .f566 {list-style: none;  padding: 0px;  margin: 0px;  } .f567 {margin: 0px;  text-decoration: none;  color: inherit;  } .f568 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f569 {z-index: 101;  position: fixed;  overflow: hidden;  border-radius: 12px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f570 {width: 280px;  min-width: 280px;  max-height: 280px;  padding: 8px 0 8px 8px ;  height: 100%;  overflow-y: auto;  overflow-x: clip;  } .f571 {display: flex;  flex-direction: column;  width: 260px;  } .f572 {margin: 0px;  margin-bottom: 4px;  padding-left: 4px;  color: #DADFE7;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f573 {display: flex;  flex-direction: column;  gap: 4px;  width: 100%;  } .f574 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  padding: 4px 8px 4px 4px;  width: 100%;  border-radius: 12px;  text-align: left;  background-color: #FFFFFF;  background-size: 16px;  background-position: right 12px center;  background-repeat: no-repeat;  transition: background-color 0.2s ease-in-out;  cursor: pointer;  } .f574:hover {background-color: #EBEFF6;  } .f575 {outline: 1px solid #EBEFF6;  outline-offset: -1px;  border-radius: 8px;  width: 40px;  min-width: 40px;  height: 40px;  background-color: #FFFFFF;  background-repeat: no-repeat;  background-size: 24px;  background-position: center;  pointer-events: none;  } .f576 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 2px;  max-width: calc(100% - 60px);  pointer-events: none;  } .f577 {margin: 0px;  width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f578 {margin: 0px;  width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f579 {background-image: url('/img/icon/icon_popup-trash.svg');  } .f580 {background-image: url('/img/icon/icon_popup-duplicate.svg');  } .f581 {background-image: url('/img/icon/icon_popup-change-block.svg');  } .f582 {background-image: url('/img/icon/icon_popup-color.svg');  } .f583 {background-image: url('/img/icon/icon_popup-cut.svg');  } .f584 {background-image: url('/img/icon/icon_popup-arrow-gray.svg');  } .f585 {position: absolute;  clip: rect(0 0 0 0);  width: 1px;  height: 1px;  margin: -1px;  padding: 0px;  overflow: hidden;  border: 0px;  } .f586 {position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  z-index: 100;  } .f587 {position: absolute;  z-index: 101;  } .f588 {list-style: none;  padding: 0px;  margin: 0px;  } .f589 {margin: 0px;  text-decoration: none;  color: inherit;  } .f590 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f591 {z-index: 101;  position: absolute;  top: 0px;  left: 0px;  display: flex;  flex-wrap: wrap;  flex-direction: row;  align-items: center;  gap: 12px;  padding: 4px;  border-radius: 12px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  min-width: 450px;  } .f592 {display: flex;  justify-content: center;  align-items: center;  padding: 8px;  height: 40px;  min-width: 40px;  border-radius: 12px;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: undefined;  transition: background-color 0.2s ease-in-out;  cursor: pointer;  } .f592:hover {background-color: #EBEFF6;  } .f593 {color: #2F86AA;  background-color: #E0F1F7;  } .f594 {padding-left: 12px;  padding-right: 32px;  background-size: 16px;  background-repeat: no-repeat;  background-position: right 8px center;  } .f595 {width: 24px;  min-width: 24px;  height: 24px;  border-radius: 4px;  background-color: #3A4C64;  pointer-events: none;  } .f596 {margin: 0px;  margin-bottom: 4px;  padding-left: 4px;  color: #DADFE7;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f597 {display: flex;  flex-wrap: wrap;  align-items: center;  gap: 2px;  } .f598 {height: 24px;  } .f599 {background-image: url('/img/icon/icon_popup-arrow-select.svg');  } .f600 {position: absolute;  clip: rect(0 0 0 0);  width: 1px;  height: 1px;  margin: -1px;  padding: 0px;  overflow: hidden;  border: 0px;  } .f601 {position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  z-index: 100;  } .f602 {position: absolute;  z-index: 101;  } .f603 {pointer-events: none;  } .f604 {border-top: 1px solid #DADFE7;  border-bottom: 1px solid #DADFE7;  margin-top: 16px;  margin-bottom: 16px;  padding-top: 8px;  padding-bottom: 12px;  } .f605 {display: block;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  margin: 0px;  margin-bottom: 16px;  } .f606 {display: flex;  margin-bottom: 10px;  } .f607 {display: flex;  justify-content: center;  align-items: center;  background: #DADFE7;  margin-right: 6px;  border-radius: 4px;  height: 30px;  width: 30px;  cursor: pointer;  } .f605:focus-visible {outline: none;  } .f608 {} .f609 {} .f610 {} .f611 {} .f612 {margin-bottom: 24px;  } .f613 {display: flex;  flex-direction: column;  margin-bottom: 16px;  } .f614 {display: flex;  } .f615 {} .f616 {cursor: pointer;  } .f617 {font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  margin-top: 6px;  border: none;  outline: none;  } .f618 {width: 100%;  padding: 12px 24px;  border: 1px solid #DADFE7;  background-color: #F8FCFF;  outline: none;  display: flex;  flex: 1;  color: #AAB5C6;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  border-radius: 12px;  margin: 0px 8px;  } .f618:active {color: #1B2637;  background-color: #FFFFFF;  } .f618:focus {color: #1B2637;  background-color: #FFFFFF;  } .f619 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 64px;  outline: none;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f619:focus {outline: none;  } .f619:focus-visible {background: #145585;  outline: none;  } .f619:hover {background: #145585;  } .f619:active {background: #02356C;  } .f619:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f620 {border: 1px solid #FF1A05;  border-radius: 12px;  } .f621 {list-style: none;  padding: 0px;  margin: 0px;  } .f622 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f623 {display: none;  } .f624 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 64px;  outline: none;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  position: absolute;  } .f624:focus {outline: none;  } .f624:focus-visible {background: #145585;  outline: none;  } .f624:hover {background: #145585;  } .f624:active {background: #02356C;  } .f624:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f625 {position: relative;  display: flex;  align-items: center;  justify-content: center;  } .f626 {display: flex;  align-items: center;  justify-content: center;  } .f625 > div {width: 100%;  } .f627 {position: absolute;  display: flex;  align-items: center;  justify-content: center;  } .f628 {position: absolute;  display: flex;  align-items: center;  justify-content: center;  height: 64px;  min-width: 64px;  padding: 5px 16px;  } .f628::before {content: '';  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 64px;  background-color: #000000;  opacity: 0.5;  } .f629 {position: relative;  margin: 0px;  text-align: center;  color: #FFFFFF;  } .f630 {display: flex;  justify-content: center;  align-items: center;  flex-direction: row;  height: 200px;  width: 100%;  border: 1px dashed #AAB5C6;  border-radius: 24px;  padding: 12px 16px;  cursor: pointer;  } .f630:focus {outline: none;  } .f631 {display: flex;  justify-content: center;  align-items: center;  margin: 0px;  padding: 10px 16px 10px 48px;  color: #AAB5C6;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-position: left 0 center;  background-repeat: no-repeat;  background-size: 32px;  } .f632 {background-image: url('/img/icon/icon_image-small-gray.svg');  } .f633 {background-position: center;  background-repeat: no-repeat;  } .f634 {background-image: url('/img/icon/icon_doc-gray.svg');  } .f635 {position: relative;  } .f636 {position: absolute;  top: 0px;  right: 0px;  padding: 4px;  margin: 12px;  display: flex;  flex-direction: row;  flex-wrap: wrap;  border-radius: 12px;  background-color: #FFFFFF;  opacity: 0;  transition: opacity 0.2s ease-in-out;  } .f625:hover .f636 {opacity: 1;  } .f637 {display: flex;  justify-content: center;  align-items: center;  padding: 8px 12px;  margin: 0px;  outline: 4px solid transparent;  outline-offset: -2px;  border-radius: 12px;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  text-align: center;  white-space: nowrap;  background-color: transparent;  cursor: pointer;  transition: background-color 0.2s ease-in-out, outline 0.2s ease-in-out;  } .f636:focus-within {opacity: 1;  } .f637:focus {outline: 4px solid #88C9E0;  background-color: #EBEFF6;  } .f637:hover {background-color: #EBEFF6;  } .f637:active {outline: 4px solid transparent;  background-color: #DFE4EC;  } .f638 {background-color: #FFEDEB;  border: 1px dashed #FF4F3F;  } .f639 {} .f639::before {z-index: -1;  content: '';  display: block;  position: absolute;  top: -4px;  bottom: -4px;  left: -8px;  right: -8px;  background-color: transparent;  transition: background-color 0.4s ease-in-out;  } .f640::before {background-color: #FFEDEB;  border-radius: 8px;  } .f641 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f642 {list-style: none;  padding: 0px;  margin: 0px;  } .f643 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f643:focus {outline: 4px solid transparent;  } .f643:focus-visible {outline: 4px solid #5DB4D2;  background: #145585;  } .f643:hover {outline: 4px solid transparent;  background: #145585;  } .f643:active {outline: 4px solid transparent;  background: #02356C;  } .f643:disabled {border: 2px solid #DADFE7;  color: #EBEFF6;  background: #DADFE7;  } .f644 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f644:focus {outline: 4px solid transparent;  } .f644:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f644:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f644:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f644:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f645 {display: flex;  height: 39px;  min-height: 39px;  width: 100%;  padding: 0 18px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  text-align: center;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f645:focus {outline: 4px solid transparent;  } .f645:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f645:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f645:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f645:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f646 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 22px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  text-align: center;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f646:focus {outline: 4px solid transparent;  } .f646:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f646:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f646:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f646:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f647 {display: flex;  height: 54px;  mim-height: 54px;  padding: 0 22px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f647:focus {outline: 4px solid transparent;  } .f647:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f647:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f647:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f647:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f648 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 22px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  text-align: center;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f648:focus {outline: 4px solid transparent;  } .f648:focus-visible {outline: 4px solid #88C9E0;  background: #EBEFF6;  } .f648:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f648:active {outline: 4px solid transparent;  background: #DFE4EC;  } .f648:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: transparent;  } .f649 {z-index: 20;  position: fixed;  top: 0px;  bottom: 0px;  left: 0px;  right: 0px;  display: flex;  justify-content: center;  align-items: center;  } .f650 {position: absolute;  top: 0px;  bottom: 0px;  left: 0px;  right: 0px;  background-color: #00000059;  } .f651 {z-index: 2;  max-width: 1024px;  max-height: 100vh;  border-radius: 24px;  overflow: hidden;  background-color: #FFFFFF;  } .f652 {display: flex;  flex-direction: column;  width: 100%;  max-height: 100vh;  padding: 24px;  overflow-y: auto;  } .f653 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  margin-bottom: 16px;  } .f654 {margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f655 {width: 32px;  height: 32px;  min-width: 32px;  min-height: 32px;  cursor: pointer;  background-repeat: no-repeat;  background-size: 32px;  background-position: center;  } .f656 {background-image: url('/img/icon/icon_closed-d-gray.svg');  } .f657 {max-width: 720px;  margin: 0px;  margin-bottom: 24px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #576A84;  } .f658 {position: relative;  max-height: 450px;  } .f659 {width: 720px;  } .f660 {display: flex;  flex-direction: row;  gap: 40px;  margin-bottom: 32px;  } .f661 {display: flex;  flex-direction: column;  width: 216px;  gap: 24px;  } .f662 {display: flex;  flex-direction: row;  flex-wrap: wrap;  width: 100%;  gap: 24px;  } .f663 {display: flex;  flex-direction: column;  gap: 8px;  min-width: 216px;  flex: 1;  } .f664 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #576A84;  } .f665 {background-color: #88C9E0;  } .f666 {padding: 0;  width: 100%;  color: #3A4C64;  } .f667 {display: flex;  flex-direction: row;  justify-content: space-between;  } .f668 {display: flex;  flex-direction: row;  gap: 8px;  } .f669 {display: flex;  flex-direction: row;  gap: 8px;  } .f670 {width: 100%;  } .f671 {margin: 0px;  text-decoration: none;  color: inherit;  } .f672 {min-width: 360px;  width: 360px;  height: 100%;  position: fixed;  top: 50px;  background-color: #F8FCFF;  z-index: 1;  } .f673 {list-style: none;  padding: 0px;  margin: 0px;  } .f674 {padding: 24px 0 0 24px;  overflow-y: auto;  overflow-x: clip;  height: 100%;  border-right: 1px solid #DFE4EC;  padding-bottom: 80px;  } .f675 {display: flex;  flex-direction: column;  width: calc(100% - 24px);  } .f676 {display: flex;  flex-direction: column;  gap: 8px;  } .f677 {display: flex;  border-radius: 12px;  background: #FFFFFF;  outline: 1px solid #DFE4EC;  transition: outline 0.4s ease-in-out;  } .f677:hover {outline: 1px solid #3A4C64;  } .f678 {outline: 1px solid #2F86AA;  width: 100%;  background-color: undefined;  } .f678 .f679 {color: #1D6591;  } .f680 {position: relative;  display: flex;  padding: 12px;  padding-left: 16px;  gap: 4px;  width: 100%;  flex-direction: column;  text-decoration: none;  cursor: pointer;  } .f679 {margin: 0px;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  user-select: none;  pointer-events: none;  } .f681 {margin: 0px;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  user-select: none;  pointer-events: none;  } .f682 {height: 59px;  } .f683 {display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 176px;  overflow: hidden;  margin-bottom: 8px;  } .f684 {min-width: auto;  height: 100%;  } .f685 {display: flex;  flex-direction: row;  align-items: flex-start;  justify-content: space-between;  gap: 16px;  margin-bottom: 16px;  } .f686 {max-height: 69px;  margin: 0px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: normal;  display: flex;  flex: 1;  } .f687 {margin: 0px;  color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  margin-bottom: 24px;  } .f688 {display: flex;  justify-content: space-between;  } .f689 {display: flex;  align-items: top;  gap: 4px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #1D6591;  } .f690 {height: 16px;  fill: #AAB5C6;  } .f691 {position: relative;  display: flex;  justify-content: flex-end;  align-items: center;  height: 16px;  width: 16px;  border-radius: 8px;  } .f692 {position: absolute;  display: flex;  justify-content: flex-end;  align-items: center;  gap: 4px;  padding: 5px 10px;  right: -10px;  border-radius: 20px;  opacity: 0;  white-space: nowrap;  transition: opacity 0.5s ease-in-out;  overflow: hidden;  } .f692:hover {background: white;  outline: 1px solid #DFE4EC;  opacity: 1;  } .f693 {height: 12px;  width: 12px;  min-width: 12px;  border-radius: 50%;  background: #2F86AA;  } .f694 {outline: 1px solid #DFE4EC;  } .f678 .f690 {fill: #2F86AA;  } .f694:hover {outline: 1px solid #DFE4EC;  } .f694 .f679 {color: #DADFE7;  } .f694 .f681 {color: #DADFE7;  } .f694 .f690 {fill: #DADFE7;  } .f695 {position: fixed;  top: 75px;  left: 24px;  display: flex;  flex-direction: column;  z-index: 1;  } .f696 {height: 59px;  } .f697 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f698 {padding: 0px;  border: none;  background-color: transparent;  } .f699 {width: 40px;  min-width: 40px;  height: 40px;  cursor: pointer;  } .f700 {width: 100%;  } .f701 {display: none;  margin: 0px;  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;  width: 100%;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  user-select: none;  pointer-events: none;  } .f702 {width: 360px;  } .f703 {left: -360px;  } .f704 {width: 0px;  } .f705 {display: flex;  flex: 1;  flex-direction: column;  gap: 8px;  } .f706 {height: 20px;  width: 20px;  user-select: none;  pointer-events: none;  } .f707 {background: #DADFE7;  height: 30px;  width: 30px;  display: flex;  align-items: center;  justify-content: center;  border-radius: 6px;  cursor: pointer;  user-select: none;  position: absolute;  right: 24px;  margin-top: -1px;  z-index: 1;  } .f708 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 64px;  outline: none;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f708:focus {outline: none;  } .f708:focus-visible {background: #145585;  outline: none;  } .f708:hover {background: #145585;  } .f708:active {background: #02356C;  } .f708:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f709 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f710 {margin: 0px;  text-decoration: none;  color: inherit;  } .f711 {padding: 0 16px;  min-height: 54px;  height: 54px;  border-radius: 12px;  background-color: #FFFFFF;  border: none;  outline: 1px solid #DFE4EC;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f711::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f711:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f711:focus {outline: 4px solid #5DB4D2;  border: 1px solid #DFE4EC;  } .f711:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f711:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f711:invalid {outline: 1px solid #FF4F3F;  } .f712 {display: flex;  height: 64px;  width: 100%;  padding: 0 40px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  border: 2px solid #1B2637;  text-decoration: none;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: transparent;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f712:focus {outline: none;  } .f712:focus-visible {background-color: #88C9E0;  outline: none;  } .f712:hover {background-color: #C2E3EF;  } .f712:active {background-color: #5DB4D2;  } .f712:disabled {border: 2px solid #AAB5C6;  background: #FFFFFF;  color: #AAB5C6;  } .f713 {display: flex;  height: 64px;  width: 100%;  padding: 0 40px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 16px;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f713:focus {outline: none;  } .f713:focus-visible {background: #145585;  outline: none;  } .f713:hover {background: #145585;  } .f713:active {background: #10472E;  } .f713:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f714 {position: fixed;  left: 0px;  right: 0px;  top: 0px;  bottom: 0px;  z-index: 5;  background-color: #F8FCFF;  background-size: contain;  background-position: right;  background-repeat: no-repeat;  } .f715 {background-image: url(/img/bg/bg_auth.svg);  } .f716 {height: 100vh;  width: 100%;  overflow-y: auto;  } .f717 {display: flex;  align-items: center;  justify-content: space-between;  margin: auto;  max-width: 1440px;  height: 100px;  padding: 0 48px;  } .f718 {display: flex;  align-items: center;  gap: 8px;  height: 100%;  min-width: 82px;  margin: 0px;  padding: 16px;  margin-right: auto;  } .f719 {height: 37px;  } .f720 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #1B2637;  } .f721 {display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  background-color: transparent;  cursor: pointer;  } .f722 {width: 100%;  } .f723 {margin: auto;  max-width: 840px;  width: 100%;  padding: 24px 20px 120px 20px;  display: flex;  } .f724 {margin: 0px;  margin-bottom: 40px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f725 {margin: 0px;  margin-bottom: 40px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f726 {display: flex;  flex-direction: column;  border-top: 1px solid #DFE4EC;  padding: 16px 0 64px 0;  } .f727 {padding-bottom: 40px;  } .f726:last-child {padding-bottom: 0px;  } .f728 {margin: 0px;  margin-bottom: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f729 {display: flex;  flex-direction: row;  gap: 32px;  } .f730 {display: flex;  flex-direction: column;  flex: 1;  } .f731 {margin: 0px;  margin-bottom: 8px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f731:last-child {margin-bottom: 0px;  } .f732 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f733 {margin-bottom: 12px;  } .f734 {height: 160px;  padding: 12px 16px;  margin-bottom: 24px;  resize: none;  } .f734:last-child {margin-bottom: 0px;  } .f735 {position: relative;  display: flex;  align-items: center;  flex-direction: row;  margin-bottom: 12px;  } .f735:last-child {margin-bottom: 0px;  } .f736 {align-items: flex-end;  padding-top: 24px;  } .f737 {display: flex;  gap: 14px;  } .f738 {color: #DADFE7;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f739 {border: 2px solid #EBEFF6;  background: #AAB5C6;  color: #EBEFF6;  } .f740 {color: #AAB5C6;  background-color: #EBEFF6;  } .f741 {} .f742 {} .f743 {} .f744 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f745 {display: flex;  height: 64px;  width: 100%;  padding: 0 40px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 16px;  border: none;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  cursor: pointer;  } .f745:focus {background: #145585;  outline: none;  } .f745:hover {background: #1D6591;  } .f745:active {background: #0B4578;  } .f745:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f746 {position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  display: flex;  align-items: center;  justify-content: center;  z-index: 10;  overflow-y: auto;  } .f747 {width: auto;  max-width: 640px;  padding: 32px;  margin: auto;  border-radius: 32px;  background: #FFFFFF;  background-image: url(/img/bg/bg_congratulations.jpg);  background-size: 100% auto;  background-repeat: no-repeat;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f748 {display: flex;  flex-direction: row;  margin-bottom: 24px;  } .f749 {margin: 0px;  margin-right: auto;  color: #1B2637;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f750 {height: 48px;  width: 48px;  min-width: 48px;  background-color: transparent;  cursor: pointer;  } .f751 {width: 100%;  } .f752 {margin: 0px;  margin-bottom: 24px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f753 {margin-bottom: 24px;  } .f754 {margin-bottom: 48px;  } .f755 {color: #DADFE7;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  text-decoration-line: line-through;  margin-left: 8px;  } .f756 {display: flex;  align-items: flex-end;  } .f757 {position: relative;  display: flex;  flex-direction: row;  max-width: 100%;  height: 211px;  padding: 12px;  border-radius: 32px;  text-decoration: none;  color: inherit;  background: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f757:focus {outline: 2px solid #1D6591;  } .f758 {display: flex;  align-items: center;  justify-content: center;  width: 268px;  min-width: 268px;  height: auto;  overflow: hidden;  border-radius: 24px;  background-color: #F8FCFF;  } .f759 {width: 100%;  } .f760 {position: absolute;  top: 20px;  left: 228px;  display: flex;  align-items: center;  justify-content: center;  width: 44px;  height: 44px;  border-radius: 22px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f761 {display: flex;  flex-wrap: wrap;  margin: 0px;  } .f762 {display: flex;  justify-content: center;  align-items: center;  margin: 0px 8px 0px 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f763 {position: relative;  display: flex;  height: 191px;  flex-direction: column;  padding-left: 16px;  gap: 8px;  } .f764 {margin: 0px;  height: 70px;  overflow: hidden;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f765 {position: absolute;  bottom: 12px;  left: 296px;  display: flex;  align-items: flex-end;  } .f766 {display: flex;  flex-direction: column;  gap: 2px;  } .f767 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f768 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f769 {display: flex;  flex-wrap: wrap;  gap: 12px;  max-width: 912px;  } .f770 {position: relative;  display: flex;  max-width: 120px;  width: 100%;  height: 140px;  border-radius: 16px;  border: 2px solid transparent;  overflow: hidden;  outline: none;  text-decoration: none;  color: inherit;  background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  transition: border 0.3s ease-in-out, box-shadow 0.3s ease-in-out;  } .f770:focus {border: 2px solid #1D6591;  background-color: #EBEFF6;  } .f770:focus-visible {border: 2px solid #1D6591;  outline: none;  background-color: #EBEFF6;  } .f770:hover {border: 2px solid transparent;  background-color: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f770:active {border: 2px solid #2F86AA;  background-color: #FFFFFF;  } .f771 {border: 2px solid #2F86AA;  background: #FFFFFF;  } .f771:hover {border: 2px solid #2F86AA;  background: #FFFFFF;  } .f772 {width: 100%;  } .f773 {position: absolute;  bottom: 0px;  display: flex;  align-items: flex-end;  justify-content: flex-start;  padding: 8px 8px 5px 10px;  width: 100%;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f774 {list-style: none;  padding: 0px;  margin: 0px;  } .f775 {margin: 0px;  text-decoration: none;  color: inherit;  } .f776 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f777 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f777:focus {outline: 4px solid transparent;  } .f777:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f777:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f777:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f777:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f778 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f778:focus {outline: 4px solid transparent;  } .f778:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f778:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f778:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f778:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f779 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f779:focus {outline: 4px solid transparent;  } .f779:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f779:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f779:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f779:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f780 {margin: 0px;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f781 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f782 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f783 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f784 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f785 {color: #243042;  } .f786 {color: #485B74;  } .f787 {color: #3A4C64;  } .f788 {color: #64748B;  } .f789 {color: #AAB5C6;  } .f790 {position: relative;  display: flex;  justify-content: center;  flex: 1;  padding: 24px 16px 0 24px;  gap: 24px;  width: 100%;  max-width: 1340px;  overflow-y: auto;  } .f791 {position: absolute;  display: flex;  flex-direction: column;  align-items: flex-start;  width: 100%;  max-width: 615px;  padding: 0 16px 0 24px;  } .f792 {margin-bottom: 16px;  } .f793 {display: flex;  flex-direction: column;  justify-content: center;  align-items: flex-start;  width: 100%;  height: 100%;  padding-bottom: 128px;  } .f794 {margin-bottom: 16px;  } .f795 {margin-bottom: 16px;  } .f796 {display: flex;  gap: 16px;  padding-top: 40px;  } .f797 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  margin-bottom: 16px;  } .f798 {position: relative;  } .f799 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  width: 100%;  padding: 12px 64px 12px 20px;  outline: 1px solid #EBEFF6;  border-radius: 16px;  background-color: #FFFFFF;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f799:focus {outline: 1px solid #1D6591;  } .f799:hover {outline: 1px solid #DFE4EC;  } .f799:active {outline: 1px solid #1D6591;  } .f800 {outline: 1px solid #1D6591;  } .f801 {text-align: left;  } .f802 {position: absolute;  top: 50%;  right: 24px;  width: 24px;  height: 24px;  background-color: #FFFFFF;  background-repeat: no-repeat;  background-size: contain;  background-position: center;  transform: translateY(-50%);  opacity: 0;  transition: opacity 0.3s ease-in-out;  cursor: pointer;  } .f798:focus-within .f802 {opacity: 1;  } .f798:hover .f802 {opacity: 1;  } .f803 {background-image: url('/img/icon/icon_trash-red.svg');  } .f804 {display: flex;  } .f805 {color: #FF4F3F;  } .f805:after {position: absolute;  top: 50%;  right: 24px;  content: '';  display: block;  width: 24px;  height: 24px;  background-repeat: no-repeat;  background-size: contain;  background-position: center;  background-image: url('/img/icon/icon_warning-red.svg');  transform: translateY(-50%);  } .f806 {display: flex;  flex: 1;  flex-direction: column;  align-items: center;  width: 100%;  height: calc( 100vh - 72px );  } .f806:last-child {display: flex;  flex: 1;  width: 100%;  } .f807 {display: flex;  flex: initial;  flex-direction: column;  padding: 20px 40px;  gap: 16px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f808 {display: flex;  justify-content: space-between;  align-items: center;  } .f809 {display: flex;  justify-content: flex-start;  align-items: center;  padding-left: 44px;  min-height: 33px;  background-position: left;  background-repeat: no-repeat;  background-size: 32px;  } .f810 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f811 {margin: 0px;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f812 {display: flex;  flex: 1;  width: 100%;  justify-content: center;  } .f812 > div {display: flex;  flex: 1;  width: 100%;  } .f813 {background-image: url('/img/icon/icon_warning-orange.svg');  } .f814 {background-image: url('/img/icon/icon_time-l-gray.svg');  } .f815 {list-style: none;  padding: 0px;  margin: 0px;  } .f816 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f817 {display: flex;  align-items: center;  gap: 4px;  } .f818 {display: flex;  align-items: center;  gap: 12px;  padding: 4px 52px 4px 4px;  border-radius: 16px;  background-color: #C2E3EF;  background-size: 24px;  background-position: right 16px center;  background-repeat: no-repeat;  cursor: pointer;  } .f819 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f820 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  border-radius: 50%;  overflow: hidden;  color: #FFFFFF;  background-color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f821 {position: absolute;  width: 100%;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  } .f822 {margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f823 {position: absolute;  top: 83px;  right: 156px;  display: flex;  width: 100%;  max-width: 260px;  padding: 8px 0;  border-radius: 24px;  overflow: hidden;  background-color: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f824 {display: flex;  flex-direction: column;  gap: 2px;  overflow-y: auto;  width: 100%;  } .f825 {width: 100%;  } .f826 {display: flex;  align-items: center;  gap: 8px;  padding: 4px 12px;  width: 100%;  cursor: pointer;  } .f826:hover {background-color: #EBEFF6;  } .f826:active {background-color: transparent;  } .f826:active .f822 {color: #1D6591;  } .f827 {display: flex;  flex-direction: column;  } .f828 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #3A4C64;  } .f829 {margin: 0px;  padding-left: 40px;  padding-top: 8px;  padding-bottom: 4px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #64748B;  } .f830 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #3A4C64;  } .f831 {position: relative;  display: inline-block;  margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #3A4C64;  } .f832 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-auto-rows: 146.25px;  gap: 8px;  max-width: 718px;  width: 100%;  padding-bottom: 8px;  padding-top: 4px;  } .f832 div {margin-bottom: 0px;  max-height: 100%;  height: 100%;  } .f832 > div > div > div {border-radius: 16px;  background-color: #DADFE7;  } .f833::-webkit-media-controls {display: none;  } .f834 {position: relative;  } .f835 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f836 {position: reltive;  list-style: none;  padding: 0px;  margin: 0px;  } .f837 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f837:focus {outline: 4px solid transparent;  } .f837:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f837:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f837:active {outline: 4px solid transparent;  background: #DADFE7;  } .f837:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f838 {text-decoration: none;  color: inherit;  } .f839 {display: flex;  flex-direction: column;  gap: 32px;  } .f840 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f841 {display: flex;  flex-direction: column;  gap: 32px;  } .f842 {position: relative;  display: flex;  flex-direction: column;  } .f843 {position: relative;  display: flex;  flex-direction: column;  } .f844 {position: relative;  display: flex;  flex-direction: column;  } .f845 {position: relative;  display: flex;  column-gap: 12px;  } .f846 {margin-bottom: 8px;  } .f847 {display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 50%;  width: 48px;  min-width: 48px;  height: 48px;  color: #FFFFFF;  background-color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f848 {width: 100%;  } .f849 {position: relative;  display: flex;  flex-direction: column;  justify-content: center;  gap: 2px;  } .f850 {position: absolute;  top: 50%;  right: 0px;  padding: 4px;  border-radius: 99px;  color: #576A84;  background-color: #F8FCFF;  opacity: 0;  transform: translateY(-50%);  cursor: pointer;  transition: opacity 0.3s ease-in-out;  } .f845:hover .f850 {opacity: 1;  } .f851 {display: flex;  flex-direction: row;  align-items: flex-end;  gap: 8px;  } .f852 {display: inline-block;  margin: 0px;  white-space: nowrap;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f853 {display: block;  margin: 0px;  padding-left: 20px;  white-space: nowrap;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-size: 16px;  background-repeat: no-repeat;  background-position: 1px 3px;  } .f854 {background-image: url('/img/icon/icon_arrow-up-gray.svg');  } .f855 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f856 {display: flex;  justify-content: center;  align-items: center;  margin: 0px;  padding: 0 8px;  height: 22px;  border-radius: 24px;  color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #C2E3EF;  } .f857 {margin: 0px;  margin-bottom: 8px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f858 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: pointer;  } .f859 {display: flex;  align-items: center;  color: #64748B;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: pointer;  } .f860 {padding-left: 8px;  } .f861 {margin-right: 4px;  } .f862 {width: 20px;  height: 20px;  fill: #AAB5C6;  } .f863 {margin: 0px;  color: #FF4F3F;  } .f864 {color: #1D6591;  } .f865 {color: #FF4F3F;  } .f865 .f863 {display: block;  } .f866 {padding-left: 24px;  padding-top: 24px;  gap: 24px;  } .f866 .f842:last-child {padding-bottom: 32px;  } .f867 {display: flex;  padding-bottom: 40px;  } .f868 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 14px;  outline: none;  border: 2px solid #3A4C64;  text-decoration: none;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #3A4C64;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;  cursor: pointer;  } .f868:focus {outline: none;  } .f868:focus-visible {background: #243042;  border: 2px solid #576A84;  outline: none;  } .f868:hover {background: #243042;  border: 2px solid #243042;  } .f868:active {background: #1B2637;  } .f868:disabled {opacity: 0.4;  background: #3A4C64;  } .f869 {position: relative;  overflow: hidden;  } .f870 {position: absolute;  display: block;  width: 100%;  height: 100%;  background-color: #EBEFF6;  } .f871 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  } .f872 {display: flex;  align-items: center;  gap: 16px;  width: 100%;  padding: 20px 24px;  border-radius: 24px;  border: 1px solid #DFE4EC;  } .f873 {padding: 12px;  border-radius: 99px;  color: #576A84;  background-color: #EBEFF6;  } .f874 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f875 {display: flex;  flex-direction: column;  padding: 16px 0;  } .f876 {list-style: none;  padding: 0px;  margin: 0px;  } .f877 {text-decoration: none;  color: inherit;  } .f878 {display: flex;  flex-direction: column;  } .f879 {margin: 0px;  margin-bottom: 32px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f880 {display: flex;  flex-direction: column;  } .f881 {display: flex;  flex-direction: column;  gap: 8px;  } .f882 {display: flex;  } .f883 {display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 50%;  width: 48px;  min-width: 48px;  height: 48px;  margin-right: 12px;  } .f884 {width: 100%;  } .f885 {display: flex;  flex-direction: column;  gap: 2px;  } .f886 {display: flex;  flex-direction: row;  gap: 8px;  } .f887 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f888 {display: block;  margin: 0px;  padding-left: 20px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-size: 16px;  background-repeat: no-repeat;  background-position: 1px 3px;  } .f889 {background-image: url('/img/icon_arrow-up-gray.svg');  } .f890 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f891 {display: flex;  justify-content: center;  align-items: center;  margin: 0px;  padding: 0 8px;  height: 22px;  border-radius: 24px;  color: #145585;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #C2E3EF;  } .f892 {color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f893 {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: pointer;  margin-right: 12px;  } .f894 {display: flex;  align-items: center;  gap: 4px;  margin-right: 8px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: pointer;  } .f894:last-child {margin-right: 0px;  } .f895 {width: 20px;  height: 20px;  fill: #AAB5C6;  } .f896 {margin: 0px;  color: #FF4F3F;  } .f897 {color: #2F86AA;  } .f897 .f895 {fill: #2F86AA;  } .f898 {color: #FF4F3F;  } .f898 .f895 {fill: #FF4F3F;  } .f899 {padding-left: 24px;  padding-top: 24px;  gap: 24px;  } .f900 {padding: 0px;  border: none;  background-color: inherit;  } .f901 {min-height: 147px;  border-radius: 16px;  padding: 12px 16px 68px 24px;  border: 1px solid #DFE4EC;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f902 {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f903 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 14px;  outline: none;  border: 2px solid #3A4C64;  text-decoration: none;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #3A4C64;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;  cursor: pointer;  } .f903:focus {outline: none;  } .f903:focus-visible {background: #243042;  border: 2px solid #576A84;  outline: none;  } .f903:hover {background: #243042;  border: 2px solid #243042;  } .f903:active {background: #1B2637;  } .f903:disabled {opacity: 0.4;  background: #3A4C64;  } .f904 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f905 {list-style: none;  padding: 0px;  margin: 0px;  } .f906 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f906:focus {outline: 4px solid transparent;  } .f906:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f906:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f906:active {outline: 4px solid transparent;  background: #DADFE7;  } .f906:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f907 {display: flex;  flex-direction: column;  } .f908 {display: flex;  column-gap: 12px;  } .f909 {margin-bottom: 8px;  } .f910 {display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 50%;  width: 48px;  min-width: 48px;  height: 48px;  color: #FFFFFF;  background-color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f911 {width: 100%;  } .f912 {display: flex;  flex-direction: column;  justify-content: center;  gap: 2px;  } .f913 {display: flex;  flex-direction: row;  align-items: flex-end;  gap: 8px;  } .f914 {display: inline-block;  margin: 0px;  white-space: nowrap;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f915 {display: block;  margin: 0px;  padding-left: 20px;  white-space: nowrap;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-size: 16px;  background-repeat: no-repeat;  background-position: 1px 3px;  } .f916 {background-image: url('/img/icon/icon_arrow-up-gray.svg');  } .f917 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f918 {display: flex;  justify-content: center;  align-items: center;  margin: 0px;  padding: 0 8px;  height: 22px;  border-radius: 24px;  color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #C2E3EF;  } .f919 {margin: 0px;  margin-bottom: 8px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f920 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f921 {list-style: none;  padding: 0px;  margin: 0px;  } .f922 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 2px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f922:focus {outline: 4px solid transparent;  } .f922:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f922:hover {border: 2px solid transparent;  background: #243042;  } .f922:active {border: 2px solid transparent;  background: #3A4C64;  } .f922:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f923 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f923:focus {outline: 4px solid transparent;  } .f923:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f923:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f923:active {outline: 4px solid transparent;  background: #DADFE7;  } .f923:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f924 {display: none;  } .f925 {display: flex;  flex-direction: column;  } .f926 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  } .f927 {width: 100%;  min-height: 148px;  padding: 0 20px 64px 20px;  border-radius: 16px;  border: 1px solid #DFE4EC;  color: #243042;  background-color: #FFFFFF;  } .f928 {display: flex;  width: 100%;  padding-top: 20px;  padding-bottom: 16px;  } .f929 {display: flex;  flex-direction: column;  width: 100%;  padding: 12px 16px;  border-radius: 12px;  background-color: #EBEFF6;  } .f930 {margin: 0px;  margin-bottom: 8px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #AAB5C6;  } .f931 {width: 100%;  min-height: 72px;  outline: none;  border: none;  padding: 12px 0 0 0;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: text;  color: #3A4C64;  background-color: transparent;  resize: none;  } .f931:focus {border: none;  outline: none;  } .f931::placeholder {color: #AAB5C6;  white-space: pre-wrap;  word-break: break-word;  } .f932 {position: absolute;  bottom: 12px;  right: 12px;  display: flex;  gap: 12px;  } .f933 {position: absolute;  bottom: 20px;  left: 20px;  color: #1D6591;  cursor: pointer;  } .f934 {width: 100%;  } .f935 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-auto-rows: 151px;  grid-gap: 12px;  } .f936 {position: relative;  display: flex;  flex-direction: column;  overflow: hidden;  } .f937 {position: absolute;  left: 0px;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f938 {position: relative;  display: flex;  flex: 1;  flex-direction: column;  justify-content: space-between;  width: 100%;  overflow: hidden;  border-radius: 12px;  background-color: #FFFFFF;  } .f939 {position: relative;  display: flex;  gap: 8px;  justify-content: space-between;  align-items: center;  padding-left: 8px;  } .f940 {position: relative;  display: flex;  align-items: center;  min-height: 26px;  padding: 0 8px;  } .f941 {position: absolute;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  border-radius: 16px;  opacity: 0.6;  } .f942 {background-color: #FFFFFF;  } .f943 {position: relative;  margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f944 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding: 8px;  color: #243042;  cursor: pointer;  } .f945 {position: absolute;  top: 4px;  left: 4px;  bottom: 4px;  right: 4px;  border-radius: 8px;  opacity: 0.6;  } .f946 {position: relative;  display: flex;  color: #1B2637;  } .f947 {display: flex;  flex: 1;  } .f948 {position: absolute;  top: 50%;  left: 50%;  display: flex;  justify-content: center;  align-items: center;  padding: 6.5px;  transform: translate(-50%, -50%);  } .f949 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 99px;  background-color: #FFFFFF;  opacity: 0.6;  } .f950 {left: 3px;  } .f951 {position: relative;  color: #1B2637;  } .f952 {display: flex;  justify-content: flex-end;  align-items: center;  padding: 8px;  } .f953 {display: block;  width: 100%;  min-height: 30px;  margin: 0px;  padding: 6px 0;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  color: #243042;  } .f954 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding: 0 4px;  } .f955 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 99px;  background-color: #FFFFFF;  opacity: 0.6;  } .f956 {position: relative;  margin: 0px;  font-family: Manrope;  font-size: 11px;  font-style: normal;  font-weight: 600;  line-height: 14px;  color: #243042;  } .f957 {margin: 0px;  text-decoration: none;  color: inherit;  } .f958 {display: flex;  align-items: flex-end;  padding-top: 16px;  gap: 4px;  } .f959 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #64748B;  } .f960 {display: flex;  margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #1D6591;  } .f961 {position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  z-index: 100;  } .f962 {position: absolute;  z-index: 101;  } .f963 {display: flex;  flex-direction: column;  background-color: #FFFFFF;  border-radius: 10px;  box-shadow: 0 10px 20px rgb(64 64 64 / 5%);  padding: 10px 0;  } .f964 {border: 0px;  padding: 10px 30px 10px 15px;  width: 100%;  display: flex;  align-items: center;  position: relative;  text-decoration: unset;  color: #000;  font-weight: 500;  transition: 0.5s linear;  -webkit-transition: 0.5s linear;  -moz-transition: 0.5s linear;  -ms-transition: 0.5s linear;  -o-transition: 0.5s linear;  cursor: pointer;  } .f964:hover {background: #f1f3f7;  } .f965 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f966 {display: flex;  flex-direction: column;  align-items: center;  padding: 24px;  width: 368px;  min-height: 544px;  border-radius: 24px;  justify-content: space-between;  background-color: #FFFFFF;  background-size: cover;  } .f967 {background-image: url(/img/bg/bg_start_colum02.svg);  } .f968 {display: flex;  flex-direction: column;  width: 100%;  } .f969 {display: flex;  justify-content: flex-end;  min-height: 16px;  } .f970 {display: flex;  flex-direction: column;  align-items: center;  gap: 12px;  } .f971 {width: 24px;  height: 24px;  background-repeat: no-repeat;  background-size: cover;  background-position: center;  } .f972 {background-image: url('/img/icon/icon_shopping-cart.svg');  } .f973 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f974 {display: flex;  flex-direction: column;  align-items: center;  gap: 4px;  } .f975 {margin: 0px;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f976 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  text-decoration: line-through;  } .f977 {color: #243042;  } .f978 {display: flex;  flex-direction: row;  gap: 8px;  align-items: center;  margin-top: 24px;  height: 44px;  padding: 0 24px;  border-radius: 24px;  background-color: #C2E3EF;  } .f979 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f980 {color: #145585;  } .f981 {padding: 0 16px;  } .f982 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 25px;  height: 25px;  min-width: 25px;  } .f983 {position: absolute;  width: 100%;  opasity: 1;  transition: width 0.4s ease-in-out;  } .f984 {position: absolute;  width: 0%;  opacity: 1;  transition: width 0.4s ease-in-out;  } .f981:hover .f983 {width: 0%;  } .f981:hover .f984 {width: 100%;  } .f985 {cursor: pointer;  } .f986 {cursor: pointer;  } .f987 {cursor: pointer;  } .f988 {position: relative;  height: 24px;  width: 24px;  min-width: 24px;  } .f989 {padding: 0 16px;  min-height: 54px;  height: 54px;  border-radius: 12px;  background-color: #FFFFFF;  border: none;  outline: 1px solid #DFE4EC;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f989::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f989:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f989:focus {outline: 4px solid #5DB4D2;  border: 1px solid #DFE4EC;  } .f989:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f989:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f989:invalid {outline: 1px solid #FF4F3F;  } .f990 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f991 {display: flex;  flex-direction: column;  min-height: 287px;  padding-top: 40px;  } .f992 {margin-bottom: 24px;  } .f993 {background-color: #FFF6F5;  outline: 2px solid #FF4F3F;  } .f994 {margin: 0px;  padding-top: 8px;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f995 {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  width: 100%;  gap: 8px;  padding-top: 20px;  } .f996 {padding: 0 30px;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f997 {text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  margin-bottom: 8px;  } .f998 {display: flex;  height: 64px;  width: 100%;  padding: 0 40px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 16px;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f998:focus {outline: none;  } .f998:focus-visible {background: #145585;  outline: none;  } .f998:hover {background: #145585;  } .f998:active {background: #10472E;  } .f998:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f999 {display: flex;  height: 64px;  width: 100%;  padding: 0 40px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  border: 2px solid #1B2637;  text-decoration: none;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: transparent;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f999:focus {outline: none;  } .f999:focus-visible {background-color: #88C9E0;  outline: none;  } .f999:hover {background-color: #C2E3EF;  } .f999:active {background-color: #5DB4D2;  } .f999:disabled {border: 2px solid #AAB5C6;  background: #FFFFFF;  color: #AAB5C6;  } .f1000 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  min-height: 64px;  width: 100%;  padding: 5px 48px;  border-radius: 12px;  outline: 4px solid transparent;  outline-offset: -2px;  border: 2px solid #000000;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-color: #000000;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1000:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #243042;  background-color: #243042;  } .f1000:hover {outline: 4px solid transparent;  border: 2px solid #243042;  background-color: #243042;  } .f1000:active {outline: 4px solid transparent;  border: 2px solid #3A4C64;  background-color: #3A4C64;  } .f1000:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background-color: #EBEFF6;  } .f1001 {color: #DADFE7;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  text-decoration-line: line-through;  margin-left: 8px;  } .f1002 {display: flex;  align-items: flex-end;  } .f1003 {position: relative;  display: block;  max-width: 308px;  height: 415px;  padding: 12px 12px 24px 12px;  border-radius: 32px;  outline: 2px solid transparent;  text-decoration: none;  color: inherit;  background: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f1003:hover {outline: 2px solid transparent;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f1003:focus {outline: 2px solid #1D6591;  } .f1004 {position: relative;  display: flex;  align-items: center;  justify-content: center;  width: 100%;  overflow: hidden;  padding-top: 62.5%;  margin-bottom: 10px;  border-radius: 24px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f1005 {background-image: url('/img/bg/card_paid_img02.svg');  } .f1006 {position: absolute;  height: 120%;  min-height: 120%;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  filter: blur(20px);  } .f1007 {position: absolute;  width: 100%;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  } .f1008 {position: absolute;  top: 168px;  right: 24px;  display: flex;  align-items: center;  justify-content: center;  width: 44px;  height: 44px;  border-radius: 22px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f1009 {display: flex;  flex-wrap: wrap;  margin: 0px;  } .f1010 {display: flex;  justify-content: center;  align-items: center;  margin: 0px 8px 0px 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f1011 {position: relative;  display: flex;  height: 191px;  flex-direction: column;  padding: 0px 12px;  gap: 12px;  } .f1012 {margin: 0px;  height: 70px;  overflow: hidden;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1013 {position: absolute;  bottom: 24px;  left: 24px;  display: flex;  align-items: flex-end;  } .f1014 {display: flex;  flex-direction: column;  gap: 2px;  } .f1015 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f1016 {margin: 0px;  color: #485B74;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1017 {} .f1018 {list-style-type: none;  padding: 0px;  } .f1019 {padding: 80px 72px 120px 72px;  gap: 56px;  margin-bottom: 80px;  border-radius: 40px;  background-color: #FFFFFF;  background-size: cover;  background-repeat: no-repeat;  background-image: url(/img/bg/bg_course-program.svg);  } .f1020 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  } .f1021 {display: flex;  flex-direction: row;  align-items: center;  justify-content: flex-start;  } .f1022 {width: 148px;  } .f1023 {position: relative;  display: flex;  flex-direction: row;  align-items: center;  justify-content: flex-start;  gap: 4px;  } .f1024 {width: 88px;  height: 18px;  } .f1025 {position: absolute;  display: flex;  align-items: center;  justify-content: flex-start;  overflow: hidden;  } .f1026 {margin-top: 56px;  } .f1027 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f1028 {margin: 0px 0px 0px 12px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f1029 {margin-bottom: 32px;  } .f1030 {margin-top: 16px;  } .f1031 {display: flex;  flex-direction: row;  } .f1032 {margin: 0px 0px 2px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f1033 {width: 4px;  min-height: 100%;  margin-right: 12px;  border-radius: 4px;  background: #1D6591;  } .f1034 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f1035 {margin: 0px;  padding-top: 4px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1036 {margin: 56px 0px 0px 0px;  cursor: pointer;  color: #1D6591;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f1037 {list-style: none;  padding: 0px;  margin: 0px;  } .f1038 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1039 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1040 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1040:focus {outline: 4px solid transparent;  } .f1040:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f1040:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f1040:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f1040:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f1041 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1041:focus {outline: 4px solid transparent;  } .f1041:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f1041:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f1041:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f1041:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f1042 {display: flex;  padding: 20px 40px;  border-bottom: 1px solid #EBEFF6;  } .f1043 {display: flex;  flex: 1;  width: 100%;  padding: 24px 16px 16px 40px;  } .f1044 {display: flex;  gap: 12px;  } .f1045 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  background-color: #2F86AA;  } .f1046 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f1047 {display: flex;  flex-direction: column;  gap: 2px;  flex-wrap: nowrap;  justify-content: center;  align-items: flex-start;  } .f1048 {display: inline-block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f1049 {display: flex;  flex: 1;  justify-content: space-between;  gap: 24px;  width: 100%;  max-width: 1356px;  margin: 0 auto;  padding: 24px 16px 0 40px;  } .f1050 {position: relative;  display: flex;  flex-direction: column;  max-width: 980px;  width: 100%;  overflow-y: auto;  } .f1050::-webkit-scrollbar {width: 0 !important;  background: transparent;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none;  } .f1051 {position: absolute;  display: flex;  flex-direction: column;  flex: 1;  gap: 40px;  width: 100%;  } .f1052 {display: flex;  flex-direction: column;  gap: 12px;  } .f1053 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1054 {display: flex;  gap: 8px;  flex-wrap: wrap;  } .f1055 {display: flex;  flex-direction: column;  gap: 8px;  width: 180px;  padding: 12px 16px;  border-radius: 16px;  background-color: #FFFFFF;  outline: 1px solid #EBEFF6;  } .f1056 {position: relative;  display: flex;  overflow: hidden;  max-width: 280px;  min-width: 280px;  flex: 1;  padding: 16px 0;  margin-bottom: 16px;  border-radius: 24px;  border: 1px solid #EBEFF6;  background-color: #FFFFFF;  } .f1057 {position: absolute;  display: flex;  width: 102%;  height: calc(100% - 32px);  padding-left: 16px;  flex: 1;  overflow-y: auto;  transition: width 0.4s ease-in-out;  } .f1057:hover {width: calc(100% - 4px);  } .f1058 {display: flex;  flex-direction: column;  width: 248px;  } .f1059 {display: flex;  flex-direction: column;  gap: 24px;  } .f1060 {display: flex;  flex-direction: column;  gap: 16px;  } .f1061 {display: flex;  flex-direction: column;  gap: 2px;  } .f1062 {margin-bottom: auto;  } .f1063 {display: flex;  flex-direction: column;  gap: 8px;  } .f1064 {display: flex;  align-items: center;  justify-content: space-between;  gap: 16px;  padding: 16px;  border-radius: 16px;  background-color: #FFFFFF;  box-shadow: 0 1px 2px 0 rgba(24, 39, 75, 0.08);  } .f1065 {display: flex;  flex-direction: column;  gap: 2px;  } .f1066 {display: flex;  justify-content: center;  align-items: center;  margin: 0px;  padding: 2px 8px;  min-height: 25px;  border-radius: 8px;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  color: #64748B;  background-color: #EBEFF6;  } .f1067 {color: #1D6591;  background-color: #C2E3EF;  } .f1068 {color: #FF4F3F;  background-color: #FFEDEB;  } .f1069 {display: flex;  flex-direction: column;  gap: 16px;  } .f1070 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1071 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f1072 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1073 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1074 {color: #64748B;  } .f1075 {color: #243042;  } .f1076 {color: #AAB5C6;  } .f1077 {bottom: 24px;  display: flex;  justify-content: flex-end;  position: fixed;  margin-top: -98px;  margin-bottom: 24px;  right: 24px;  } .f1078 {position: relative;  display: flex;  align-items: center;  flex-wrap: wrap;  justify-content: space-between;  width: 715px;  padding: 12px 16px 12px 24px;  margin: 0px 24px 0px 0px;  border-radius: 12px;  row-gap: 20px;  background-color: #26759D;  box-shadow: 0px 12px 24px 0px rgba(24, 39, 75, 0.12);  } .f1079 {display: block;  margin: 0 20px 0 0;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f1080 {display: flex;  gap: 12px;  } .f1081 {display: flex;  align-items: center;  margin: 0;  text-decoration: none;  } .f1082 {height: 45px;  } .f1083 {list-style: none;  padding: 0px;  margin: 0px;  } .f1084 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1085 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1085:focus {outline: 4px solid transparent;  } .f1085:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f1085:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f1085:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f1085:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f1086 {position: relative;  display: flex;  flex-direction: column;  padding: 12px 12px 16px 16px;  width: 100%;  border-radius: 16px;  outline: 4px solid transparent;  border: 1px solid #EBEFF6;  background-color: transparent;  } .f1087 {display: flex;  gap: 8px;  margin-bottom: 8.5px;  } .f1088 {display: flex;  flex-direction: column;  align-items: flex-start;  } .f1089 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1090 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f1091 {display: flex;  margin: 0px;  width: 100%;  max-height: 46px;  overflow: hidden;  text-align: start;  color: #576A84;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1092 {padding-right: 20px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1092::after {position: absolute;  right: 12px;  bottom: 16px;  content: '';  width: 12px;  height: 12px;  border-radius: 50%;  background-color: #1D6591;  } .f1093 {border: 1px solid #1D6591;  background-color: #FFFFFF;  } .f1094 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #2F86AA;  } .f1095 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f1096 {display: flex;  flex: 1;  width: 100%;  max-width: 1170px;  margin: 0 auto;  gap: 24px;  padding: 24px 16px 0 40px;  } .f1097 {position: relative;  flex: 1;  width: 100%;  max-width: 316px;  overflow-y: auto;  } .f1097::-webkit-scrollbar {width: 0 !important;  height: 0px;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none;  background: transparent;  } .f1098 {position: absolute;  display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  } .f1099 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  } .f1100 {width: 100%;  } .f1101 {display: flex;  flex-direction: column;  gap: 8px;  flex: 1;  width: 100%;  padding-bottom: 16px;  } .f1102 {display: flex;  flex-direction: column;  flex: 1;  overflow-y: hidden;  border-radius: 24px;  border: 1px solid #EBEFF6;  padding: 16px 16px 0 24px;  } .f1103 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1104 {position: relative;  flex: 1;  overflow-y: auto;  } .f1104::-webkit-scrollbar {width: 0 !important;  height: 0px;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none;  background: transparent;  } .f1105 {position: absolute;  display: flex;  flex-direction: column;  gap: 12px;  width: 100%;  } .f1106 {display: flex;  justify-content: center;  width: 100%;  min-height: 43px;  padding: 8px 0;  color: #AAB5C6;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1107 {display: flex;  align-items: flex-end;  gap: 8px;  padding-right: 16px;  max-width: 100%;  } .f1108 {display: flex;  flex-direction: column;  max-width: min(480px, calc(100% - 45px));  padding: 12px 12px 8px 16px;  border-radius: 12px;  background-color: #FFFFFF;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  } .f1109 {display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: flex-start;  margin-bottom: 4px;  } .f1110 {display: inline-block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1111 {margin: 0px;  margin-bottom: 4px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1112 {display: flex;  justify-content: flex-end;  width: 100%;  margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f1113 .f1108 {background-color: #C2E3EF;  } .f1113 .f1109 {padding-right: 20px;  background-size: 16px;  background-repeat: no-repeat;  background-position: center right;  background-image: url('/img/icon/icon_star-green-gradient.svg');  } .f1114 {justify-content: flex-end;  padding-right: 0px;  padding-left: 16px;  } .f1114 .f1094 {display: none;  } .f1114 .f1108 {background-color: #C2E3EF;  } .f1114 .f1109 {justify-content: flex-end;  } .f1114 .f1110 {width: 100%;  } .f1115 {position: relative;  } .f1116 {display: block;  flex-direction: column;  gap: 16px;  padding: 16px 8px 8px 16px;  border-radius: 16px;  border: 1px solid #EBEFF6;  background-color: #FFFFFF;  } .f1117 {margin: 0px;  resize: none;  width: 100%;  border: 1px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1117::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1118 {display: flex;  justify-content: flex-end;  } .f1119 {position: absolute;  bottom: 8px;  left: 16px;  display: block;  width: 32px;  min-width: 32px;  height: 32px;  background-position: center;  background-repeat: no-repeat;  background-size: 24px;  cursor: pointer;  } .f1120 {background-image: url('/img/icon/icon_paperclip.svg');  } .f1121 {list-style: none;  padding: 0px;  margin: 0px;  } .f1122 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1123 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1123:focus {outline: 4px solid transparent;  } .f1123:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f1123:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f1123:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f1123:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1124 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1124:focus {outline: 4px solid transparent;  } .f1124:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f1124:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f1124:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1124:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1125 {display: flex;  height: 30px;  min-height: 30px;  padding: 2px 12px;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1125:focus {outline: 4px solid transparent;  } .f1125:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f1125:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f1125:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1125:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1126 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 2px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1126:focus {outline: 4px solid transparent;  } .f1126:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f1126:hover {border: 2px solid transparent;  background: #243042;  } .f1126:active {border: 2px solid transparent;  background: #3A4C64;  } .f1126:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f1127 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #2F86AA;  } .f1128 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f1129 {display: flex;  flex: 1;  width: 100%;  max-width: 1170px;  margin: 0 auto;  gap: 40px;  padding: 24px 16px 0 40px;  } .f1130 {display: flex;  margin-bottom: 16px;  } .f1131 {outline-offset: -4px;  } .f1132 {display: flex;  flex-direction: column;  gap: 16px;  width: 100%;  } .f1133 {display: flex;  flex-direction: column;  padding-bottom: 16px;  flex: 1;  width: 100%;  max-width: 280px;  } .f1134 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  overflow-y: hidden;  border-radius: 12px;  border: 1px solid #EBEFF6;  padding: 16px;  } .f1135 {display: flex;  flex-direction: column;  width: 100%;  padding: 4px;  padding-bottom: 24px;  margin-bottom: auto;  } .f1136 {display: flex;  flex-direction: column;  position: relative;  flex: 1;  padding-bottom: 16px;  } .f1137 {display: flex;  flex-direction: column;  position: relative;  flex: 1;  overflow-y: auto;  } .f1137::-webkit-scrollbar {width: 0 !important;  height: 0px;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none;  background: transparent;  } .f1138 {margin-bottom: 16px;  } .f1139 {position: absolute;  display: flex;  flex-direction: column;  width: 100%;  min-height: 100%;  } .f1140 {display: flex;  gap: 8px;  margin-bottom: 16px;  } .f1141 {display: flex;  align-items: center;  gap: 12px;  margin-bottom: 24px;  } .f1142 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1143 {display: flex;  flex-direction: column;  gap: 16px;  } .f1144 {display: flex;  flex-direction: column;  gap: 8px;  } .f1145 {display: flex;  flex-direction: column;  width: 100%;  } .f1146 {display: flex;  flex-direction: column;  gap: 16px;  } .f1147 {display: flex;  flex-direction: column;  gap: 2px;  } .f1148 {display: flex;  flex-direction: column;  padding: 24px;  border-radius: 16px;  background-color: #FFFFFF;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  } .f1149 {margin: 0px;  margin-bottom: 16px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f1150 {display: flex;  gap: 16px;  margin-bottom: 16px;  align-items: center;  } .f1151 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #3A4C64;  } .f1152 {border: 1px solid #DFE4EC;  border-radius: 16px;  padding: 12px 12px 0 20px;  } .f1153 {width: 100%;  min-height: 60px;  padding: 0px;  padding-right: 8px;  border: none;  outline: transparent;  resize: none;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: transparent;  } .f1154 {display: flex;  align-items: center;  justify-content: space-between;  padding: 12px 0;  } .f1155 {width: 24px;  min-width: 24px;  height: 24px;  cursor: pointer;  background-repeat: no-repeat;  background-position: center;  background-size: 24px;  } .f1156 {background-image: url('/img/icon/icon_image-green.svg');  } .f1157 {position: relative;  display: flex;  align-items: center;  } .f1158 {width: 36px;  min-width: 36px;  height: 36px;  background-repeat: no-repeat;  background-position: center;  background-size: 24px;  cursor: pointer;  } .f1159 {background-image: url('/img/grade/star_empty.svg');  } .f1160 {background-image: url('/img/grade/star.svg');  } .f1161 {display: flex;  justify-content: center;  align-items: center;  height: 25px;  min-height: 25px;  padding: 2px 8px;  border-radius: 8px;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  text-align: center;  white-space: nowrap;  background-color: #EBEFF6;  } .f1162 {color: #1D6591;  background-color: #C2E3EF;  } .f1163 {color: #FF4F3F;  background-color: #FFEDEB;  } .f1164 {cursor: pointer;  } .f1165 .f1166 {background-color: #C2E3EF;  } .f1165 .f1167 {padding-right: 20px;  background-size: 16px;  background-repeat: no-repeat;  background-position: center right;  background-image: url('/img/icon/icon_star-green-gradient.svg');  } .f1168 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1169 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1170 {color: #AAB5C6;  } .f1171 {color: #3A4C64;  } .f1172 {list-style: none;  padding: 0px;  margin: 0px;  } .f1173 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1174 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1174:focus {outline: 4px solid transparent;  } .f1174:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f1174:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f1174:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f1174:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1175 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1175:focus {outline: 4px solid transparent;  } .f1175:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f1175:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f1175:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1175:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1176 {display: flex;  height: 30px;  min-height: 30px;  padding: 2px 12px;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1176:focus {outline: 4px solid transparent;  } .f1176:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f1176:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f1176:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1176:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1177 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 2px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1177:focus {outline: 4px solid transparent;  } .f1177:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f1177:hover {border: 2px solid transparent;  background: #243042;  } .f1177:active {border: 2px solid transparent;  background: #3A4C64;  } .f1177:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f1178 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #2F86AA;  } .f1179 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f1180 {display: flex;  flex: 1;  width: 100%;  max-width: 1170px;  margin: 0 auto;  gap: 40px;  padding: 24px 16px 0 40px;  } .f1181 {display: flex;  margin-bottom: 24px;  } .f1182 {outline-offset: -4px;  } .f1183 {display: flex;  flex-direction: column;  padding-bottom: 16px;  flex: 1;  width: 100%;  max-width: 280px;  } .f1184 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  overflow-y: hidden;  border-radius: 12px;  border: 1px solid #EBEFF6;  padding: 16px;  } .f1185 {display: flex;  flex-direction: column;  width: 100%;  padding: 4px;  padding-bottom: 24px;  margin-bottom: auto;  } .f1186 {display: flex;  flex-direction: column;  position: relative;  flex: 1;  padding-bottom: 16px;  } .f1187 {display: flex;  flex-direction: column;  position: relative;  flex: 1;  overflow-y: auto;  } .f1187:last-child {margin-bottom: 0px;  } .f1187::-webkit-scrollbar {width: 0 !important;  height: 0px;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none;  background: transparent;  } .f1188 {margin-bottom: 16px;  } .f1189 {margin-bottom: 24px;  } .f1190 {position: absolute;  display: flex;  flex-direction: column;  width: 100%;  min-height: 100%;  } .f1191 {display: flex;  flex-direction: column;  gap: 24px;  } .f1192 {display: flex;  flex-direction: column;  gap: 16px;  } .f1193 {display: flex;  flex-direction: column;  gap: 16px;  } .f1194 {display: flex;  gap: 8px;  margin-bottom: 16px;  } .f1195 {display: flex;  align-items: center;  gap: 12px;  } .f1196 {display: flex;  flex-direction: column;  gap: 2px;  flex-wrap: nowrap;  justify-content: center;  align-items: flex-start;  } .f1197 {display: flex;  align-items: center;  gap: 8px;  } .f1198 {display: inline-block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f1199 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1200 {display: flex;  flex-direction: column;  gap: 16px;  } .f1201 {display: flex;  flex-direction: column;  gap: 8px;  } .f1202 {display: flex;  flex-direction: column;  width: 100%;  } .f1203 {display: flex;  flex-direction: column;  gap: 16px;  } .f1204 {display: flex;  flex-direction: column;  gap: 2px;  } .f1205 {display: flex;  flex-direction: column;  } .f1206 {display: flex;  justify-content: center;  align-items: center;  height: 25px;  min-height: 25px;  padding: 2px 8px;  border-radius: 8px;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  text-align: center;  white-space: nowrap;  background-color: #EBEFF6;  } .f1207 {color: #1D6591;  background-color: #C2E3EF;  } .f1208 {color: #FF4F3F;  background-color: #FFEDEB;  } .f1209 {cursor: pointer;  } .f1210 .f1211 {background-color: #C2E3EF;  } .f1210 .f1212 {padding-right: 20px;  background-size: 16px;  background-repeat: no-repeat;  background-position: center right;  background-image: url('/img/icon/icon_star-green-gradient.svg');  } .f1213 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1214 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1215 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1216 {color: #AAB5C6;  } .f1217 {color: #3A4C64;  } .f1218 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1219 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1220 {display: flex;  height: 30px;  min-height: 30px;  padding: 2px 12px;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1220:focus {outline: 4px solid transparent;  } .f1220:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f1220:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f1220:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1220:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1221 {position: relative;  display: flex;  justify-content: center;  flex: 1;  overflow-y: auto;  } .f1222 {position: absolute;  display: flex;  flex-direction: column;  align-items: center;  gap: 16px;  width: 100%;  max-width: 816px;  padding: 24px 24px 128px 24px;  } .f1223 {display: flex;  flex-direction: column;  width: 100%;  padding: 20px;  border-radius: 24px;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  background-color: #FFFFFF;  } .f1224 {display: flex;  justify-content: space-between;  margin-bottom: 12px;  } .f1225 {display: flex;  gap: 12px;  } .f1226 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #2F86AA;  } .f1227 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f1228 {display: flex;  flex-direction: column;  gap: 2px;  flex-wrap: nowrap;  justify-content: center;  align-items: flex-start;  } .f1229 {display: inline-block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1230 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1231 {margin-bottom: 20px;  } .f1232 {display: flex;  flex-direction: column;  gap: 12px;  } .f1233 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1234 {display: flex;  gap: 16px;  justify-content: space-between;  align-items: center;  width: 100%;  } .f1235 {display: flex;  gap: 8px;  align-items: center;  } .f1236 {display: block;  padding: 3px 12px 3px 32px;  min-height: 30px;  min-width: 30px;  border-radius: 8px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #EBEFF6;  background-size: 16px;  background-repeat: no-repeat;  background-position: left 12px center;  cursor: pointer;  } .f1237 {background-image: url('/img/icon/icon_like-d-gray-small.svg');  } .f1238 {color: #1D6591;  background-color: #C2E3EF;  background-image: url('/img/icon/icon_like-green-small.svg');  } .f1239 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f1240 {display: flex;  justify-content: space-between;  align-items: center;  padding: 12px 12px 12px 20px;  border-radius: 12px;  border: 1px solid #EBEFF6;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: pointer;  } .f1241 {display: flex;  align-items: center;  margin: 0px;  padding: 6px 16px;  min-height: 40px;  border-radius: 12px;  background-color: #EBEFF6;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1242 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1243 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #EBEFF6;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1243:focus {outline: 4px solid transparent;  } .f1243:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1243:hover {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1243:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f1243:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f1244 {display: flex;  height: 50px;  min-height: 50px;  padding: 5px 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #FF4F3F;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background-color: #FF4F3F;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1244:focus {outline: 4px solid transparent;  } .f1244:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FF1A05;  } .f1244:hover {border: 2px solid #FF1A05;  outline: 4px solid transparent;  background: #FF1A05;  } .f1244:active {border: 2px solid #E01300;  outline: 4px solid transparent;  background: #E01300;  } .f1244:disabled {border: 2px solid #EBEFF6;  outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1245 {position: fixed;  display: flex;  justify-content: center;  align-items: center;  height: 100%;  width: 100%;  } .f1246 {position: absolute;  height: 100%;  width: 100%;  background-color: #000000;  opacity: 0.5;  } .f1247 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  max-width: 600px;  padding: 24px;  border-radius: 24px;  background-color: #FFFFFF;  } .f1248 {display: flex;  justify-content: space-between;  align-items: center;  margin-bottom: 16px;  gap: 16px;  } .f1249 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f1250 {width: 32px;  min-width: 32px;  height: 32px;  background-repeat: no-repeat;  background-position: center;  background-size: 20px;  cursor: pointer;  } .f1251 {background-image: url('/img/icon/icon_closed-skinny.svg');  } .f1252 {margin: 0px;  margin-bottom: 24px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1253 {display: flex;  justify-content: flex-end;  align-items: center;  width: 100%;  gap: 8px;  } .f1254 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1255 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f1256 {position: absolute;  } .f1257 {position: fixed;  top: 0px;  left: 0px;  display: flex;  justify-content: center;  height: 100vh;  width: 100vw;  padding: 48px 24px 24px 24px;  background-color: #F8FCFF;  } .f1258 {padding-right: 8px;  width: 100%;  } .f1259 {display: flex;  flex-direction: column;  width: 100%;  max-width: 768px;  } .f1260 {display: flex;  justify-content: space-between;  align-items: center;  margin-bottom: 16px;  gap: 16px;  } .f1261 {display: flex;  gap: 12px;  } .f1262 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f1263 {color: #3A4C64;  } .f1264 {color: #3A4C64;  cursor: pointer;  } .f1265 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1266 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1267 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1268 {position: relative;  display: flex;  justify-content: center;  flex: 1;  overflow-y: auto;  } .f1269 {position: absolute;  display: flex;  flex-direction: column;  align-items: center;  gap: 24px;  width: 100%;  max-width: 816px;  padding: 24px 24px 128px 24px;  } .f1270 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  } .f1271 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1272 {display: flex;  justify-content: space-between;  gap: 16px;  width: 100%;  padding: 16px;  border-radius: 24px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  cursor: pointer;  } .f1273 {display: flex;  gap: 12px;  } .f1274 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  background-color: #2F86AA;  } .f1275 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f1276 {display: flex;  flex-direction: column;  gap: 2px;  flex-wrap: nowrap;  justify-content: center;  align-items: flex-start;  } .f1277 {display: inline-block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1278 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1279 {margin-bottom: 20px;  } .f1280 {display: flex;  gap: 16px;  justify-content: space-between;  align-items: center;  width: 100%;  } .f1281 {display: flex;  gap: 8px;  align-items: center;  } .f1282 {display: flex;  justify-content: center;  align-items: center;  height: 25px;  min-height: 25px;  padding: 2px 8px;  border-radius: 8px;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  text-align: center;  white-space: nowrap;  background-color: #EBEFF6;  cursor: pointer;  } .f1283 {color: #1D6591;  background-color: #C2E3EF;  } .f1284 {color: #FF4F3F;  background-color: #FFEDEB;  } .f1285 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1286 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1287 {position: relative;  z-index: 1;  display: flex;  flex-direction: column;  min-height: 140px;  padding: 40px;  gap: 40px;  background-color: #000000;  } .f1288 {display: flex;  align-items: center;  } .f1289 {display: flex;  flex-direction: row;  flex-wrap: nowrap;  column-gap: 80px;  row-gap: 40px;  } .f1290 {display: flex;  flex-wrap: wrap;  gap: 4px;  width: 94px;  } .f1291 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #FFFFFF;  } .f1292 {width: 100%;  } .f1293 {margin: 0;  color: #DADFE7;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f1294 {display: flex;  align-items: center;  flex-wrap: wrap;  column-gap: 32px;  row-gap: 16px;  margin-right: auto;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  transition: color 0.3s ease-in-out;  } .f1295:hover {color: #2F86AA;  } .f1296 {display: flex;  flex-direction: row;  flex-wrap: nowrap;  row-gap: 32px;  width: 481px;  } .f1297 {display: flex;  flex-direction: column;  gap: 12px;  padding-right: 64px;  margin-right: auto;  } .f1297:last-child {padding-right: 0px;  margin-right: 0px;  } .f1298 {width: 32px;  height: 32px;  background-size: contain;  background-repeat: no-repeat;  background-position: center;  } .f1299 {background-image: url('img/social/vk-two.svg');  } .f1300 {background-image: url('img/social/telegram.svg');  } .f1301 {margin: 0px;  color: #DADFE7;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  white-space: nowrap;  } .f1302 {display: flex;  gap: 12px;  flex-wrap: nowrap;  } .f1303 {display: flex;  align-items: center;  margin: 0;  text-decoration: "none";  } .f1304 {height: 45px;  } .f1305 {display: flex;  flex-direction: row;  flex-wrap: wrap;  column-gap: 24px;  row-gap: 8px;  } .f1306 {display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  gap: 32px;  } .f1307 {margin: 0px;  color: #DADFE7;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  cursor: pointer;  } .f1307:hover {color: #FFFFFF;  } .f1308 {padding-left: 20px;  background-repeat: no-repeat;  background-position: left;  background-size: 16px;  } .f1309 {background-image: url('/img/icon/page-theme-01.svg');  } .f1310 {background-image: url('/img/icon/page-theme-02.svg');  } .f1311 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 12px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1311:focus {outline: 4px solid transparent;  } .f1311:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f1311:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f1311:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f1311:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f1312 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1312:focus {outline: 4px solid transparent;  } .f1312:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f1312:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f1312:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f1312:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1313 {display: none;  } .f1314 {} .f1315 {} .f1316 {background: #1D6591;  height: 100%;  width: 100%;  color: #FFFFFF;  display: flex;  justify-content: center;  align-items: center;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f1317 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1318 {list-style: none;  padding: 0px;  margin: 0px;  } .f1319 {display: flex;  height: 30px;  min-height: 30px;  padding: 2px 12px;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1319:focus {outline: 4px solid transparent;  } .f1319:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f1319:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f1319:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1319:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1320 {position: relative;  display: flex;  align-items: center;  gap: 8px;  width: 100%;  } .f1321 {display: flex;  } .f1322 {cursor: pointer;  } .f1323 {display: flex;  } .f1324 {position: absolute;  top: 50%;  left: 0px;  display: flex;  transform: translateY(-50%);  pointer-events: none;  } .f1325 {color: #AAB5C6;  } .f1326 {color: #F59E0B;  } .f1327 {position: absolute;  top: 0px;  left: 0px;  width: 0px;  height: 0px;  overflow: hidden;  } .f1328 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1329 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 22px;  outline: none;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1329:focus {outline: none;  } .f1329:focus-visible {background: #88C9E0;  outline: none;  } .f1329:hover {background: #C2E3EF;  } .f1329:active {background: #5DB4D2;  } .f1329:disabled {outline: 2px solid #AAB5C6;  color: #AAB5C6;  background-color: transparent;  } .f1330 {display: flex;  align-items: center;  justify-content: center;  height: 30px;  min-height: 30px;  padding: 2px 16px;  margin: 0px;  border-radius: 12px;  outline: 4px solid transparent;  border: 1px solid #EBEFF6;  text-decoration: none;  color: #243042;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: transparent;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1330:focus {outline: 4px solid transparent;  } .f1330:focus-visible {border: 1px solid transparent;  outline: 4px solid #5DB4D2;  } .f1330:hover {border: 1px solid #DFE4EC;  } .f1330:active {border: 1px solid #C2E3EF;  color: #1D6591;  background: #C2E3EF;  } .f1331 {color: #FF4F3F;  background-color: #FFEDEB;  } .f1332 {margin: 0px;  } .f1333 {position: relative;  height: 72px;  padding: 0 48px;  width: 100%;  font-family: Manrope;  background-color: #F8FCFF;  } .f1334 {padding: 0px;  border: none;  background-color: transparent;  } .f1335 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 277px;  background: linear-gradient(#C2E3EF, transparent);  opacity: 0.7;  pointer-events: none;  } .f1336 {position: relative;  display: flex;  align-items: center;  justify-content: space-between;  width: 100%;  height: 100%;  gap: 10px;  } .f1337 {display: none;  justify-content: center;  align-items: center;  height: 28px;  width: 28px;  min-width: 28px;  cursor: pointer;  } .f1338 {height: 100%;  } .f1339 {display: flex;  align-items: center;  gap: 8px;  height: 100%;  min-width: 82px;  margin: 0px;  padding: 16px;  margin-right: auto;  } .f1340 {height: 100%;  } .f1341 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #1B2637;  } .f1342 {display: flex;  align-items: center;  gap: 12px;  } .f1343 {display: flex;  align-items: center;  gap: 12px;  } .f1344 {display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  padding: 8px;  margin-right: 12px;  border-radius: 50%;  background-color: #EBEFF6;  cursor: pointer;  } .f1345 {height: 100%;  } .f1346 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1347 {display: flex;  flex-direction: row;  align-items: center;  padding: 0 12px;  height: 0px;  width: 100%;  background: linear-gradient(90deg, #26759D 0%, #2F86AA 100%);  overflow: hidden;  position: fixed;  bottom: 0px;  left: 0px;  right: 0px;  z-index: 1;  } .f1348 {height: 40px;  margin-right: 4px;  } .f1349 {margin: 0px;  margin-right: auto;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f1350 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1351 {width: 32px;  min-width: 32px;  height: 32px;  background-color: transparent;  cursor: pointer;  } .f1352 {width: 100%;  } .f1353 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1354 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 22px;  outline: none;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1354:focus {outline: none;  } .f1354:focus-visible {background: #88C9E0;  outline: none;  } .f1354:hover {background: #C2E3EF;  } .f1354:active {background: #5DB4D2;  } .f1354:disabled {outline: 2px solid #AAB5C6;  color: #AAB5C6;  background-color: transparent;  } .f1355 {display: flex;  align-items: center;  justify-content: center;  height: 30px;  min-height: 30px;  padding: 2px 16px;  margin: 0px;  border-radius: 12px;  outline: 4px solid transparent;  border: 1px solid #EBEFF6;  text-decoration: none;  color: #243042;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: transparent;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1355:focus {outline: 4px solid transparent;  } .f1355:focus-visible {border: 1px solid transparent;  outline: 4px solid #5DB4D2;  } .f1355:hover {border: 1px solid #DFE4EC;  } .f1355:active {border: 1px solid #C2E3EF;  color: #1D6591;  background: #C2E3EF;  } .f1356 {color: #FF4F3F;  background-color: #FFEDEB;  } .f1357 {position: fixed;  z-index: 2;  top: 0px;  padding: 0 48px;  width: 100%;  font-family: Manrope;  background-color: #F8FCFF;  height: 72px;  } .f1358 {padding: 0px;  border: none;  background-color: transparent;  } .f1359 {border-bottom: 1px solid #DFE4EC;  } .f1360 {height: 72px;  } .f1361 {display: flex;  align-items: center;  justify-content: space-between;  width: 100%;  height: 100%;  gap: 10px;  } .f1362 {display: none;  justify-content: center;  align-items: center;  height: 28px;  width: 28px;  min-width: 28px;  cursor: pointer;  } .f1363 {height: 100%;  } .f1364 {display: flex;  align-items: center;  gap: 8px;  height: 100%;  min-width: 82px;  margin: 0px;  padding: 16px;  margin-right: auto;  } .f1365 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #1B2637;  } .f1366 {height: 100%;  } .f1367 {display: flex;  align-items: center;  height: 46px;  width: 100%;  max-width: 500px;  margin-left: 16px;  border-radius: 70px;  border: 1px solid #DFE4EC;  background: #FFFFFF;  } .f1368 {width: 24px;  height: 24px;  margin: 0px 16px;  } .f1369 {width: 100%;  margin-right: 30px;  padding: 0px;  border: none;  outline: none;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1370 {display: flex;  align-items: center;  gap: 12px;  } .f1371 {display: flex;  align-items: center;  gap: 12px;  } .f1372 {display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  padding: 8px;  margin-right: 12px;  border-radius: 50%;  background-color: #EBEFF6;  cursor: pointer;  } .f1373 {height: 100%;  } .f1374 {display: flex;  align-items: center;  justify-content: center;  padding: 0px 32px;  height: 49px;  border-radius: 26px;  background: #1D6591;  border: none;  text-decoration: none;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  cursor: pointer;  } .f1374:focus {background: #145585;  outline: none;  border: none;  } .f1374:hover {background: #1D6591;  } .f1374:active {background: #0B4578;  } .f1375 {height: 40px;  width: 40px;  border-radius: 20px;  } .f1376 {height: 40px;  width: 40px;  border-radius: 20px;  background-color: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  display: flex;  align-items: center;  justify-content: center;  } .f1377 {display: flex;  flex-direction: row;  flex-wrap: wrap;  row-gap: 16px;  column-gap: 8px;  max-width: 718px;  width: 100%;  padding: 12px 12px 12px 16px;  border-radius: 12px;  background-color: #C2E3EF;  } .f1378 {display: block;  width: 100%;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1379 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1380 {width: 100%;  } .f1381 {position: relative;  display: flex;  width: calc(100%/3 - 16px);  overflow: hidden;  height: 127.76px;  border-radius: 16px;  background-color: #DFE4EC;  } .f1381 div {display: flex;  align-items: center;  width: 100%;  } .f1380 div {margin-bottom: 0px;  } .f1382 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1383 {list-style: none;  padding: 0px;  margin: 0px;  } .f1384 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 2px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1384:focus {outline: 4px solid transparent;  } .f1384:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f1384:hover {border: 2px solid transparent;  background: #243042;  } .f1384:active {border: 2px solid transparent;  background: #3A4C64;  } .f1384:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f1385 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1385:focus {outline: 4px solid transparent;  } .f1385:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f1385:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f1385:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1385:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1386 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1386:focus {outline: 4px solid transparent;  } .f1386:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f1386:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f1386:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1386:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1387 {display: none;  } .f1388 {display: flex;  flex-direction: column;  } .f1389 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  } .f1390 {width: 100%;  min-height: 148px;  padding: 0 20px 64px 20px;  border-radius: 16px;  border: 1px solid #DFE4EC;  color: #243042;  background-color: #FFFFFF;  } .f1391 {display: flex;  width: 100%;  padding-top: 20px;  padding-bottom: 16px;  } .f1392 {display: flex;  flex-direction: column;  width: 100%;  padding: 12px 16px;  border-radius: 12px;  background-color: #EBEFF6;  } .f1393 {margin: 0px;  margin-bottom: 8px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #AAB5C6;  } .f1394 {width: 100%;  min-height: 72px;  outline: none;  border: none;  padding: 12px 0 0 0;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: text;  color: #3A4C64;  resize: none;  } .f1394:focus {border: none;  outline: none;  } .f1394::placeholder {color: #AAB5C6;  white-space: pre-wrap;  word-break: break-word;  } .f1395 {position: absolute;  bottom: 12px;  right: 12px;  display: flex;  gap: 12px;  } .f1396 {position: absolute;  bottom: 20px;  left: 20px;  color: #1D6591;  cursor: pointer;  } .f1397 {width: 100%;  } .f1398 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-auto-rows: 151px;  grid-gap: 12px;  } .f1399 {position: relative;  display: flex;  flex-direction: column;  overflow: hidden;  } .f1400 {position: absolute;  left: 0px;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f1401 {position: relative;  display: flex;  flex: 1;  flex-direction: column;  justify-content: space-between;  width: 100%;  overflow: hidden;  border-radius: 12px;  background-color: #FFFFFF;  } .f1402 {position: relative;  display: flex;  gap: 8px;  justify-content: space-between;  align-items: center;  padding-left: 8px;  } .f1403 {position: relative;  display: flex;  align-items: center;  min-height: 26px;  padding: 0 8px;  } .f1404 {position: absolute;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  border-radius: 16px;  opacity: 0.6;  } .f1405 {background-color: #FFFFFF;  } .f1406 {position: relative;  margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f1407 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding: 8px;  color: #243042;  cursor: pointer;  } .f1408 {position: absolute;  top: 4px;  left: 4px;  bottom: 4px;  right: 4px;  border-radius: 8px;  opacity: 0.6;  } .f1409 {position: relative;  display: flex;  color: #1B2637;  } .f1410 {display: flex;  flex: 1;  } .f1411 {position: absolute;  top: 50%;  left: 50%;  display: flex;  justify-content: center;  align-items: center;  padding: 6.5px;  transform: translate(-50%, -50%);  } .f1412 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 99px;  background-color: #FFFFFF;  opacity: 0.6;  } .f1413 {left: 3px;  } .f1414 {position: relative;  color: #1B2637;  } .f1415 {display: flex;  justify-content: flex-end;  align-items: center;  padding: 8px;  } .f1416 {display: block;  width: 100%;  min-height: 30px;  margin: 0px;  padding: 6px 0;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  color: #243042;  } .f1417 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding: 0 4px;  } .f1418 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 99px;  background-color: #FFFFFF;  opacity: 0.6;  } .f1419 {position: relative;  margin: 0px;  font-family: Manrope;  font-size: 11px;  font-style: normal;  font-weight: 600;  line-height: 14px;  color: #243042;  } .f1420 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1421 {display: flex;  align-items: flex-end;  padding-top: 16px;  gap: 4px;  } .f1422 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #64748B;  } .f1423 {display: flex;  margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #1D6591;  } .f1424 {display: flex;  flex-direction: row;  flex-wrap: wrap;  row-gap: 16px;  column-gap: 8px;  max-width: 718px;  width: 100%;  } .f1425 {display: block;  width: 100%;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1426 {width: 100%;  } .f1427 {position: relative;  display: flex;  width: calc(100%/3 - 16px);  overflow: hidden;  height: 127.76px;  border-radius: 16px;  background-color: #DFE4EC;  } .f1427 div {display: flex;  align-items: center;  width: 100%;  } .f1426 div {margin-bottom: 0px;  } .f1428::-webkit-media-controls {display: none;  } .f1429 {position: relative;  } .f1430 {position: relative;  display: flex;  flex-direction: column;  } .f1431 {padding: 24px 0;  } .f1431::before {content: '';  position: absolute;  top: 0px;  bottom: 0px;  left: -24px;  right: -24px;  border-radius: 24px;  border: 2px solid #EBEFF6;  } .f1432 {position: relative;  display: flex;  column-gap: 12px;  } .f1433 {margin-bottom: 10px;  } .f1434 {position: relative;  } .f1435 {position: relative;  display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 50%;  width: 48px;  min-width: 48px;  height: 48px;  color: #FFFFFF;  background-color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f1436 {position: absolute;  top: 0px;  left: 0px;  display: flex;  justify-content: center;  align-items: center;  height: 100%;  width: 100%;  margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1437 {position: absolute;  top: 50%;  left: 0px;  width: 100%;  transform: translateY(-50%);  } .f1438 {position: absolute;  top: 0px;  right: 0px;  display: flex;  border-radius: 99px;  padding: 1px;  color: #FFFFFF;  background-color: #26759D;  } .f1439 {display: flex;  flex-direction: column;  justify-content: center;  gap: 2px;  } .f1440 {display: flex;  flex-direction: row;  gap: 8px;  } .f1441 {display: inline-block;  margin: 0px;  white-space: nowrap;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1442 {display: block;  margin: 0px;  white-space: nowrap;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1443 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1444 {position: relative;  display: flex;  flex-direction: column;  gap: 16px;  } .f1445 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1446 {background-color: #f00;  } .f1447 {list-style: none;  padding: 0px;  margin: 0px;  } .f1448 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #EBEFF6;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1448:focus {outline: 4px solid transparent;  } .f1448:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1448:hover {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1448:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f1448:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f1449 {display: flex;  flex-direction: column;  padding-bottom: 24px;  } .f1450 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f1451 {display: flex;  flex-direction: column;  gap: 32px;  width: 100%;  } .f1452 {padding-top: 16px;  width: 100%;  } .f1453 {margin: 0px;  margin-bottom: 16px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1454 {display: flex;  flex-direction: column;  padding-top: 40px;  } .f1455 {position: relative;  display: flex;  justify-content: center;  align-items: center;  flex-direction: column;  height: 118px;  border-radius: 12px;  overflow: hidden;  background-color: #FFFFFF;  } .f1456 {position: absolute;  width: 100%;  } .f1457 {position: absolute;  top: 4px;  left: 4px;  right: 4px;  display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  padding-left: 8px;  } .f1457::before {content: '';  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 8px;  background-color: #FFFFFF;  opacity: 0.6;  } .f1458 {position: relative;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1459 {position: relative;  border: none;  padding: 4px;  background-color: transparent;  width: 32px;  height: 32px;  cursor: pointer;  } .f1460 {width: 100%;  } .f1461 {width: 48px;  max-width: 48px;  } .f1462 {position: absolute;  bottom: 8px;  left: 12px;  right: 8px;  margin: 0px;  display: flex;  flex-direction: row;  } .f1463 {display: block;  overflow: hidden;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  white-space: nowrap;  text-overflow: ellipsis;  } .f1464 {position: relative;  display: flex;  align-items: center;  justify-content: center;  padding: 0 4px;  } .f1464::before {content: '';  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 16px;  background-color: #FFFFFF;  opacity: 0.6;  } .f1465 {position: relative;  color: #1B2637;  font-family: Manrope;  font-size: 11px;  font-style: normal;  font-weight: 600;  line-height: 14px;  white-space: nowrap;  } .f1466 {position: absolute;  bottom: 8px;  right: 8px;  display: flex;  align-items: center;  justify-content: center;  padding: 0 4px;  } .f1466::before {content: '';  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 16px;  background-color: #FFFFFF;  opacity: 0.6;  } .f1467 {position: relative;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f1468 {list-style: none;  padding: 0px;  margin: 0px;  } .f1469 {display: flex;  flex-direction: column;  padding: 12px 16px;  border-radius: 12px;  width: auto;  gap: 8px;  background-color: #EBEFF6;  } .f1470 {display: flex;  } .f1471 {margin: 0px;  margin-right: auto;  color: #DADFE7;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f1472 {display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 8px;  } .f1473 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1474 {list-style: none;  padding: 0px;  margin: 0px;  } .f1475 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 2px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1475:focus {outline: 4px solid transparent;  } .f1475:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f1475:hover {border: 2px solid transparent;  background: #243042;  } .f1475:active {border: 2px solid transparent;  background: #3A4C64;  } .f1475:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f1476 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1476:focus {outline: 4px solid transparent;  } .f1476:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f1476:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f1476:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1476:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1477 {display: none;  } .f1478 {display: flex;  flex-direction: column;  } .f1479 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  } .f1480 {width: 100%;  min-height: 148px;  padding: 0 20px 64px 20px;  border-radius: 16px;  border: 1px solid #DFE4EC;  color: #243042;  background-color: #FFFFFF;  } .f1481 {display: flex;  width: 100%;  padding-top: 20px;  padding-bottom: 16px;  } .f1482 {display: flex;  flex-direction: column;  width: 100%;  padding: 12px 16px;  border-radius: 12px;  background-color: #EBEFF6;  } .f1483 {margin: 0px;  margin-bottom: 8px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #AAB5C6;  } .f1484 {width: 100%;  min-height: 72px;  outline: none;  border: none;  padding: 12px 0 0 0;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: text;  color: #3A4C64;  background-color: transparent;  resize: none;  } .f1484:focus {border: none;  outline: none;  } .f1484::placeholder {color: #AAB5C6;  white-space: pre-wrap;  word-break: break-word;  } .f1485 {position: absolute;  bottom: 12px;  right: 12px;  display: flex;  gap: 12px;  } .f1486 {position: absolute;  bottom: 20px;  left: 20px;  color: #1D6591;  cursor: pointer;  } .f1487 {width: 100%;  } .f1488 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-auto-rows: 151px;  grid-gap: 12px;  } .f1489 {position: relative;  display: flex;  flex-direction: column;  overflow: hidden;  } .f1490 {position: absolute;  left: 0px;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f1491 {position: relative;  display: flex;  flex: 1;  flex-direction: column;  justify-content: space-between;  width: 100%;  overflow: hidden;  border-radius: 12px;  background-color: #FFFFFF;  } .f1492 {position: relative;  display: flex;  gap: 8px;  justify-content: space-between;  align-items: center;  padding-left: 8px;  } .f1493 {position: relative;  display: flex;  align-items: center;  min-height: 26px;  padding: 0 8px;  } .f1494 {position: absolute;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  border-radius: 16px;  opacity: 0.6;  } .f1495 {background-color: #FFFFFF;  } .f1496 {position: relative;  margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f1497 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding: 8px;  color: #243042;  cursor: pointer;  } .f1498 {position: absolute;  top: 4px;  left: 4px;  bottom: 4px;  right: 4px;  border-radius: 8px;  opacity: 0.6;  } .f1499 {position: relative;  display: flex;  color: #1B2637;  } .f1500 {display: flex;  flex: 1;  } .f1501 {position: absolute;  top: 50%;  left: 50%;  display: flex;  justify-content: center;  align-items: center;  padding: 6.5px;  transform: translate(-50%, -50%);  } .f1502 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 99px;  background-color: #FFFFFF;  opacity: 0.6;  } .f1503 {left: 3px;  } .f1504 {position: relative;  color: #1B2637;  } .f1505 {display: flex;  justify-content: flex-end;  align-items: center;  padding: 8px;  } .f1506 {display: block;  width: 100%;  min-height: 30px;  margin: 0px;  padding: 6px 0;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  color: #243042;  } .f1507 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding: 0 4px;  } .f1508 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 99px;  background-color: #FFFFFF;  opacity: 0.6;  } .f1509 {position: relative;  margin: 0px;  font-family: Manrope;  font-size: 11px;  font-style: normal;  font-weight: 600;  line-height: 14px;  color: #243042;  } .f1510 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1511 {display: flex;  align-items: flex-end;  padding-top: 16px;  gap: 4px;  } .f1512 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #64748B;  } .f1513 {display: flex;  margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #1D6591;  } .f1514 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #EBEFF6;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1514:focus {outline: 4px solid transparent;  } .f1514:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1514:hover {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1514:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f1514:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f1515 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #EBEFF6;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1515:focus {outline: 4px solid transparent;  } .f1515:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1515:hover {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1515:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f1515:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f1516 {display: flex;  height: 64px;  width: 100%;  padding: 0 40px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 16px;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f1516:focus {outline: none;  } .f1516:focus-visible {background: #145585;  outline: none;  } .f1516:hover {background: #145585;  } .f1516:active {background: #10472E;  } .f1516:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f1517 {margin-bottom: 40px;  } .f1518 {display: flex;  width: 100%;  } .f1519 {display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap;  gap: 16px;  width: 100%;  min-height: 82px;  border-radius: 24px;  padding: 15px 24px;  background-color: #EBEFF6;  } .f1520 {display: flex;  align-items: center;  gap: 16px;  } .f1521 {color: #243042;  } .f1522 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f1523 {background-color: #FFEDEB;  } .f1524 {background-color: #88C9E0;  } .f1525 {position: relative;  } .f1526 {position: relative;  display: flex;  width: 100%;  color: #AAB5C6;  } .f1527 {position: absolute;  top: 0px;  left: 0px;  overflow: hidden;  } .f1528 {display: flex;  color: #FBBF24;  } .f1529 {width: 80%;  } .f1530 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #EBEFF6;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1530:focus {outline: 4px solid transparent;  } .f1530:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1530:hover {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1530:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f1530:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f1531 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1531:focus {outline: 4px solid transparent;  } .f1531:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f1531:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f1531:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1531:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1532 {display: flex;  width: 100%;  } .f1533 {display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap;  column-gap: 16px;  row-gap: 2px;  width: 100%;  min-height: 20px;  border-radius: 12px;  padding: 4px 16px;  background-color: #EBEFF6;  } .f1534 {display: flex;  align-items: center;  gap: 12px;  } .f1535 {color: #576A84;  } .f1536 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f1537 {background-color: #FFEDEB;  } .f1538 {background-color: #88C9E0;  } .f1539 {position: relative;  } .f1540 {position: relative;  display: flex;  width: 100%;  color: #AAB5C6;  } .f1541 {position: absolute;  top: 0px;  left: 0px;  overflow: hidden;  } .f1542 {display: flex;  color: #FBBF24;  } .f1543 {width: 80%;  } .f1544 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #EBEFF6;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1544:focus {outline: 4px solid transparent;  } .f1544:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1544:hover {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1544:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f1544:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f1545 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1545:focus {outline: 4px solid transparent;  } .f1545:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f1545:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f1545:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1545:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1546 {display: flex;  width: 100%;  } .f1547 {display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap;  gap: 16px;  width: 100%;  min-height: 50px;  border-radius: 16px;  padding: 5px 16px;  background-color: #EBEFF6;  } .f1548 {display: flex;  align-items: center;  gap: 16px;  } .f1549 {color: #243042;  } .f1550 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f1551 {background-color: #FFEDEB;  } .f1552 {background-color: #88C9E0;  } .f1553 {position: relative;  } .f1554 {position: relative;  display: flex;  width: 100%;  color: #AAB5C6;  } .f1555 {position: absolute;  top: 0px;  left: 0px;  overflow: hidden;  } .f1556 {display: flex;  color: #FBBF24;  } .f1557 {width: 80%;  } .f1558 {list-style: none;  padding: 0px;  margin: 0px;  } .f1559 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1560 {display: flex;  height: 28px;  min-height: 28px;  padding: 0px 10px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF1A05;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #FFF6F5;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1560:focus {outline: 4px solid transparent;  } .f1560:focus-visible {border: 2px solid transparent;  outline: 4px solid #88C9E0;  color: undefined;  background: #FFEDEB;  } .f1560:hover {border: 2px solid transparent;  outline: 4px solid transparent;  color: undefined;  background: #FFEDEB;  } .f1560:active {border: 2px solid transparent;  outline: 4px solid transparent;  color: undefined;  background: #FFE3E0;  } .f1560:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f1561 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1561:focus {outline: 4px solid transparent;  } .f1561:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f1561:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f1561:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f1561:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1562 {z-index: 5;  position: relative;  display: flex;  flex-direction: column;  gap: 16px;  max-width: 500px;  max-height: calc(100% - 48px);  width: 100%;  border-radius: 24px;  padding: 24px;  overflow-y: auto;  background-color: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f1563 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f1564 {margin: 0px;  color: #576A84;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1565 {display: flex;  flex-direction: column;  gap: 24px;  outline: 1px solid #EBEFF6;  outline-offset: -1px;  border-radius: 32px;  padding: 24px;  overflow-y: auto;  } .f1566 {display: flex;  flex-direction: column;  gap: 24px;  } .f1567 {display: flex;  flex-direction: row;  justify-content: space-between;  gap: 10px;  } .f1568 {margin: 0px;  color: #26759D;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  } .f1569 {max-width: 284px;  width: 100%;  } .f1570 {color: #AAB5C6;  } .f1571 {position: fixed;  z-index: 20;  top: 0px;  left: 0px;  width: 100%;  height: 100vh;  display: flex;  justify-content: center;  align-items: center;  } .f1572 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  background-color: #000000;  opacity: 0.5;  } .f1573 {list-style: none;  padding: 0px;  margin: 0px;  } .f1574 {position: relative;  width: 100%;  } .f1575 {display: flex;  align-items: center;  width: 100%;  height: 40px;  min-height: 40px;  padding: 0 12px;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  border-radius: 12px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #3A4C64;  background-color: #FFFFFF;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  } .f1575::placeholder {font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #AAB5C6;  } .f1575:focus {outline: 4px solid transparent;  border: 1px solid #5DB4D2;  } .f1575:focus-visible {border: 1px solid #5DB4D2;  outline: 4px solid #5DB4D2;  } .f1575:hover {border: 1px solid #DADFE7;  } .f1575:active {border: 1px solid #5DB4D2;  outline: 4px solid transparent;  } .f1576 {padding-top: 4px;  margin: 0px;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  color: #FF4F3F;  } .f1577 {border: 1px solid #DFE4EC;  background-color: #EBEFF6;  color: #AAB5C6;  } .f1578 {border: 1px solid #FF4F3F;  } .f1579 {list-style: none;  padding: 0px;  margin: 0px;  } .f1580 {position: relative;  width: 100%;  } .f1581 {display: flex;  align-items: center;  width: 100%;  height: 50px;  min-height: 50px;  padding: 0 12px;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  border-radius: 12px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #3A4C64;  background-color: #FFFFFF;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out;  } .f1581::placeholder {font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #AAB5C6;  } .f1581:focus {border: 1px solid #5DB4D2;  outline: 4px solid #5DB4D2;  } .f1581:hover {border: 1px solid #DADFE7;  } .f1581:active {border: 1px solid #5DB4D2;  outline: 4px solid #5DB4D2;  } .f1582 {padding-top: 8px;  margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #FF4F3F;  } .f1583 {border: 1px solid #FF4F3F;  } .f1584 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1585 {padding: 0px;  border: none;  background-color: transparent;  } .f1586 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #243042;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1586:focus {outline: 4px solid transparent;  } .f1586:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid transparent;  background: #DFE4EC;  } .f1586:hover {outline: 4px solid transparent;  border: 2px solid transparent;  background: #DFE4EC;  } .f1586:active {outline: 4px solid transparent;  border: 2px solid transparent;  background: #DADFE7;  } .f1586:disabled {outline: 4px solid transparent;  border: 2px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1587 {z-index: 1;  left: 0px;  display: flex;  flex-direction: column;  min-width: 360px;  width: 360px;  height: 100%;  position: fixed;  top: 50px;  border-right: 1px solid #DFE4EC;  background-color: #F8FCFF;  } .f1588 {list-style: none;  padding: 0px;  margin: 0px;  } .f1589 {padding: 24px 0 0 24px;  overflow-y: auto;  overflow-x: clip;  height: 100%;  background-color: #F8FCFF;  } .f1590 {display: flex;  flex-direction: column;  max-width: 312px;  width: 100%;  padding-bottom: 320px;  } .f1591 {min-height: 59px;  } .f1592 {display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between;  margin-bottom: 24px;  } .f1593 {display: flex;  flex-direction: column;  gap: 8px;  } .f1594 {display: flex;  border-radius: 24px;  } .f1595 {display: flex;  align-items: center;  border-radius: 24px;  padding-right: 8px;  gap: 12px;  width: 100%;  flex-direction: row;  cursor: pointer;  transition: background-color 0.3s ease-in-out;  } .f1595:hover {background-color: #88C9E0;  } .f1595:active {background-color: #5DB4D2;  } .f1596 {background-color: #5DB4D2;  } .f1596:hover {background-color: #5DB4D2;  } .f1597 {height: 59px;  } .f1598 {display: flex;  padding-top: 24px;  justify-content: flex-start;  } .f1599 {display: flex;  padding-left: 48px;  width: 100%;  margin-right: 15px;  background-image: url('/img/icon/icon_books-d-gray.svg');  background-repeat: no-repeat;  background-size: 36px;  background-position: 0 center;  } .f1600 {margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #485B74;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f1601 {display: flex;  width: 40px;  min-width: 40px;  height: 40px;  cursor: pointer;  } .f1602 {width: 100%;  } .f1603 {display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  } .f1604 {width: 100%;  } .f1605 {display: block;  margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1606 {display: flex;  justify-content: flex-start;  } .f1607 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 24px;  outline: 4px solid transparent;  outline-offset: -3px;  border: 2px solid #1B2637;  text-decoration: none;  color: #1B2637;  white-space: nowrap;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1607:focus {outline: 4px solid transparent;  } .f1607:focus-visible {background: #88C9E0;  outline: 4px solid #5DB4D2;  } .f1607:hover {outline: 4px solid transparent;  background: #C2E3EF;  } .f1607:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f1607:disabled {border: 2px solid #AAB5C6;  color: #3A4C64;  background: #EBEFF6;  } .f1608 {position: fixed;  top: 75px;  left: 24px;  max-width: 90%;  display: flex;  flex-direction: column;  z-index: 1;  } .f1609 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f1610 {width: 40px;  min-width: 40px;  height: 40px;  cursor: pointer;  } .f1611 {width: 100%;  } .f1612 {display: none;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f1613 {width: 360px;  } .f1614 {left: -360px;  } .f1615 {width: 100%;  height: 380px;  } .f1616 {width: 0px;  } .f1617 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1618 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1618:focus {outline: 4px solid transparent;  } .f1618:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f1618:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f1618:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f1618:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f1619 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1620 {min-width: 360px;  width: 360px;  height: 100%;  position: fixed;  top: 50px;  background-color: #F8FCFF;  z-index: 1;  } .f1621 {list-style: none;  padding: 0px;  margin: 0px;  } .f1622 {padding: 24px 0 0 24px;  overflow-y: auto;  overflow-x: clip;  height: 100%;  border-right: 1px solid #DFE4EC;  padding-bottom: 80px;  } .f1623 {display: flex;  flex-direction: column;  width: calc(100% - 24px);  } .f1624 {display: flex;  flex-direction: column;  gap: 8px;  } .f1625 {display: flex;  flex-direction: column;  gap: 8px;  } .f1626 {padding-left: 20px;  } .f1627 {display: flex;  border-radius: 12px;  background: transparent;  outline: 4px solid transparent;  border: 1px solid #DFE4EC;  transition: outline 0.4s ease-in-out, border 0.3s ease-in-out;  } .f1627:hover {border: 1px solid #DADFE7;  } .f1628 {border: 1px solid #2F86AA;  width: 100%;  background-color: #FFFFFF;  } .f1628 .f1629 {outline: 4px solid transparent;  color: #1D6591;  } .f1630 {position: relative;  display: flex;  padding: 12px;  padding-left: 16px;  gap: 4px;  outline: 4px solid transparent;  border-radius: 12px;  width: 100%;  flex-direction: column;  text-decoration: none;  cursor: pointer;  transition: outline 0.4s ease-in-out, border 0.3s ease-in-out;  } .f1630:focus-visible {outline: 4px solid #5DB4D2;  } .f1630:active {outline: 4px solid transparent;  } .f1629 {margin: 0px;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f1631 {margin: 0px;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f1632 {height: 59px;  } .f1633 {display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 176px;  overflow: hidden;  margin-bottom: 8px;  } .f1634 {min-width: auto;  height: 100%;  } .f1635 {display: flex;  flex-direction: row;  align-items: flex-start;  justify-content: space-between;  gap: 16px;  margin-bottom: 16px;  } .f1636 {max-height: 69px;  margin: 0px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: normal;  } .f1637 {display: flex;  align-items: center;  justify-content: center;  width: 40px;  min-width: 40px;  height: 40px;  border: 1px solid #DADFE7;  border-radius: 12px;  outline-offset: -1px;  outline: 4px solid transparent;  cursor: pointer;  transition: outline 0.4s ease-in-out;  } .f1638 {width: 100%;  } .f1639 {margin: 0px;  outline: 4px solid transparent;  border-radius: 4px;  color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  margin-bottom: 24px;  transition: outline 0.4s ease-in-out;  } .f1639:focus-visible {outline: 4px solid #5DB4D2;  } .f1639:active {outline: 4px solid transparent;  } .f1640 {display: flex;  justify-content: space-between;  } .f1641 {display: flex;  align-items: center;  gap: 4px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #1D6591;  } .f1642 {height: 16px;  fill: #576A84;  } .f1643 {color: #64748B;  } .f1644 {color: #FF4F3F;  } .f1645 {color: #1D6591;  } .f1646 {color: #1B2637;  } .f1647 {position: relative;  display: flex;  justify-content: flex-end;  align-items: center;  height: 16px;  width: 16px;  border-radius: 8px;  } .f1648 {position: absolute;  display: flex;  justify-content: flex-end;  align-items: center;  gap: 4px;  padding: 5px 10px;  right: -10px;  border-radius: 20px;  opacity: 0;  white-space: nowrap;  transition: opacity 0.5s ease-in-out;  overflow: hidden;  } .f1648:hover {background: white;  outline: 1px solid #DFE4EC;  opacity: 1;  } .f1649 {height: 12px;  width: 12px;  min-width: 12px;  border-radius: 50%;  background: #2F86AA;  } .f1650 {outline: 1px solid #DFE4EC;  } .f1628 .f1642 {fill: #2F86AA;  } .f1650:hover {outline: 1px solid #DFE4EC;  } .f1650 .f1629 {color: #DADFE7;  } .f1650 .f1631 {color: #DADFE7;  } .f1650 .f1642 {fill: #DADFE7;  } .f1651 {position: fixed;  top: 75px;  left: 24px;  display: flex;  flex-direction: column;  z-index: 1;  } .f1652 {height: 22px;  } .f1653 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f1637:focus-visible {outline: 4px solid #5DB4D2;  } .f1654 {color: #3A4C64;  } .f1655 {display: none;  margin: 0px;  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;  width: 100%;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1656 {width: 360px;  } .f1657 {left: -360px;  } .f1658 {width: 0px;  } .f1659 {margin-bottom: 24px;  } .f1660 {color: #2F86AA;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f1659:last-child {margin-bottom: 0px;  } .f1661 {display: flex;  align-items: center;  justify-content: center;  flex-direction: column;  gap: 16px;  margin: auto;  margin-top: calc(50% - 195px);  } .f1662 {height: 96px;  } .f1663 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f1664 {display: flex;  justify-content: flex-end;  align-items: center;  padding: 5px 10px;  border-radius: 20px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #AAB5C6;  white-space: nowrap;  } .f1665 {height: 6px;  width: 100%;  display: none;  position: fixed;  top: 0px;  z-index: 10;  } .f1666 {background-color: #2F86AA;  height: 100%;  width: 70%;  } .f1667 {list-style: none;  padding: 0px;  margin: 0px;  } .f1668 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1669 {display: flex;  flex-direction: column;  gap: 8px;  } .f1670 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1671 {position: relative;  } .f1672 {display: flex;  min-height: 50px;  width: 320px;  padding: 8px 12px;  border: 1px solid #DFE4EC;  border-radius: 12px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1672::placeholder {color: #AAB5C6;  } .f1673 {position: fixed;  top: 89px;  left: 0px;  max-width: 368px;  width: 100%;  } .f1674 {display: flex;  flex-direction: column;  max-width: 368px;  width: 100%;  padding: 24px;  border-radius: 24px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f1675 {display: flex;  justify-content: space-between;  align-items: center;  width: 100%;  margin-bottom: 12px;  } .f1676 {display: flex;  width: 48px;  min-width: 48px;  height: 40px;  background-size: 24px;  background-repeat: no-repeat;  background-position: center;  cursor: pointer;  } .f1677 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f1678 {transform: rotate(180deg);  background-image: url('/img//icon/icon_chevron-left.svg');  } .f1679 {display: flex;  align-items: center;  gap: 4px;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1680 {display: flex;  align-items: center;  justify-content: center;  min-height: 40px;  padding: 4px 12px;  text-align: center;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1681 {display: flex;  width: 100%;  } .f1682 {display: flex;  justify-content: center;  align-items: center;  min-height: 44px;  width: calc(100% / 7);  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1683 {display: flex;  width: 100%;  flex-wrap: wrap;  row-gap: 2px;  } .f1684 {width: calc(100% / 7);  } .f1685 {display: flex;  justify-content: center;  align-items: center;  min-height: 40px;  width: 100%;  outline: 4px solid transparent;  border: 2px solid transparent;  outline-offset: -4px;  border-radius: 12px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  cursor: pointer;  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, outline 0.2s ease-in-out, border 0.2s ease-in-out;  } .f1686 {color: #AAB5C6;  } .f1687 {outline: 4px solid transparent;  border: 2px solid #1D6591;  } .f1688 {outline: 4px solid transparent;  background-color: #1D6591;  color: #FFFFFF;  } .f1685:focus {outline: 4px solid transparent;  } .f1685:focus-visible {outline: 4px solid #5DB4D2;  } .f1685:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background-color: #88C9E0;  } .f1685:active {outline: 4px solid transparent;  background-color: #1D6591;  color: #FFFFFF;  } .f1689 {} .f1690 {list-style: none;  padding: 0px;  margin: 0px;  } .f1691 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1692 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 2px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1692:focus {outline: 4px solid transparent;  } .f1692:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f1692:hover {border: 2px solid transparent;  background: #243042;  } .f1692:active {border: 2px solid transparent;  background: #3A4C64;  } .f1692:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f1693 {z-index: 5;  display: flex;  flex-direction: column;  width: 320px;  border-radius: 24px;  padding: 16px;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  background-color: #FFFFFF;  } .f1694 {margin: 0px;  margin-bottom: 16px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #485B74;  } .f1695 {display: flex;  flex-direction: column;  gap: 8px;  margin-bottom: 16px;  } .f1696 {display: flex;  flex-direction: row;  align-items: center;  gap: 12px;  width: 100%;  padding: 12px;  border-radius: 16px;  outline: 2px solid #C2E3EF;  cursor: pointer;  } .f1697 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  border-radius: 50%;  overflow: hidden;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background-color: #1D6591;  } .f1698 {position: absolute;  top: 50%;  left: 50%;  margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transform: translate(-50%, -50%);  } .f1699 {position: absolute;  top: 50%;  left: 50%;  height: 100%;  transform: translate(-50%, -50%);  } .f1700 {display: flex;  flex-direction: column;  align-items: flex-start;  margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f1701 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f1702 {color: #AAB5C6;  } .f1703 {background-color: #E0F1F7;  outline: 2px solid transparent;  } .f1704 {display: flex;  justify-content: flex-start;  } .f1705 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1706 {margin-top: 0px;  } .f1707 {display: flex;  flex-direction: row;  padding: 12px;  border-radius: 16px;  margin-bottom: 32px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f1708 {height: 32px;  } .f1709 {display: flex;  align-items: center;  height: 40px;  width: 100%;  gap: 12px;  } .f1710 {display: flex;  align-items: center;  justify-content: center;  min-width: 40px;  height: 40px;  background-color: transparent;  border: none;  cursor: pointer;  } .f1711 {display: block;  height: 24px;  } .f1712 {height: 24px;  } .f1710:focus {outline: none;  } .f1713 {display: flex;  flex-direction: column;  justify-content: center;  width: 100%;  height: 100%;  } .f1714:focus {outline: none;  } .f1714 {height: 6px;  width: 100%;  overflow: hidden;  border-radius: 4px;  background-color: #2F86AA;  -webkit-appearance: none;  cursor: pointer;  } .f1715 {height: 100%;  width: 0%;  background-color: #2F86AA;  } .f1716 {display: flex;  margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f1717 {height: 40px;  width: 40px;  min-width: 40px;  background-position: center;  background-size: 24px;  background-repeat: no-repeat;  cursor: pointer;  } .f1718 {display: flex;  justify-content: center;  align-items: center;  color: #576A84;  } .f1719 {} .f1720 {} .f1721 {} .f1714::-webkit-slider-runnable-track {height: 10px;  -webkit-appearance: none;  color: #2F86AA;  margin-top: -1px;  } .f1714::-webkit-slider-thumb {width: 0px;  height: 10px;  -webkit-appearance: none;  cursor: pointer;  background: #C2E3EF;  box-shadow: 400px 0 0 400px #C2E3EF;  } .f1722 {display: none;  } .f1714::-moz-range-progress {background-color: #C2E3EF;  } .f1714::-moz-range-track {background-color: #2F86AA;  } .f1714::-ms-fill-lower {background-color: #C2E3EF;  } .f1714::-ms-fill-upper {background-color: #2F86AA;  } .f1723 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1724 {display: flex;  flex-direction: column;  gap: 12px;  margin-bottom: 32px;  border-radius: 16px;  padding: 20px 24px 40px 24px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f1725 {display: flex;  margin: 0px;  white-space: pre-wrap;  word-break: break-word;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1726 {margin: 0px;  width: 100%;  } .f1727 {display: flex;  justify-content: space-between;  align-items: center;  } .f1728 {display: flex;  gap: 12px;  } .f1729 {display: flex;  justify-content: center;  align-items: center;  width: 20px;  max-width: 20px;  height: 20px;  outline: 4px solid transparent;  border-radius: 4px;  outline-offset: 2px;  color: #AAB5C6;  cursor: pointer;  transition: color 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f1730 {max-width: 100%;  } .f1729:focus-visible {outline: 4px solid #5DB4D2;  } .f1729:hover {color: #64748B;  } .f1729:active {color: #3A4C64;  } .f1731 {display: flex;  align-items: center;  gap: 4px;  min-height: 28px;  padding-left: 4px;  padding-right: 4px;  outline: 4px solid transparent;  border-radius: 4px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  cursor: pointer;  transition: color 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f1732 {margin: 0px;  color: currentColor;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f1731:focus-visible {outline: 4px solid #5DB4D2;  } .f1731:hover {color: #64748B;  } .f1731:active {color: #3A4C64;  } .f1733 {margin: 0px;  width: 100%;  min-height: 54px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1733 a {margin: 0px;  color: #1D6591;  text-decoration: none;  } .f1733:focus {outline: none;  } .f1734 {user-select: none;  } .f1734 > .f1724 {background-color: #DFE4EC;  } .f1735 > .f1724 {background-color: #FFEDEB;  } .f1736 {display: flex;  flex-direction: column;  gap: 20px;  margin-bottom: 32px;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  } .f1737 {margin-top: 0px;  } .f1738 {display: flex;  align-items: center;  width: 100%;  } .f1739 {display: flex;  align-items: center;  width: 100%;  margin: 0px;  padding: 20px 23px;  text-decoration: none;  color: inherit;  background-image: url('/img/icon/icon_download-gray.svg');  background-size: 24px 24px;  background-position: top 50% right 24px;  background-repeat: no-repeat;  } .f1740 {margin: 0px;  margin-right: auto;  max-width: 600px;  width: 100%;  overflow: hidden;  padding-right: 12px;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1741 {display: none;  } .f1742 {display: flex;  justify-content: center;  align-items: center;  } .f1743 {text-align: start;  margin: 0px;  margin-right: auto;  color: #576A84;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1744 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1745 {color: #3A4C64;  } .f1746 {color: #576A84;  } .f1747 {color: #AAB5C6;  } .f1748 {margin-right: 16px;  } .f1749 {display: block;  color: #243042;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  margin-top: 32px;  margin-bottom: 24px;  } .f1750 {margin-top: 0px;  } .f1751 {display: block;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  margin-top: 24px;  margin-bottom: 16px;  } .f1752 {margin-top: 0px;  } .f1753 {position: relative;  display: block;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  margin-top: 24px;  margin-bottom: 16px;  background-color: transparent;  transition: background-color 0.4s ease-in-out;  } .f1753::before {z-index: -1;  content: '';  display: block;  position: absolute;  top: -4px;  bottom: -4px;  left: -8px;  right: -8px;  background-color: transparent;  transition: background-color 0.4s ease-in-out;  } .f1754 {margin-top: 0px;  } .f1753:focus-visible {outline: none;  } .f1755 > .f1753::before {background-color: #EBEFF6;  } .f1756 > .f1753::before {background-color: #FFEDEB;  } .f1757 {margin: 16px 0px;  padding: 19px 23px;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  margin-bottom: 32px;  transition: background-color 0.4s ease-in-out;  } .f1758 {margin-top: 0px;  } .f1759 {display: block;  min-height: 32px;  margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1757 a {color: #1D6591;  text-decoration: none;  } .f1760 {display: flex;  flex-direction: column;  gap: 8px;  margin-top: 0px;  margin-bottom: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1760 a {color: #1D6591;  text-decoration: none;  } .f1761 {display: block;  margin: 0px;  width: 100%;  margin-bottom: 2px;  white-space:  pre-wrap;  word-break: break-word;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1761 a {color: #1D6591;  text-decoration: none;  } .f1761:focus-visible {outline: none;  } .f1762:before {font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 1;  margin-bottom: 0px;  content: '•';  } .f1763 {position: relative;  display: flex;  margin-bottom: 0px;  margin-left: 32px;  background-color: transparent;  transition: background-color 0.4s ease-in-out;  } .f1763::before {z-index: -1;  content: '';  display: block;  position: absolute;  top: 0px;  bottom: 0px;  left: -8px;  right: -8px;  background-color: transparent;  transition: background-color 0.4s ease-in-out;  } .f1762 {font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  margin-right: 12px;  } .f1764 > .f1763::before {background-color: #EBEFF6;  } .f1765 > .f1763::before {background-color: #FFEDEB;  } .f1766 {background-color: #FF1A05;  height: 50px;  width: 50px;  } .f1767 {display: flex;  flex-direction: column;  gap: 20px;  margin-bottom: 32px;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f1768 {margin-top: 0px;  } .f1769 {display: flex;  align-items: center;  width: 100%;  } .f1770 {display: flex;  align-items: center;  width: 100%;  margin: 0px;  padding: 19px 23px;  text-decoration: none;  color: inherit;  } .f1771 {margin: 0px;  margin-right: auto;  max-width: 600px;  width: 100%;  overflow: hidden;  padding-right: 12px;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1772 {display: flex;  justify-content: center;  align-items: center;  } .f1773 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1774 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1775 {color: #3A4C64;  } .f1776 {color: #576A84;  } .f1777 {color: #AAB5C6;  } .f1778 {margin-right: 16px;  } .f1779 {list-style: none;  padding: 0px;  margin: 0px;  } .f1780 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1781 {position: relative;  display: flex;  justify-content: center;  align-items: center;  margin-bottom: 32px;  width: 100%;  min-width: 220px;  } .f1782 {position: relative;  display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 16px;  width: 100%;  } .f1782::before {position: relative;  content: '';  display: block;  padding-top: 62.5%;  width: 100%;  } .f1783 {margin-top: 0px;  } .f1784 {position: absolute;  width: 110%;  filter: blur(20px);  } .f1785 {position: absolute;  width: 100%;  } .f1786 {display: block;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  margin-top: 24px;  margin-bottom: 16px;  } .f1787 {margin-top: 0px;  } .f1788 {display: flex;  flex: 1;  flex-direction: column;  height: 100vh;  width: 100%;  background-color: #FFFFFF;  position: fixed;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  z-index: 10;  } .f1788 > div {display: flex;  flex: 1;  width: 100%;  } .f1789 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1789:focus {outline: 4px solid transparent;  } .f1789:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f1789:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f1789:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f1789:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f1790 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1790:focus {outline: 4px solid transparent;  } .f1790:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f1790:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f1790:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f1790:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1791 {display: flex;  height: 40px;  min-height: 40px;  padding: 2px 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1791:focus {outline: 4px solid transparent;  } .f1791:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f1791:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f1791:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f1791:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f1792 {list-style: none;  padding: 0px;  margin: 0px;  } .f1793 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f1794 {display: flex;  flex-direction: column;  padding: 12px 16px;  width: 100%;  border-radius: 16px;  border: 1px solid #EBEFF6;  background-color: #FFFFFF;  } .f1795 {display: flex;  flex-wrap: wrap;  gap: 8px;  align-items: center;  justify-content: space-between;  } .f1796 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  color: #243042;  } .f1797 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #243042;  } .f1798 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #243042;  } .f1799 {display: flex;  align-items: center;  gap: 8px;  padding: 12px 16px;  width: 100%;  border-radius: 16px;  border: 1px solid #EBEFF6;  } .f1800 {color: #243042;  } .f1801 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #243042;  } .f1802 {display: flex;  flex-wrap: wrap;  column-gap: 16px;  row-gap: 4px;  width: calc(100% - 20px);  } .f1803 {display: flex;  flex-direction: column;  gap: 4px;  width: calc(100%/2 - 16px);  min-width: 200px;  } .f1804 {display: flex;  justify-content: space-between;  gap: 8px;  flex-wrap: wrap;  padding-top: 8px;  } .f1805 {display: flex;  flex-direction: column;  padding: 16px;  border-radius: 16px;  background-color: #E0F1F7;  } .f1806 {color: #64748B;  } .f1807 {color: #1D6591;  background-color: #C2E3EF;  } .f1808 {color: #F59E0B;  background-color: #FEF3C7;  } .f1809 {color: #FF4F3F;  background-color: #FFEDEB;  } .f1810 {color: #1D6591;  background-color: #C2E3EF;  } .f1811 {color: #FF4F3F;  } .f1812 {margin-bottom: 20px;  } .f1812:last-child {margin-bottom: 0px;  } .f1813 {margin-bottom: 16px;  } .f1813:last-child {margin-bottom: 0px;  } .f1814 {margin-bottom: 12px;  } .f1814:last-child {margin-bottom: 0px;  } .f1815 {margin-bottom: 8px;  } .f1815:last-child {margin-bottom: 0px;  } .f1816 {padding-left: 20px;  } .f1817 {display: block;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  margin: 0px;  margin-bottom: 16px;  } .f1817 a {color: #1D6591;  text-decoration: none;  } .f1818 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1819 {position: relative;  display: flex;  justify-content: center;  max-height: 760px;  width: 100%;  margin-bottom: 32px;  border-radius: 16px;  overflow: hidden;  background-color: #FFFFFF;  } .f1820 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  display: flex;  align-items: center;  justify-content: center;  border-radius: 16px;  outline-offset: -4px;  outline: 4px solid transparent;  cursor: pointer;  transition: outline 0.3s ease-in-out;  } .f1820:focus-visible {outline: 4px solid #5DB4D2;  } .f1821 {position: absolute;  height: 62px;  width: 91px;  color: #FFFFFF;  transition: color 0.3s ease-in-out;  } .f1821:hover {color: #E0F1F7;  } .f1822 {} .f1823 {max-height: 760px;  max-width: 100%;  } .f1824 {width: 100%;  max-height: 500px;  padding-top: 62.5%;  background-color: #5DB4D2;  } .f1825 {margin-top: 0px;  } .f1826 {z-index: 5;  position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  display: flex;  flex: 1;  justify-content: center;  align-items: center;  background-color: transparent !important;  } .f1827 {position: absolute;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  background-color: #000000;  opacity: 0.6;  } .f1828 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  max-width: 1080px;  margin: 24px;  max-height: 100vh;  } .f1829 {width: 100%;  max-height: 100vh;  } .f1830 {} .f1831 {} .f1832 {height: 40px;  width: 40px;  border-radius: 20px;  } .f1833 {display: flex;  text-decoration: none;  color: inherit;  } .f1834 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  max-width: 40px;  width: 40px;  border-radius: 20px;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: normal;  background-color: #1D6591;  } .f1835 {display: flex;  align-items: center;  } .f1836 {margin-left: 12px;  border: none;  background-color: transparent;  cursor: pointer;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #1B2637;  } .f1837 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 22px;  outline: none;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1837:focus {outline: none;  } .f1837:focus-visible {background: #88C9E0;  outline: none;  } .f1837:hover {background: #C2E3EF;  } .f1837:active {background: #5DB4D2;  } .f1837:disabled {outline: 2px solid #AAB5C6;  color: #AAB5C6;  background-color: transparent;  } .f1838 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 64px;  outline: none;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1838:focus {outline: none;  } .f1838:focus-visible {background: #145585;  outline: none;  } .f1838:hover {background: #145585;  } .f1838:active {background: #02356C;  } .f1838:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f1839 {width: 100%;  } .f1840 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1841 {list-style: none;  padding: 0px;  margin: 0px;  } .f1842 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1843 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  padding: 0 40px;  border-radius: 66px;  border: none;  outline: none;  text-decoration: none;  text-align: center;  color: #F8FCFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f1843:focus {outline: none;  } .f1843:focus-visible {background: #145585;  outline: none;  } .f1843:hover {background: #145585;  } .f1843:active {background: #02356C;  } .f1843:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f1844 {position: fixed;  z-index: 99;  top: 0px;  left: -3100px;  display: flex;  flex-direction: column;  width: 100%;  min-height: 100vh;  height: 100%;  padding: 16px 16px 24px 24px;  background-color: #FFFFFF;  } .f1845 {display: flex;  flex-direction: column;  gap: 16px;  } .f1846 {display: flex;  justify-content: flex-end;  } .f1847 {width: 32px;  height: 32px;  background-color: transparent;  cursor: pointer;  } .f1848 {width: 100%;  } .f1849 {display: flex;  flex-direction: column;  } .f1850 {width: 100%;  } .f1851 {display: inline-block;  padding: 12px 0;  margin: 0px;  width: 100%;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1852 {display: flex;  flex-direction: column;  margin-top: auto;  width: 100%;  } .f1853 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1854 {list-style: none;  padding: 0px;  margin: 0px;  } .f1855 {position: fixed;  z-index: 99;  top: 0px;  left: -1100px;  display: none;  flex-direction: column;  width: 100%;  height: 100vh;  padding: 16px 16px 16px 24px;  background-color: #FFFFFF;  } .f1856 {display: flex;  flex-direction: column;  gap: 16px;  } .f1857 {display: flex;  justify-content: space-between;  } .f1858 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f1859 {width: 40px;  height: 40px;  background-color: transparent;  cursor: pointer;  } .f1860 {width: 100%;  } .f1861 {display: block;  } .f1862 {display: flex;  justify-content: space-between;  align-items: center;  width: 100%;  padding-top: 12px;  padding-bottom: 12px;  padding-right: 12px;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: pointer;  background-color: transparent;  } .f1863 {font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1863 .f1864 {font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1863 .f1865 {display: block;  } .f1865 {display: none;  height: 24px;  transform: rotate(0turn);  } .f1866 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1867 {list-style: none;  padding: 0px;  margin: 0px;  } .f1868 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1869 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1869:focus {outline: 4px solid transparent;  } .f1869:focus-visible {outline: 4px solid #5DB4D2;  background: #145585;  } .f1869:hover {outline: 4px solid transparent;  background: #145585;  } .f1869:active {outline: 4px solid transparent;  background: #02356C;  } .f1869:disabled {border: 2px solid #DADFE7;  color: #EBEFF6;  background: #DADFE7;  } .f1870 {display: flex;  align-items: center;  justify-content: center;  height: 54px;  min-height: 54px;  padding: 0 40px;  border-radius: 12px;  outline: 2px solid #1B2637;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  white-space: nowrap;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1870:focus {outline: 2px solid #1B2637;  } .f1870:focus-visible {background: #88C9E0;  outline: 2px solid #1B2637;  } .f1870:hover {background: #C2E3EF;  } .f1870:active {background: #5DB4D2;  } .f1870:disabled {outline: 2px solid #AAB5C6;  color: #3A4C64;  background: #EBEFF6;  } .f1871 {position: fixed;  z-index: 99;  top: 0px;  left: -1100px;  display: none;  flex-direction: column;  width: 100%;  height: 100vh;  padding: 16px 16px 16px 24px;  background-color: #FFFFFF;  } .f1872 {display: flex;  flex-direction: column;  gap: 16px;  } .f1873 {display: flex;  justify-content: space-between;  } .f1874 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f1875 {width: 40px;  height: 40px;  background-color: transparent;  cursor: pointer;  } .f1876 {width: 100%;  } .f1877 {display: inline-block;  padding-top: 12px;  padding-bottom: 12px;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1878 {display: flex;  flex-direction: column;  padding-right: 8px;  gap: 8px;  margin-top: auto;  width: 100%;  } .f1879 {position: relative;  z-index: 2;  display: flex;  align-items: center;  width: 100%;  height: 46px;  border-radius: 70px;  outline: 1px solid #DFE4EC;  background: #FFFFFF;  } .f1880 {right: 0px;  width: 56px;  max-height: 56px;  padding: 12px 16px;  } .f1881 {display: none;  cursor: pointer;  } .f1882 {width: 100%;  height: 100%;  padding: 0 0 0 56px;  border: none;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  outline: none;  background-image: url('/img/search_img.svg');  background-repeat: no-repeat;  background-size: 24px 24px;  background-position: 16px center;  } .f1879:focus {outline: 2px solid #1D6591;  background: #F8FCFF;  } .f1879:hover {outline: 1px solid #DADFE7;  } .f1879:active {outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f1882:disabled {color: #1B2637;  } .f1882:focus {color: #1B2637;  } .f1879:disabled {outline: 1px solid #DFE4EC;  background: #EBEFF6;  } .f1879:focus-within {outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f1882::placeholder {color: #AAB5C6;  } .f1883 {} .f1884 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1885 {display: none;  align-items: center;  padding-bottom: 24px;  justify-content: space-between;  } .f1886 {display: flex;  justify-content: center;  align-items: center;  height: 44px;  min-width: 44px;  padding: 0 10px;  border-radius: 12px;  border: 1px solid #DFE4EC;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #F8FCFF;  background-position: center;  background-size: 24px;  background-repeat: no-repeat;  cursor: pointer;  } .f1887 {background-image: url('/img/icon/icon_sliders-horizontal.svg');  } .f1888 {padding-right: 52px;  background-image: url('/img/icon/icon_filter.svg');  background-position: center right 10px;  } .f1889 {padding-right: 52px;  background-image: url('/img/icon/icon_filter-up.svg');  background-position: center right 10px;  } .f1890 {} .f1891 {} .f1892 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1893 {margin-top: 0px;  } .f1894 {position: relative;  display: flex;  flex-direction: row;  align-items: center;  padding: 10px 12px;  min-height: 70px;  outline: 4px solid transparent;  border-radius: 16px;  margin-bottom: 32px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  user-select: none;  transition: outline 0.3s ease-in-out;  } .f1894:focus-visible {outline: 4px solid #5DB4D2;  } .f1895 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f1896 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f1897 {background-image: url('/img/icon/icon_closed-fat.svg');  } .f1898 {height: 40px;  width: 40px;  min-width: 40px;  background-position: center;  background-size: 24px;  background-repeat: no-repeat;  cursor: pointer;  } .f1899 {background-image: url('/img/icon/icon_audio-d-gray.svg');  } .f1900 {background-image: url('/img/icon/icon_audio-mute-d-gray.svg');  } .f1901 {display: flex;  align-items: center;  height: 40px;  width: 100%;  gap: 12px;  } .f1902 {display: flex;  align-items: center;  justify-content: center;  min-width: 40px;  height: 40px;  border: none;  cursor: pointer;  } .f1903 {display: block;  height: 24px;  } .f1904 {height: 24px;  } .f1905 {display: flex;  flex-direction: column;  justify-content: center;  width: 100%;  height: 100%;  } .f1906:focus {outline: none;  } .f1906 {height: 6px;  width: 100%;  overflow: hidden;  border-radius: 4px;  background-color: #2F86AA;  -webkit-appearance: none;  cursor: pointer;  } .f1907 {height: 100%;  width: 0%;  background-color: #2F86AA;  } .f1908 {display: flex;  margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f1909 {} .f1906::-webkit-slider-runnable-track {height: 10px;  -webkit-appearance: none;  color: #2F86AA;  margin-top: -1px;  } .f1906::-webkit-slider-thumb {width: 0px;  height: 10px;  -webkit-appearance: none;  cursor: pointer;  background: #C2E3EF;  box-shadow: 400px 0 0 400px #C2E3EF;  } .f1906::-moz-range-progress {background-color: #C2E3EF;  } .f1906::-moz-range-track {background-color: #2F86AA;  } .f1906::-ms-fill-lower {background-color: #C2E3EF;  } .f1906::-ms-fill-upper {background-color: #2F86AA;  } .f1910 {display: flex;  align-items: center;  padding: 18px 23px;  border-radius: 16px;  min-height: 70px;  width: 100%;  outline: 4px solid transparent;  background: #FFFFFF;  background-size: 24px;  background-position: right 24px center;  background-repeat: no-repeat;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f1910:focus-visible {outline: 4px solid #5DB4D2;  } .f1911 {position: relative;  width: 100%;  border-radius: 16px;  outline: 4px solid transparent;  margin-bottom: 32px;  transition: outline 0.4s ease-in-out;  } .f1912 {background-image: url('/img/icon/icon_plus-gray.svg');  } .f1913 {width: 24px;  min-width: 24px;  margin-right: 16px;  color: #576A84;  } .f1914 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1915 {display: none;  } .f1916 {background-color: #EBEFF6;  } .f1917 {background-color: #FFEDEB;  } .f1918 {} .f1919 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1920 {position: relative;  display: flex;  flex-direction: column;  gap: 20px;  width: 100%;  margin-bottom: 32px;  outline: 4px solid transparent;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f1921 {position: relative;  width: 100%;  } .f1922 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f1923 {background-image: url('/img/icon/icon_closed-fat.svg');  } .f1924 {margin-top: 0px;  } .f1925 {position: relative;  display: flex;  padding-left: 36px;  width: 100%;  height: 30px;  align-items: center;  background-image: url('/img/icon/icon_paper-clip-gray.svg');  background-size: 24px 24px;  background-position: top 50% left 0;  background-repeat: no-repeat;  } .f1926 {display: flex;  align-items: center;  width: 100%;  min-height: 70px;  margin: 0px;  padding: 18px 23px;  outline: 4px solid transparent;  border-radius: 16px;  text-decoration: none;  color: inherit;  background-image: url('/img/icon/icon_download-gray.svg');  background-size: 24px 24px;  background-position: top 50% right 24px;  background-repeat: no-repeat;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f1926:focus-visible {outline: 4px solid #5DB4D2;  } .f1927 {position: absolute;  margin: 0px;  width: calc(100% - 60px);  overflow: hidden;  padding-right: 12px;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1928 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f1929 {display: flex;  align-items: center;  width: 100%;  min-height: 70px;  padding: 16px 23px;  margin-bottom: 32px;  border-radius: 16px;  background: #FFFFFF;  outline: 4px solid transparent;  background-size: 24px;  background-position: right 24px center;  background-repeat: no-repeat;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f1929:focus-visible {outline: 4px solid #5DB4D2;  } .f1930 {background-image: url('/img/icon/icon_plus-gray.svg');  } .f1931 {width: 24px;  min-width: 24px;  margin-right: 16px;  color: #576A84;  } .f1932 {text-align: start;  margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1933 {display: none;  } .f1934 {background-color: #EBEFF6;  } .f1935 {background-color: #FFEDEB;  } .f1936 {} .f1937 {display: flex;  flex: 1;  min-height: 100px;  } .f1938 {display: flex;  flex: 1;  padding-left: 16px;  padding-right: 16px;  padding-bottom: 200px;  flex-direction: column;  } .f1939 {} .f1939 div {} .f1940 {background-color: #FF1A05;  } .f1941 {width: 2px;  } .f1942 {display: flex;  align-items: center;  justify-content: center;  border-radius: 6px;  background: transparent;  cursor: pointer;  user-select: none;  } .f1943 {display: flex;  flex-direction: row;  position: absolute;  margin-left: -65px;  z-index: 1;  } .f1944 {height: 24px;  width: 24px;  background-size: cover;  background-position: center;  background-repeat: no-repeat;  user-select: none;  pointer-events: none;  } .f1945 {background-image: url('/img/icon/icon_popup-plus-gray.svg');  } .f1946 {background-image: url('/img/icon/icon_popup-ellipsis-gray.svg');  } .f1942:hover .f1945 {background-image: url('/img/icon/icon_popup-plus-d-gray.svg');  } .f1942:hover .f1946 {background-image: url('/img/icon/icon_popup-ellipsis-d-gray.svg');  } .f1947 {border-bottom: 3px solid #5DB4D2;  } .f1948 {display: flex;  flex-direction: column;  } .f1949 {width: 0px;  height: 0px;  line-height: 0;  border: 1px dotted #5DB4D2;  background-color: #4F97B6;  position: fixed;  z-index: 100;  visibility: hidden;  filter: alpha(opacity=40);  opacity: 0.4;  } .f1950 {} .f1951 {background-color: #FFE8E5;  border-radius: 8px;  } .f1952 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1953 {position: relative;  display: flex;  flex-direction: column;  gap: 20px;  margin-bottom: 32px;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f1954 {position: relative;  width: 100%;  } .f1955 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f1956 {background-image: url('/img/icon/icon_closed-fat.svg');  } .f1957 {margin-top: 0px;  } .f1958 {position: relative;  display: flex;  padding: 20px 23px;  padding-left: 64px;  width: 100%;  min-height: 70px;  align-items: center;  background-image: url('/img/icon/icon_pdf-gray.svg');  background-size: 24px 24px;  background-position: top 50% left 24px;  background-repeat: no-repeat;  } .f1959 {display: flex;  align-items: center;  border-radius: 16px;  outline: 4px solid transparent;  width: 100%;  margin: 0px;  text-decoration: none;  color: inherit;  background-image: url('/img/icon/icon_download-gray.svg');  background-size: 24px 24px;  background-position: top 50% right 24px;  background-repeat: no-repeat;  transition: outline 0.4s ease-in-out;  } .f1959:focus-visible {outline: 4px solid #5DB4D2;  } .f1960 {position: absolute;  margin: 0px;  width: calc(100% - 112px);  overflow: hidden;  padding-right: 12px;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1961 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f1961:focus {outline: 4px solid #5DB4D2;  } .f1962 {position: relative;  display: flex;  align-items: center;  min-height: 70px;  padding: 16px 23px;  margin-bottom: 32px;  width: 100%;  outline: 4px solid transparent;  border-radius: 16px;  background: #FFFFFF;  background-size: 24px;  background-position: right 24px center;  background-repeat: no-repeat;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f1962:focus-visible {outline: 4px solid #5DB4D2;  } .f1963 {background-image: url('/img/icon/icon_plus-gray.svg');  } .f1964 {width: 24px;  min-width: 24px;  margin-right: 16px;  color: #576A84;  } .f1965 {text-align: start;  margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1966 {display: none;  } .f1967 {background-color: #EBEFF6;  } .f1968 {background-color: #FFEDEB;  } .f1969 {} .f1970 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1971 {position: relative;  display: flex;  outline: 4px solid transparent;  justify-content: center;  align-items: center;  width: 100%;  margin-bottom: 32px;  border-radius: 16px;  overflow: hidden;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f1972 {position: relative;  width: 100%;  outline: 4px solid transparent;  border-radius: 16px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f1973 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f1971::before {content: '';  display: block;  padding-top: 62.5%;  width: 100%;  } .f1974 {margin-top: 0px;  } .f1975 {position: absolute;  width: 100%;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  transition: filter 0.4s ease-in-out;  } .f1976 {display: flex;  align-items: center;  min-height: 70px;  padding: 18px 23px;  width: 100%;  outline: 4px solid transparent;  margin-bottom: 32px;  border-radius: 16px;  background: #FFFFFF;  background-size: 24px;  background-position: right 24px center;  background-repeat: no-repeat;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f1976:focus-visible {outline: 4px solid #5DB4D2;  } .f1977 {background-image: url('/img/icon/icon_plus-gray.svg');  } .f1978 {position: relative;  width: 100%;  } .f1979 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f1980 {background-image: url('/img/icon/icon_closed-fat.svg');  } .f1981 {width: 24px;  min-width: 24px;  margin-right: 16px;  color: #576A84;  } .f1982 {margin: 0px;  text-align: left;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1983 {display: none;  } .f1984 {display: flex;  align-items: center;  justify-content: center;  outline: none;  } .f1985 {position: relative;  margin: 0px;  outline: none;  text-align: center;  color: #3A4C64;  } .f1986 .f1975 {filter: opacity(0.6) drop-shadow(0 0 0 #EBEFF6);  } .f1986 {background-color: #EBEFF6;  } .f1987 {background-color: #FFEDEB;  } .f1988 {} .f1989 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1990 {position: relative;  display: flex;  outline: 4px solid transparent;  justify-content: center;  margin-bottom: 32px;  width: 100%;  border-radius: 16px;  background-color: #FFFFFF;  transition: outline 0.4s ease-in-out;  } .f1991 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  } .f1992 {position: relative;  width: 100%;  display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 16px;  transition: background-color 0.4s ease-in-out;  } .f1993 {position: relative;  width: 100%;  } .f1994 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f1995 {background-image: url('/img/icon/icon_closed-fat.svg');  } .f1996 {max-width: 450px;  width: 100%;  display: flex;  align-items: center;  justify-content: center;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  transition: filter 0.4s ease-in-out;  } .f1997 {padding-top: 62.5%;  width: 100%;  background-color: #5DB4D2;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  transition: filter 0.4s ease-in-out;  } .f1998 {position: relative;  display: flex;  outline: none;  justify-content: center;  align-items: center;  width: 100%;  overflow: hidden;  border-radius: 16px;  } .f1999 {position: absolute;  top: 50%;  outline: 4px solid transparent;  height: 100%;  width: 100%;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  transform: translateY(-50%);  transition: filter 0.4s ease-in-out;  } .f2000 {margin-top: 0px;  } .f2001 {height: 62px;  width: 91px;  position: absolute;  border-radius: 70px;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  } .f2002 {} .f2003 {display: flex;  align-items: center;  padding: 18px 23px;  min-height: 70px;  width: 100%;  outline: 4px solid transparent;  border-radius: 16px;  background: #FFFFFF;  background-size: 24px;  background-position: right 24px center;  background-repeat: no-repeat;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: filter 0.4s ease-in-out, background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  } .f2003:focus-visible {outline: 4px solid #5DB4D2;  } .f2004 {background-image: url('/img/icon/icon_plus-gray.svg');  } .f2005 {opacity: 0;  } .f2006 {width: 24px;  min-width: 24px;  margin-right: 16px;  color: #576A84;  } .f2007 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2008 {display: none;  } .f2009 .f2003 {background-color: #EBEFF6;  } .f2009 .f1996 {filter: opacity(0.6) drop-shadow(0 0 0 #EBEFF6);  } .f2009 .f1997 {filter: opacity(0.6) drop-shadow(0 0 0 #EBEFF6);  } .f2009 .f1999 {filter: opacity(0.6) drop-shadow(0 0 0 #EBEFF6);  } .f2010 .f2003 {background-color: #FFEDEB;  } .f2011 {} .f2012 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2013 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 22px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  text-align: center;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2013:focus {outline: 4px solid transparent;  } .f2013:focus-visible {outline: 4px solid #88C9E0;  background: #EBEFF6;  } .f2013:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f2013:active {outline: 4px solid transparent;  background: #DFE4EC;  } .f2013:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: transparent;  } .f2014 {display: flex;  height: 54px;  mim-height: 54px;  padding: 0 22px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2014:focus {outline: 4px solid transparent;  } .f2014:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f2014:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f2014:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f2014:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f2015 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2015:focus {outline: 4px solid transparent;  } .f2015:focus-visible {outline: 4px solid #5DB4D2;  background: #145585;  } .f2015:hover {outline: 4px solid transparent;  background: #145585;  } .f2015:active {outline: 4px solid transparent;  background: #02356C;  } .f2015:disabled {border: 2px solid #DADFE7;  color: #EBEFF6;  background: #DADFE7;  } .f2016 {z-index: 101;  position: fixed;  display: flex;  flex-direction: column;  overflow: hidden;  border-radius: 24px;  max-width: 480px;  width: 100%;  padding: 24px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f2017 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  margin-bottom: 16px;  } .f2018 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2019 {margin: 0px;  margin-bottom: 24px;  color: #576A84;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2020 {width: 32px;  min-width: 32px;  height: 32px;  color: #243042;  background-size: 32px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  } .f2021 {background-image: url('img/icon/x.svg');  } .f2022 {margin-bottom: 24px;  } .f2023 {display: flex;  flex-direction: row;  justify-content: flex-end;  gap: 8px;  } .f2024 {width: auto;  } .f2025 {position: fixed;  top: 0px;  bottom: 0px;  left: 0px;  right: 0px;  background-color: #0000000f;  } .f2026 {position: fixed;  top: 0px;  bottom: 0px;  left: 0px;  right: 0px;  display: flex;  flex: 1;  align-items: center;  justify-content: center;  z-index: 105;  } .f2027 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2028 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2028:focus {outline: 4px solid transparent;  } .f2028:focus-visible {outline: 4px solid #5DB4D2;  background: #145585;  } .f2028:hover {outline: 4px solid transparent;  background: #145585;  } .f2028:active {outline: 4px solid transparent;  background: #02356C;  } .f2028:disabled {border: 2px solid #DADFE7;  color: #EBEFF6;  background: #DADFE7;  } .f2029 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 22px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  text-align: center;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2029:focus {outline: 4px solid transparent;  } .f2029:focus-visible {outline: 4px solid #88C9E0;  background: #EBEFF6;  } .f2029:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f2029:active {outline: 4px solid transparent;  background: #DFE4EC;  } .f2029:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: transparent;  } .f2030 {padding: 0 16px;  min-height: 54px;  height: 54px;  border-radius: 12px;  background-color: #FFFFFF;  border: none;  outline: 1px solid #DFE4EC;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f2030::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2030:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f2030:focus {outline: 4px solid #5DB4D2;  border: 1px solid #DFE4EC;  } .f2030:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f2030:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f2030:invalid {outline: 1px solid #FF4F3F;  } .f2031 {z-index: 104;  position: fixed;  display: flex;  flex-direction: column;  overflow: hidden;  border-radius: 24px;  max-width: 480px;  width: 100%;  padding: 24px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f2032 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  margin-bottom: 16px;  } .f2033 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2034 {width: 32px;  min-width: 32px;  height: 32px;  color: #243042;  background-size: 32px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  } .f2035 {background-image: url('img/icon/x.svg');  } .f2036 {margin-bottom: 24px;  } .f2037 {display: flex;  flex-direction: row;  justify-content: flex-end;  gap: 8px;  } .f2038 {width: auto;  } .f2039 {position: fixed;  top: 0px;  bottom: 0px;  left: 0px;  right: 0px;  background-color: #0000000f;  } .f2040 {position: fixed;  top: 0px;  bottom: 0px;  left: 0px;  right: 0px;  display: flex;  flex: 1;  align-items: center;  justify-content: center;  z-index: 105;  } .f2041 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2042 {list-style: none;  padding: 0px;  margin: 0px;  } .f2043 {display: flex;  flex-direction: column;  padding: 16px;  border-radius: 16px;  width: 248px;  gap: 4px;  background-color: #FFFFFF;  box-shadow: 0px 7px 16px 0px rgba(24, 39, 75, 0.10);  position: absolute;  } .f2044 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f2045 {display: flex;  flex-direction: column;  } .f2046 {display: flex;  align-items: center;  height: 34px;  min-height: 34px;  padding-left: 32px;  color: #485B74;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-repeat: no-repeat;  background-size: 24px;  background-position: left 0 center;  } .f2047 {background-image: url('img/icon/icon_x-in-circle-red.svg');  } .f2048 {background-image: url('img/icon/icon_v-in-circle-greev.svg');  } .f2049 {position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  z-index: 100;  } .f2050 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f2051 {list-style: none;  padding: 0px;  margin: 0px;  } .f2052 {width: 372px;  max-width: 372px;  max-height: 582px;  border-radius: 24px;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f2053 {display: flex;  align-items: center;  justify-content: space-between;  padding: 16px 16px 16px 24px;  border-bottom: 1px solid #DFE4EC;  } .f2054 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2055 {display: block;  justify-content: center;  align-items: center;  padding: 0px;  border: none;  width: 24px;  height: 24px;  background-color: transparent;  cursor: pointer;  } .f2056 {width: 100%;  } .f2057 {display: flex;  flex-direction: column;  padding-left: 16px;  max-height: 478px;  overflow-y: auto;  } .f2058 {display: flex;  flex-direction: column;  gap: 12px;  border-bottom: 1px solid #DFE4EC;  max-width: 338px;  } .f2058:last-child {border-bottom: none;  } .f2059 {display: flex;  flex-direction: column;  gap: 4px;  padding: 8px 0;  margin: 0px;  text-decoration: none;  color: inherit;  } .f2060 {display: flex;  align-items: center;  justify-content: space-between;  width: 100%;  } .f2061 {display: flex;  flex-direction: row;  align-items: center;  gap: 2px;  width: 100%;  margin-right: 8px;  } .f2062 {width: 12px;  min-width: 12px;  } .f2063 {margin: 0px;  max-width: 318px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2064 {height: 12px;  width: 12px;  min-width: 12px;  border-radius: 50%;  background-color: #1D6591;  margin-right: 2px;  } .f2065 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  } .f2066 {position: relative;  } .f2067 {display: flex;  align-items: center;  justify-content: center;  width: 40px;  min-width: 40px;  height: 40px;  border-radius: 50%;  overflow: hidden;  } .f2068 {width: 100%;  } .f2069 {position: absolute;  right: -2px;  bottom: -4px;  } .f2070 {display: flex;  flex-direction: column;  gap: 2px;  } .f2071 {margin: 0px;  max-height: 34px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2072 {color: #1D6591;  } .f2073 {color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2074 {display: block;  align-items: center;  padding: 12px 20px;  border-top: 1px solid #DFE4EC;  } .f2075 {text-decoration: none;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f2076 {list-style: none;  padding: 0px;  margin: 0px;  } .f2077 {display: grid;  gap: 16px;  width: 100%;  max-width: 956px;  grid-template-columns: repeat(3, 1fr);  } .f2078 {list-style: none;  padding: 0px;  margin: 0px;  } .f2079 {display: grid;  gap: 16px;  width: 100%;  max-width: 956px;  grid-template-columns: repeat(3, 1fr);  } .f2080 {list-style: none;  padding: 0px;  margin: 0px;  } .f2081 {display: grid;  gap: 16px;  width: 100%;  grid-template-columns: repeat(3, 1fr);  } .f2082 {margin: 0px;  text-decoration: none;  color: inherit;  } .f2083 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f2084 {display: flex;  flex-direction: column;  padding: 12px;  border-radius: 32px;  overflow: hidden;  background-color: #FFFFFF;  outline: 2px solid transparent;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f2084:focus {outline: 2px solid #1D6591;  } .f2085 {outline: 2px solid #1D6591;  } .f2084:hover {box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f2086 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  padding-top: 62.5%;  overflow: hidden;  border-radius: 24px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f2087 {background-image: url('/img/bg/card_paid_img02.svg');  } .f2088 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  height: 120%;  filter: blur(20px);  } .f2089 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 100%;  } .f2090 {display: flex;  flex-direction: column;  justify-content: space-between;  padding: 12px;  min-height: 210px;  } .f2091 {display: flex;  align-items: flex-start;  flex-direction: column;  gap: 12px;  } .f2092 {display: flex;  flex-wrap: wrap;  row-gap: 8px;  column-gap: 12px;  } .f2093 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2094 {display: block;  margin: 0px;  height: 70px;  overflow: hidden;  word-break: break-word;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2095 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2096 {color: #1D6591;  background-color: #C2E3EF;  } .f2097 {color: #FF4F3F;  background-color: #FFEDEB;  } .f2098 {color: #1D6591;  background-color: #C2E3EF;  } .f2099 {margin: 0px;  text-decoration: none;  color: inherit;  } .f2100 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f2101 {display: flex;  flex-direction: column;  padding: 12px;  border-radius: 32px;  overflow: hidden;  background-color: #FFFFFF;  outline: 2px solid transparent;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f2101:focus {outline: 2px solid #1D6591;  } .f2102 {outline: 2px solid #1D6591;  } .f2101:hover {box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f2103 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  padding-top: 62.5%;  overflow: hidden;  border-radius: 24px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f2104 {background-image: url('/img/bg/card_paid_img02.svg');  } .f2105 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  height: 120%;  filter: blur(20px);  } .f2106 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 100%;  } .f2107 {display: flex;  flex-direction: column;  justify-content: space-between;  padding: 12px;  min-height: 210px;  } .f2108 {display: flex;  align-items: flex-start;  flex-direction: column;  gap: 12px;  } .f2109 {display: flex;  flex-wrap: wrap;  row-gap: 8px;  column-gap: 12px;  } .f2110 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2111 {display: block;  margin: 0px;  height: 70px;  overflow: hidden;  word-break: break-word;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2112 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2113 {color: #1D6591;  background-color: #C2E3EF;  } .f2114 {color: #FF4F3F;  background-color: #FFEDEB;  } .f2115 {color: #1D6591;  background-color: #C2E3EF;  } .f2116 {margin: 0px;  text-decoration: none;  color: inherit;  } .f2117 {list-style: none;  padding: 0px;  margin: 0px;  } .f2118 {display: flex;  flex-direction: column;  padding: 12px;  border-radius: 32px;  min-width: 191px;  overflow: hidden;  background-color: #FFFFFF;  outline: 2px solid transparent;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f2118:focus {outline: 2px solid #1D6591;  } .f2118:hover {box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f2119 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  padding-top: 62.5%;  overflow: hidden;  border-radius: 24px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f2120 {background-image: url('/img/bg/card_paid_img02.svg');  } .f2121 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  height: 120%;  filter: blur(20px);  } .f2122 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 100%;  } .f2123 {display: flex;  flex-direction: column;  justify-content: space-between;  align-items: flex-start;  padding: 12px;  min-height: 210px;  } .f2124 {display: flex;  flex-direction: column;  align-items: flex-start;  width: 100%;  } .f2125 {display: flex;  flex-direction: row;  justify-content: center;  align-items: center;  height: 25px;  margin-bottom: 12px;  min-height: 25px;  padding: 4px 8px;  border-radius: 8px;  background-color: #EBEFF6;  } .f2126 {margin: 0px;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  color: #576A84;  } .f2127 {background-color: #FEF3C7;  } .f2127 > .f2126 {color: #D97706;  } .f2128 {background-color: #C2E3EF;  } .f2128 > .f2126 {color: #145585;  } .f2129 {background-color: #FEF3C7;  } .f2129 > .f2126 {color: #D97706;  } .f2130 {display: flex;  flex-direction: row;  flex-wrap: wrap;  gap: 8px;  } .f2131 {margin: 0px;  margin-bottom: 4px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2132 {display: block;  margin: 0px;  height: 70px;  overflow: hidden;  word-break: break-word;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2133 {margin: 0px;  margin-bottom: 4px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2134 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f2135 {margin: 0px;  padding-left: 32px;  height: 24px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-size: 24px;  background-position: left center;  background-repeat: no-repeat;  } .f2136 {background-image: url('/img/icon/icon_like-l-gray.svg');  } .f2137 {background-image: url('/img/icon/icon_comment-l-gray.svg');  } .f2138 {color: #2F86AA;  background-image: url('/img/icon/icon_like-green.svg');  } .f2139 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2140 {display: flex;  align-items: center;  height: 44px;  padding: 0 36px 0 16px;  width: 220px;  border-radius: 16px;  outline: 1px solid transparent;  background: #E0F1F7;  background-repeat: no-repeat;  background-position: right 10px top 50%;  background-size: 24px 24px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2141 {margin: 0px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f2142 {width: 220px;  height: fit-content;  list-style-type: none;  padding-left: 0px;  overflow: hidden;  margin: 0px;  margin-top: 4px;  border-radius: 8px;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  display: none;  position: absolute;  z-index: 1;  } .f2143 {display: flex;  align-items: center;  height: 44px;  padding: 0 16px;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  cursor: pointer;  } .f2143:focus {background-color: #EBEFF6;  outline: none;  } .f2143:hover {background-color: #EBEFF6;  } .f2143:active {color: #1D6591;  } .f2140:hover {} .f2140:focus {} .f2140:active {outline: 1px solid #2F86AA;  background: #FFFFFF;  background-repeat: no-repeat;  background-position: right 10px top 50%;  background-size: 24px 24px;  background-image: url(img/select-arrow-black.svg);  } .f2140:disabled {outline: 1px solid #DFE4EC;  } .f2144 {background-image: url(img/select-arrow-black.svg);  } .f2145 {} .f2146 {} .f2147 {list-style: none;  padding: 0px;  margin: 0px;  } .f2148 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2149 {display: flex;  justify-content: space-between;  align-items: center;  } .f2150 {display: flex;  flex-direction: row;  flex-wrap: wrap;  align-items: center;  min-height: 47px;  border-radius: 16px;  padding: 4px;  background-color: #C2E3EF;  } .f2151 {display: flex;  align-items: center;  white-space: nowrap;  padding: 8px 14px;  border-radius: 12px;  text-align: center;  color: #485B74;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  box-shadow: 0px 0px 0px 0px rgba(24, 39, 75, 0.09);  cursor: pointer;  transition: color 0.4s ease-in-out;  } .f2151:hover {color: #243042;  } .f2152 {color: #243042;  outline: none;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  background-color: #FFFFFF;  } .f2153 {list-style: none;  padding: 0px;  margin: 0px;  } .f2154 {display: flex;  flex-direction: row;  } .f2155 {display: flex;  align-items: center;  white-space: nowrap;  padding: 12px 24px;  border-radius: 12px;  text-align: center;  color: #26759D;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  cursor: pointer;  } .f2156 {background-color: #E0F1F7;  outline: none;  } .f2157 {margin: 0px;  text-decoration: none;  color: inherit;  } .f2158 {list-style: none;  padding: 0px;  margin: 0px;  } .f2159 {display: flex;  flex-direction: column;  padding: 12px;  border-radius: 32px;  min-width: 191px;  overflow: hidden;  background-color: #FFFFFF;  outline: 2px solid transparent;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f2159:hover {outline: 2px solid transparent;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f2159:focus {outline: 2px solid #1D6591;  } .f2160 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2161 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  padding-top: 62.5%;  overflow: hidden;  border-radius: 24px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f2162 {background-image: url('/img/bg/card_paid_img02.svg');  } .f2163 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  height: 120%;  filter: blur(20px);  } .f2164 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 100%;  } .f2165 {display: flex;  flex-direction: column;  align-items: flex-start;  padding: 16px 12px 12px 12px;  min-height: 210px;  } .f2166 {display: flex;  flex-direction: row;  flex-wrap: wrap;  margin-bottom: 4px;  gap: 8px;  } .f2167 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f2168 {display: block;  width: 100%;  margin: 0px;  height: 70px;  overflow: hidden;  word-break: break-word;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2169 {display: flex;  justify-content: center;  align-items: center;  border-radius: 8px;  height: 25px;  min-height: 25px;  padding: 0 8px;  text-align: center;  margin: 0px;  margin-bottom: 12px;  color: #D97706;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #FEF3C7;  } .f2170 {color: #145585;  background-color: #C2E3EF;  } .f2171 {color: #576A84;  background-color: #EBEFF6;  } .f2172 {color: #D97706;  background-color: #FEF3C7;  } .f2173 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2174 {position: absolute;  display: flex;  justify-content: center;  width: 100vw;  height: 100vh;  } .f2175 {display: flex;  flex-direction: column;  padding: 48px 24px;  max-width: 808px;  width: auto;  } .f2176 {display: flex;  align-items: center;  justify-content: space-between;  margin-bottom: 24px;  } .f2177 {display: flex;  gap: 20px;  align-items: center;  } .f2178 {display: flex;  gap: 8px;  align-items: center;  color: #3A4C64;  transition: color 0.3s ease-in-out;  cursor: pointer;  } .f2179 {height: 24px;  width: 24px;  } .f2180 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  transition: color 0.3s ease-in-out;  } .f2178:hover {color: #576A84;  } .f2178:hover .f2180 {color: #485B74;  } .f2178:active {color: #3A4C64;  } .f2178:active .f2180 {color: #243042;  } .f2181 {display: flex;  align-items: center;  height: 25px;  padding: 0 8px;  border-radius: 8px;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;  cursor: pointer;  } .f2181:hover {color: #3A4C64;  } .f2181:active {background-color: #DFE4EC;  } .f2182 {display: flex;  justify-content: center;  align-items: center;  width: 32px;  height: 32px;  cursor: pointer;  } .f2183 {width: 100%;  } .f2184 {display: flex;  overflow-y: auto;  margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2185 {position: fixed;  bottom: 148px;  left: 24px;  display: flex;  flex-direction: column;  z-index: 99;  } .f2186 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f2187 {list-style: none;  padding: 0px;  margin: 0px;  } .f2188 {display: flex;  flex-direction: column;  gap: 10px;  } .f2189 {display: flex;  flex-direction: column;  padding: 16px 24px;  border-radius: 24px;  width: 320px;  max-width: 320px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  margin-bottom: 16px;  margin-left: -400px;  } .f2190 {width: 24px;  min-width: 24px;  } .f2191 {width: 40px;  min-width: 40px;  } .f2192 {margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2193 {margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2194 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2195 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2196 {display: flex;  flex-direction: column;  gap: 2px;  } .f2197 {display: flex;  justify-content: flex-end;  } .f2198 {display: flex;  height: 32px;  padding: 0 12px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 16px;  border: none;  outline: none;  text-decoration: none;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f2198:focus {outline: none;  } .f2198:focus-visible {background-color: #88C9E0;  outline: none;  } .f2198:hover {background-color: #C2E3EF;  } .f2198:active {background-color: #5DB4D2;  } .f2198:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f2199 {background-color: #4F97B6;  } .f2200 {flex-direction: row;  gap: 12px;  padding: 16px 24px 16px 16px;  background-color: #4F97B6;  } .f2201 {background-color: #FBBF24;  } .f2202 {flex-direction: row;  gap: 12px;  padding: 16px 24px 16px 16px;  background-color: #FBBF24;  } .f2203 {background-color: #FBBF24;  } .f2204 {flex-direction: row;  gap: 12px;  padding: 16px 24px 16px 16px;  background-color: #FBBF24;  } .f2205 {padding: 16px 24px;  gap: 2px;  background-color: #1B2637;  } .f2206 {flex-direction: row;  align-items: center;  padding: 16px;  gap: 12px;  background-color: #1B2637;  } .f2207 {padding: 16px 12px 12px 24px;  gap: 8px;  background-color: #1B2637;  } .f2208 {padding: 16px 12px 12px 24px;  gap: 8px;  background-color: #4F97B6;  } .f2209 {position: fixed;  top: 0px;  bottom: 0px;  left: 0px;  right: 0px;  background-color: #00000033;  z-index: 9999;  display: flex;  justify-content: center;  align-items: center;  } .f2210 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2211 {margin: 0px;  text-decoration: none;  color: inherit;  } .f2212 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2212:focus {outline: 4px solid transparent;  } .f2212:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f2212:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f2212:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f2212:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f2213 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #26759D;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2213:focus {outline: 4px solid transparent;  } .f2213:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #1D6591;  background: #C2E3EF;  } .f2213:hover {outline: 4px solid transparent;  border: 2px solid #1D6591;  background: #C2E3EF;  } .f2213:active {outline: 4px solid transparent;  border: 2px solid #1D6591;  background: #88C9E0;  } .f2213:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f2214 {display: flex;  flex-direction: column;  padding: 24px;  border-radius: 32px;  margin-bottom: 40px;  overflow: hidden;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f2215 {display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between;  height: 44px;  min-height: 44px;  } .f2216 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2217 {padding-top: 16px;  display: flex;  flex-direction: column;  } .f2218 {margin: 0px;  margin-bottom: 8px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f2219 {margin: 0px;  margin-bottom: 24px;  color: #576A84;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2220 {margin: 0px;  color: #26759D;  } .f2221 {display: flex;  } .f2222 {display: none;  } .f2223 {display: flex;  justify-content: flex-end;  width: 100%;  } .f2224 {position: relative;  z-index: 2;  display: flex;  align-items: center;  width: 131px;  max-width: 300px;  height: 46px;  border-radius: 70px;  outline: 1px solid #DFE4EC;  overflow: hidden;  background: #FFFFFF;  transition: width 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f2225 {right: 0;  width: 56px;  max-height: 56px;  padding: 12px 16px;  } .f2226 {display: none;  cursor: pointer;  } .f2227 {width: 100%;  height: 100%;  padding: 0 0 0 56px;  border: none;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  outline: none;  background-image: url('/img/search_img.svg');  background-repeat: no-repeat;  background-size: 24px 24px;  background-position: 16px center;  } .f2224:focus {width: 300px;  outline: 2px solid #1D6591;  background: #F8FCFF;  } .f2224:hover {outline: 1px solid #DADFE7;  } .f2224:active {width: 300px;  outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f2227:disabled {color: #1B2637;  } .f2227:focus {color: #1B2637;  } .f2224:disabled {outline: 1px solid #DFE4EC;  background: #EBEFF6;  } .f2224:focus-within {width: 300px;  outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f2227::placeholder {color: #AAB5C6;  } .f2228 {} .f2229 {color: #243042;  } .f2230 {color: #3A4C64;  } .f2231 {color: #64748B;  } .f2232 {color: #AAB5C6;  } .f2233 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2234 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2235 {position: fixed;  left: 0px;  top: 0px;  display: flex;  justify-content: center;  align-items: flex-start;  width: 100vw;  height: 100vh;  padding: 40px;  } .f2236 {position: absolute;  left: 0px;  top: 0px;  width: 100%;  height: 100%;  opacity: 0.5;  background-color: #000000;  } .f2237 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  max-width: 768px;  max-height: 100%;  overflow: hidden;  border-radius: 24px;  outline: 1px solid #DFE4EC;  background-color: #FFFFFF;  } .f2238 {display: flex;  align-items: center;  gap: 16px;  padding: 20px 24px;  border-bottom: 1px solid #DFE4EC;  } .f2239 {color: #576A84;  cursor: pointer;  } .f2240 {display: flex;  justify-content: center;  height: 32px;  width: 100%;  outline: none;  margin: 0px;  padding: 0px;  border: none;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  text-overflow: ellipsis;  } .f2240::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f2241 {display: flex;  flex-direction: column;  padding-top: 12px;  padding-bottom: 24px;  } .f2242 {display: flex;  align-items: center;  width: 100%;  min-height: 32px;  padding: 0 24px;  } .f2243 {display: flex;  flex-direction: column;  padding-top: 8px 0;  border-bottom: 1px solid #EBEFF6;  } .f2243:last-child {border-bottom: none;  } .f2244 {display: flex;  align-items: center;  width: 100%;  min-height: 48px;  padding: 9px 24px;  } .f2245 {margin-right: 8px;  } .f2246 {margin-right: auto;  } .f2247 {list-style: none;  padding: 0px;  margin: 0px;  } .f2248 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2249 {display: flex;  flex-direction: column;  overflow-y: auto;  } .f2250 {display: flex;  flex-direction: column;  width: 100%;  } .f2251 {display: flex;  align-items: center;  justify-content: center;  height: 30px;  min-height: 30px;  padding: 0 12px;  border-radius: 8px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2251:focus {outline: 4px solid transparent;  } .f2251:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f2251:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f2251:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f2251:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f2252 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f2252:focus {outline: 4px solid transparent;  } .f2252:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f2252:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f2252:active {outline: 4px solid transparent;  background: #DADFE7;  } .f2252:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f2253 {width: 100;  } .f2254 {display: flex;  align-items: center;  gap: 16px;  width: 100%;  padding: 10px 24px;  text-align: start;  transition: background-color 0.3s ease-in-out;  cursor: pointer;  } .f2254:hover {background-color: #EBEFF6;  } .f2255 {position: relative;  display: flex;  overflow: hidden;  border-radius: 8px;  background-size: contain;  background-repeat: no-repeat;  background-position: center;  background-color: #26759D;  } .f2256 {background-image: url('/img/bg/card_paid_img02.svg');  } .f2257 {filter: blur(5px);  } .f2258 {position: absolute;  top: 50%;  left: 0px;  transform: translateY(-50%);  } .f2259 {display: flex;  flex-direction: column;  gap: 2px;  overflow: hidden;  } .f2260 {display: block;  overflow: hidden;  width: 100%;  text-overflow: ellipsis;  white-space: nowrap;  } .f2261 {display: flex;  align-items: center;  flex-direction: column;  width: 100%;  padding: 224px 24px 40px 24px;  background-position: top 24px center;  background-repeat: no-repeat;  background-size: 180px;  } .f2262 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  color: #AAB5C6;  } .f2263 {background-image: url('/img/search_no_img.png');  } .f2264 {display: flex;  padding: 16px 24px;  border-top: 1px solid #DFE4EC;  } .f2265 {display: flex;  padding: 12px 24px;  align-items: flex-start;  gap: 16px;  max-width: 499px;  width: 100%;  color: inherit;  text-decoration: none;  } .f2265:focus {outline: none;  background: #EBEFF6;  } .f2265:hover {background: #EBEFF6;  } .f2265:active {background: #FFFFFF;  color: #1D6591;  } .f2266 {display: flex;  align-items: center;  justify-content: center;  min-width: 48px;  min-height: 48px;  max-width: 48px;  max-height: 48px;  border-radius: 12px;  overflow: hidden;  } .f2267 {width: 100%;  } .f2268 {} .f2269 {margin-bottom: 4px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2270 {color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2271 {position: absolute;  z-index: 10;  display: flex;  flex-direction: column;  align-items: flex-start;  margin-top: 8px;  max-width: 499px;  width: 100%;  padding: 12px 0px 24px 0px;  gap: 12px;  border-radius: 16px;  border: 1px solid #DFE4EC;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f2272 {margin: auto;  } .f2273 {display: flex;  padding: 10px 32px;  flex-direction: column;  justify-content: center;  align-items: center;  border-radius: 8px;  text-decoration: none;  color: #1B2637;  border: 2px solid #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2273:focus {outline: none;  background: #88C9E0;  } .f2273:hover {background: #C2E3EF;  } .f2273:active {background: #5DB4D2;  } .f2273:disabled {background: #FFFFFF;  border: 2px solid #AAB5C6;  } .f2274 {} .f2275 {} .f2276 {position: fixed;  top: 100px;  bottom: 0px;  left: 0px;  right: 0px;  z-index: 1;  } .f2277 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2278 {position: relative;  width: 100%;  } .f2278::before {content: '';  position: absolute;  top: 50%;  left: 12px;  width: 20px;  height: 20px;  background-size: contain;  background-repeat: no-repeat;  background-position: center;  background-image: url('/img/icon/icon_search-l-gray.svg');  transform: translateY(-50%);  pointer-events: none;  } .f2279 {display: flex;  align-items: center;  width: 100%;  min-height: 40px;  margin: 0px;  padding: 8px 40px 8px 40px;  outline: 4px solid transparent;  outline-offset: -1px;  border: 1px solid #DFE4EC;  border-radius: 12px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #3A4C64;  transition: outline 0.3s ease-in-out, border 0.3s ease-in-out, background-color 0.3s ease-in-out;  } .f2279:hover {border: 1px solid #DADFE7;  } .f2279:focus {border: 1px solid #1D6591;  } .f2279:active {border: 1px solid #1D6591;  } .f2279::placeholder {font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #AAB5C6;  } .f2280 {display: none;  } .f2281 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2282 {display: flex;  align-items: center;  justify-content: space-between;  height: 50px;  min-height: 50px;  padding: 8px 12px;  width: 100%;  border-radius: 12px;  outline: 4px solid transparent;  border: 1px solid #DFE4EC;  color: #AAB5C6;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2283 {margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  transition: color 0.4s ease-in-out;  } .f2284 {position: absolute;  z-index: 1;  top: 58px;  width: 100%;  min-width: 220px;  border: 1px solid #EBEFF6;  border-radius: 12px;  padding: 8px 0;  margin: 0px;  overflow: hidden;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  display: none;  } .f2285 {margin: 0px;  padding: 0px;  list-style-type: none;  overflow-y: auto;  } .f2286 {display: flex;  align-items: center;  height: 44px;  padding: 0 16px;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  cursor: pointer;  } .f2287 {transition: color 0.3s ease-in-out;  } .f2286:focus {background-color: #EBEFF6;  } .f2286:hover {background-color: #EBEFF6;  } .f2286:active {color: #1D6591;  } .f2282:focus {border: 1px solid #2F86AA;  color: #AAB5C6;  } .f2282:hover {border: 1px solid #DADFE7;  outline: 4px solid transparent;  color: #576A84;  } .f2282:active {border: 1px solid #2F86AA;  outline: 4px solid transparent;  color: #AAB5C6;  background: #FFFFFF;  background-repeat: no-repeat;  background-position: right 10px top 50%;  background-size: 24px 24px;  } .f2282:disabled {border: 1px solid #DFE4EC;  color: #AAB5C6;  background-color: #EBEFF6;  } .f2288 {border: 1px solid #5DB4D2;  outline: 4px solid #5DB4D2;  } .f2289 {color: #AAB5C6;  } .f2290 {} .f2291 {} .f2292 {background-color: #FFEDEB;  border: 1px solid #FF4F3F;  } .f2293 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2294 {display: flex;  align-items: center;  justify-content: space-between;  height: 40px;  min-height: 40px;  padding: 6px 12px;  width: 100%;  border-radius: 12px;  outline: 4px solid transparent;  border: 1px solid #DFE4EC;  color: #AAB5C6;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2295 {margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  transition: color 0.4s ease-in-out;  } .f2296 {position: absolute;  z-index: 1;  top: 48px;  width: 100%;  min-width: 220px;  border: 1px solid #EBEFF6;  border-radius: 12px;  padding: 8px 0;  margin: 0px;  overflow: hidden;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  display: none;  } .f2297 {margin: 0px;  padding: 0px;  list-style-type: none;  overflow-y: auto;  } .f2298 {display: flex;  align-items: center;  height: 44px;  padding: 0 16px;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  cursor: pointer;  } .f2299 {transition: color 0.3s ease-in-out;  } .f2298:focus {background-color: #EBEFF6;  } .f2298:hover {background-color: #EBEFF6;  } .f2298:active {color: #1D6591;  } .f2294:focus {border: 1px solid #2F86AA;  color: #AAB5C6;  } .f2294:hover {border: 1px solid #DADFE7;  outline: 4px solid transparent;  color: #576A84;  } .f2294:active {border: 1px solid #2F86AA;  outline: 4px solid transparent;  color: #AAB5C6;  background: #FFFFFF;  background-repeat: no-repeat;  background-position: right 10px top 50%;  background-size: 24px 24px;  } .f2294:disabled {border: 1px solid #DFE4EC;  color: #AAB5C6;  background-color: #EBEFF6;  } .f2300 {border: 1px solid #5DB4D2;  outline: 4px solid #5DB4D2;  } .f2301 {color: #AAB5C6;  } .f2302 {} .f2303 {} .f2304 {border: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f2304:focus {border: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f2305 {border: 1px solid #DFE4EC;  color: #AAB5C6;  background-color: #EBEFF6;  } .f2305:focus {border: 1px solid #DFE4EC;  color: #AAB5C6;  background-color: #EBEFF6;  } .f2306 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2307 {display: flex;  align-items: center;  justify-content: space-between;  height: 50px;  min-height: 50px;  padding: 8px 12px;  width: 100%;  border-radius: 12px;  outline: 4px solid transparent;  border: 1px solid #DFE4EC;  color: #AAB5C6;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2308 {margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: color 0.4s ease-in-out;  } .f2309 {position: absolute;  z-index: 1;  top: 58px;  width: 100%;  min-width: 220px;  padding-left: 0px;  border: 1px solid #EBEFF6;  border-radius: 12px;  padding: 8px 0;  margin: 0px;  overflow: hidden;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  display: none;  } .f2310 {width: 100%;  margin: 0px;  padding: 0px;  list-style-type: none;  overflow-y: auto;  } .f2311 {display: flex;  align-items: center;  height: 44px;  padding: 0 16px;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  cursor: pointer;  } .f2312 {transition: color 0.3s ease-in-out;  } .f2311:focus {background-color: #EBEFF6;  } .f2311:hover {background-color: #EBEFF6;  } .f2311:active {color: #1D6591;  } .f2307:focus {border: 1px solid #2F86AA;  color: #AAB5C6;  } .f2307:hover {border: 1px solid #DADFE7;  color: #576A84;  outline: 4px solid transparent;  } .f2307:active {border: 1px solid #2F86AA;  outline: 4px solid transparent;  color: #AAB5C6;  background: #FFFFFF;  background-repeat: no-repeat;  background-position: right 16px top 50%;  background-size: 24px 24px;  } .f2307:disabled {border: 1px solid #DFE4EC;  color: #AAB5C6;  background-color: #EBEFF6;  } .f2313 {border: 1px solid #5DB4D2;  outline: 4px solid #5DB4D2;  } .f2314 {color: #AAB5C6;  } .f2315 {} .f2316 {} .f2317 {background-color: #FFEDEB;  border: 1px solid #FF4F3F;  } .f2318 {margin: 0px;  text-decoration: none;  color: inherit;  } .f2319 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-column-gap: 16px;  grid-row-gap: 43px;  max-width: 956px;  } .f2320 {padding: 0 24px;  max-width: 1008px;  margin: 0 auto;  padding-bottom: 64px;  } .f2320:last-child {padding-bottom: 128px;  } .f2321 {margin: 0px;  margin-bottom: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2322 {position: relative;  max-width: 1240px;  padding: 24px 24px 0 24px;  margin: 0 auto 64px;  } .f2323 {display: flex;  flex-direction: column;  padding: 48px 64px;  border-radius: 48px;  background-color: #C2E3EF;  } .f2324 {margin: 0px;  margin-bottom: 24px;  color: #1B2637;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f2325 {margin: 0px;  margin-bottom: 40px;  max-width: 640px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2326 {max-width: 996px;  width: 100%;  padding: 0 24px;  margin: 0 auto 64px auto;  } .f2327 {position: relative;  display: flex;  justify-content: space-between;  flex-direction: row;  overflow: hidden;  border-radius: 32px;  background-color: #FFFFFF;  background-size: cover;  background-repeat: no-repeat;  } .f2328 {display: flex;  flex-direction: column;  align-items: flex-start;  padding: 48px 0 48px 48px;  max-width: 480px;  } .f2329 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f2330 {display: inline-block;  margin: 0px;  margin-bottom: 40px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2331 {display: flex;  gap: 12px;  flex-wrap: nowrap;  margin-top: auto;  } .f2332 {display: flex;  align-items: center;  margin: 0px;  text-decoration: none;  } .f2333 {height: 50px;  } .f2334 {display: flex;  justify-content: center;  align-items: center;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  text-align: center;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background-color: #000000;  } .f2335 {width: 434px;  height: 303px;  background-repeat: no-repeat;  background-position: bottom 0 cneter;  background-size: cover;  } .f2336 {background-image: url('/img/bg/bg-banner01.svg');  } .f2337 {background-image: url('/img/bg/img-banner01.png');  } .f2338 {background-image: url('/img/bg/bg-banner02.svg');  } .f2339 {background-image: url('/img/bg/img-banner02.png');  } .f2340 {list-style-type: none;  padding: 0px;  } .f2341 {display: flex;  align-items: center;  margin: 0px;  margin-bottom: 24px;  gap: 12px;  } .f2342 {display: flex;  align-items: center;  gap: 12px;  text-decoration: none;  color: #1B2637;  margin: 0px;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2343 {margin: 0px;  } .f2344 {margin: 0px;  margin-bottom: 40px;  color: #1B2637;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f2345 {display: flex;  justify-content: space-between;  margin-bottom: 80px;  } .f2346 {display: flex;  flex-direction: column;  align-items: flex-start;  margin-left: 48px;  } .f2347 {display: flex;  align-items: center;  justify-content: center;  width: 375px;  height: fit-content;  max-height: 211px;  margin-bottom: 38px;  overflow: hidden;  } .f2348 {width: 100%;  } .f2349 {display: flex;  flex-direction: column;  gap: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2350 {display: none;  margin: 0 20px 20px 20px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2351 {margin: 0 0 20px 0;  font-size: 1.7rem;  } .f2352:last-child {margin-bottom: 0px;  } .f2353 {margin: 0px 0px 16px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2354 {margin: 0px;  margin-bottom: 38px;  } .f2354:last-child {margin-bottom: 0px;  } .f2355 {display: flex;  flex-direction: row;  align-items: center;  margin: 0px;  margin-bottom: 16px;  } .f2356 {width: 24px;  height: 24px;  } .f2357 {display: flex;  flex-direction: row;  align-items: center;  } .f2358 {display: flex;  padding: 32px 20px;  justify-content: space-around;  align-items: center;  margin-bottom: 80px;  flex-wrap: wrap;  gap: 60px 0;  border-radius: 24px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f2359 {margin: 0px 0px 0px 12px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2360 {display: flex;  flex-direction: column;  align-items: center;  justify-content: space-between;  height: 120px;  width: 30%;  min-width: 167px;  } .f2361 {margin: 0px;  text-align: center;  white-space: break-spaces;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2362 {margin: 0;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 64px;  font-style: normal;  font-weight: 600;  line-height: 68px;  } .f2363 {display: flex;  padding: 80px 72px 120px 72px;  flex-direction: column;  gap: 56px;  margin-bottom: 80px;  border-radius: 80px;  background-color: #FFFFFF;  background: url(/img/bg/bg_course-program.svg);  background-size: 100% 100%;  background-repeat: no-repeat;  } .f2364 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f2365 {padding: 0px;  margin: 0;  column-count: 2;  column-gap: 40px;  list-style-type: none;  } .f2366 {break-inside: avoid-column;  margin-bottom: 24px;  } .f2367 {margin: 0px 0px 4px 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2368 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f2369 {height: 398px;  display: flex;  justify-content: center;  overflow: hidden;  margin-bottom: 50px;  } .f2370 {display: flex;  height: 384px;  width: fit-content;  } .f2371 {display: flex;  width: 966px;  height: 384px;  padding: 57px 0px 0px 60px;  margin-right: 24px;  border-radius: 24px;  outline: 2px solid transparent;  background: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  overflow: hidden;  color: black;  text-decoration: none;  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  cursor: pointer;  } .f2371:focus {outline: 2px solid #1D6591;  outline-offset: -2px;  } .f2371:hover {box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f2372 {max-width: 400px;  } .f2373 {margin: 0px 0px 24px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f2374 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2375 {position: relative;  display: flex;  justify-content: center;  width: 312px;  height: 628px;  margin: auto;  } .f2376 {position: absolute;  top: 0px;  width: 100%;  } .f2377 {position: absolute;  top: 0;  width: 100%;  padding: 15px;  border-radius: 50px;  } .f2378 {position: absolute;  top: 12px;  width: 121px;  height: 23px;  } .f2379 {list-style: none;  padding: 0px;  margin: 0px;  } .f2380 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2381 {padding: 0 14px;  min-height: 50px;  height: 50px;  width: 100%;  border-radius: 12px;  background-color: #FFFFFF;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f2381::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2381:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f2381:focus {outline: 4px solid #5DB4D2;  border: 1px solid #5DB4D2;  } .f2381:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f2381:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f2381:invalid {outline: 1px solid #FF4F3F;  } .f2382 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2382:focus {outline: 4px solid transparent;  } .f2382:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f2382:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f2382:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f2382:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f2383 {display: flex;  align-items: center;  justify-content: center;  height: 30px;  min-height: 30px;  padding: 2px 16px;  margin: 0px;  border-radius: 12px;  outline: 4px solid transparent;  border: 1px solid #EBEFF6;  text-decoration: none;  color: #243042;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: transparent;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f2383:focus {outline: 4px solid transparent;  } .f2383:focus-visible {border: 1px solid transparent;  outline: 4px solid #5DB4D2;  } .f2383:hover {border: 1px solid #DFE4EC;  } .f2383:active {border: 1px solid #C2E3EF;  color: #1D6591;  background: #C2E3EF;  } .f2384 {display: flex;  flex: 1;  width: 100%;  padding-right: 8px;  } .f2385 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f2386 {position: absolute;  } .f2387 {width: 100%;  padding-right: 8px;  } .f2388 {display: flex;  flex-direction: column;  padding: 12px 16px;  width: 100%;  border-radius: 16px;  border: 1px solid #EBEFF6;  background-color: #FFFFFF;  } .f2389 {display: flex;  align-items: flex-end;  gap: 8px;  } .f2390 {display: flex;  color: #64748B;  } .f2391 {display: flex;  flex-wrap: wrap;  column-gap: 16px;  row-gap: 4px;  width: calc(100% - 20px);  } .f2392 {display: flex;  flex-direction: column;  gap: 4px;  width: calc(100%/2 - 16px);  min-width: 200px;  } .f2393 {margin: 0px;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #243042;  } .f2394 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #243042;  } .f2395 {color: #64748B;  } .f2396 {color: #1D6591;  background-color: #C2E3EF;  } .f2397 {color: #FF4F3F;  background-color: #FFEDEB;  } .f2398 {padding-left: 20px;  } .f2399 {margin-bottom: 20px;  } .f2399:last-child {margin-bottom: 0px;  } .f2400 {margin-bottom: 16px;  } .f2400:last-child {margin-bottom: 0px;  } .f2401 {display: flex;  flex-direction: column;  width: 100%;  gap: 40px;  padding-left: 4px;  } .f2402 {display: flex;  flex-direction: column;  width: 100%;  gap: 16px;  padding-right: 8px;  } .f2403 {display: flex;  flex-direction: column;  width: 100%;  gap: 16px;  } .f2404 {display: flex;  flex-direction: column;  width: 100%;  gap: 16px;  } .f2405 {margin: 0px;  padding-bottom: 8px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f2406 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f2407 {margin: 0px;  padding-bottom: 8px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #64748B;  } .f2408 {height: 149px;  padding: 12px;  resize: none;  } .f2409 {list-style: none;  padding: 0px;  margin: 0px;  } .f2410 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2411 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2411:focus {outline: 4px solid transparent;  } .f2411:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f2411:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f2411:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f2411:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f2412 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2412:focus {outline: 4px solid transparent;  } .f2412:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f2412:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f2412:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f2412:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f2413 {display: flex;  flex-direction: column;  } .f2414 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f2415 {position: absolute;  } .f2416 {display: flex;  flex-direction: column;  flex: 1;  min-width: 330px;  width: 330px;  border-radius: 24px;  border: 1px solid #EBEFF6;  } .f2417 {display: flex;  flex-direction: column;  padding: 16px;  gap: 16px;  } .f2418 {display: flex;  flex-direction: column;  gap: 8px;  } .f2419 {display: flex;  flex-direction: column;  padding: 0 0 16px;  gap: 8px;  flex: 1;  } .f2420 {margin: 0px;  padding: 0 16px 8px;  color: #485B74;  } .f2421 {display: flex;  flex-direction: column;  gap: 8px;  padding: 0 16px 0;  width: 100%;  } .f2422 {display: flex;  flex-direction: column;  gap: 8px;  width: 100%;  border: 1px solid #EBEFF6;  border-radius: 12px;  padding: 12px 12px 12px 16px;  cursor: pointer;  } .f2423 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #AAB5C6;  } .f2424 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #243042;  } .f2425 {border-color: #AAB5C6;  } .f2426 {border-color: #2F86AA;  } .f2427 {border-color: #FF4F3F;  } .f2428 {margin: 0px;  white-space: nowrap;  overflow: hidden;  width: 100%;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #243042;  } .f2429 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2430 {display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  background-color: #FFFFFF;  } .f2431 {display: flex;  align-items: flex-start;  flex-direction: column;  padding: 20px 40px;  width: 100%;  gap: 4px;  border-bottom: 1px solid #EBEFF6;  } .f2432 {display: flex;  gap: 12px;  align-items: center;  cursor: pointer;  } .f2433 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #AAB5C6;  } .f2434 {margin: 0px;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #243042;  } .f2435 {display: flex;  justify-content: center;  flex: 1;  width: 100%;  } .f2436 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  width: 100%;  } .f2437 {display: flex;  flex: 1;  gap: 32px;  padding: 24px 16px 16px 40px;  width: 100%;  max-width: 1356px;  } .f2438 {list-style: none;  padding: 0px;  margin: 0px;  } .f2439 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2440 {padding: 0 14px;  min-height: 50px;  height: 50px;  width: 100%;  border-radius: 12px;  background-color: #FFFFFF;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f2440::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2440:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f2440:focus {outline: 4px solid #5DB4D2;  border: 1px solid #5DB4D2;  } .f2440:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f2440:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f2440:invalid {outline: 1px solid #FF4F3F;  } .f2441 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2441:focus {outline: 4px solid transparent;  } .f2441:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f2441:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f2441:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f2441:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f2442 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2442:focus {outline: 4px solid transparent;  } .f2442:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f2442:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f2442:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f2442:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f2443 {display: flex;  height: 50px;  min-height: 50px;  padding: 5px 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2443:focus {outline: 4px solid transparent;  } .f2443:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f2443:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f2443:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f2443:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f2444 {display: flex;  height: 28px;  min-height: 28px;  padding: 0px 10px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF1A05;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #FFF6F5;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2444:focus {outline: 4px solid transparent;  } .f2444:focus-visible {border: 2px solid transparent;  outline: 4px solid #88C9E0;  color: undefined;  background: #FFEDEB;  } .f2444:hover {border: 2px solid transparent;  outline: 4px solid transparent;  color: undefined;  background: #FFEDEB;  } .f2444:active {border: 2px solid transparent;  outline: 4px solid transparent;  color: undefined;  background: #FFE3E0;  } .f2444:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f2445 {display: flex;  flex: 1;  width: 100%;  padding-right: 8px;  } .f2446 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f2447 {position: absolute;  } .f2448 {display: flex;  flex-direction: column;  width: 100%;  gap: 40px;  padding-right: 8px;  padding-left: 70px;  } .f2449 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  } .f2450 {display: flex;  align-items: center;  justify-content: space-between;  width: 100%;  gap: 16px;  } .f2451 {display: flex;  flex-direction: column;  width: 100%;  gap: 24px;  padding-right: 8px;  padding-bottom: 80px;  } .f2452 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  } .f2453 {max-width: 320px;  width: 100%;  } .f2454 {max-width: 120px;  } .f2455 {display: flex;  flex-wrap: wrap;  width: 100%;  max-width: 680px;  column-gap: 40px;  row-gap: 16px;  } .f2456 {max-width: 100px;  } .f2457 {display: flex;  flex-direction: column;  gap: 16px;  } .f2458 {display: flex;  flex-direction: column;  padding: 4px 20px 12px;  width: 100%;  border-radius: 12px;  border: 1px solid #DFE4EC;  } .f2459 {display: flex;  } .f2460 {display: flex;  flex-direction: column;  width: 100%;  gap: 16px;  } .f2461 {} .f2462 {display: flex;  flex-direction: column;  gap: 16px;  padding: 12px 16px;  width: 100%;  border-radius: 16px;  border: 1px solid #EBEFF6;  } .f2463 {display: flex;  flex-direction: column;  gap: 4px;  width: 100%;  } .f2464 {display: flex;  align-items: center;  justify-content: space-between;  } .f2465 {margin: 0px;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #243042;  } .f2466 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f2467 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f2468 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #64748B;  } .f2469 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #243042;  } .f2470 {height: 149px;  padding: 12px;  resize: none;  } .f2471 {width: 120px;  } .f2472 {list-style: none;  padding: 0px;  margin: 0px;  } .f2473 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2474 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2474:focus {outline: 4px solid transparent;  } .f2474:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f2474:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f2474:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f2474:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f2475 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2475:focus {outline: 4px solid transparent;  } .f2475:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f2475:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f2475:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f2475:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f2476 {display: flex;  flex-direction: column;  } .f2477 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f2478 {position: absolute;  } .f2479 {display: flex;  flex-direction: column;  flex: 1;  min-width: 330px;  width: 330px;  border-radius: 24px;  border: 1px solid #EBEFF6;  } .f2480 {display: flex;  flex-direction: column;  padding: 16px;  gap: 8px;  } .f2481 {display: flex;  flex-direction: column;  padding: 0 0 16px;  gap: 8px;  flex: 1;  } .f2482 {margin: 0px;  padding: 0 16px 8px;  color: #485B74;  } .f2483 {display: flex;  flex-direction: column;  gap: 8px;  padding: 0 16px 0;  width: 100%;  } .f2484 {padding: 0 16px 0;  margin-bottom: 16px;  } .f2485 {position: relative;  } .f2486 {position: absolute;  top: 0px;  right: 0px;  display: flex;  gap: 4px;  padding: 4px;  } .f2487 {cursor: pointer;  } .f2488 {display: flex;  flex-direction: column;  gap: 8px;  width: 100%;  border: 1px solid #EBEFF6;  border-radius: 12px;  padding: 12px 12px 12px 16px;  cursor: pointer;  } .f2489 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #AAB5C6;  } .f2490 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #AAB5C6;  } .f2491 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #243042;  } .f2492 {border-color: #2F86AA;  } .f2493 {margin: 0px;  white-space: nowrap;  overflow: hidden;  width: 100%;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #243042;  } .f2494 {border-color: #AAB5C6;  } .f2495 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2496 {display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  background-color: #FFFFFF;  user-select: auto!important;  } .f2497 {display: flex;  align-items: flex-start;  flex-direction: column;  padding: 20px 40px;  width: 100%;  gap: 4px;  border-bottom: 1px solid #EBEFF6;  } .f2498 {display: flex;  gap: 12px;  align-items: center;  cursor: pointer;  } .f2499 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #AAB5C6;  } .f2500 {margin: 0px;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #243042;  } .f2501 {display: flex;  justify-content: center;  flex: 1;  width: 100%;  } .f2502 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  width: 100%;  } .f2503 {display: flex;  flex: 1;  gap: 32px;  padding: 24px 16px 16px 40px;  width: 100%;  max-width: 1356px;  } .f2504 {width: 754px;  margin: 0 auto;  } .f2505 {display: flex;  justify-content: space-between;  } .f2506 {display: flex;  flex-direction: column;  align-items: center;  width: 368px;  height: 444px;  border-radius: 32px;  background-size: 100% 100%;  } .f2507 {background-image: url(/img/bg_start_colum01.jpg);  } .f2508 {background-image: url(/img/bg_start_colum02.jpg);  } .f2509 {margin-top: 40px;  width: 24px;  height: 24px;  } .f2510 {margin: 12px 0px 0px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f2511 {margin: 112px 0px 0px 0px;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f2512 {display: flex;  flex-direction: column;  justify-content: flex-end;  align-items: center;  min-height: 172px;  } .f2513 {margin-top: 0px;  text-decoration: line-through;  color: gray;  } .f2514 {margin-top: 16px;  } .f2515 {margin: 16px 0px 0px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2516 {margin-top: 67px;  padding: 0 30px;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2517 {display: flex;  height: 64px;  padding: 0 40px;  flex-direction: column;  justify-content: center;  align-items: center;  margin-top: 67px;  border-radius: 8px;  border: 2px solid #1B2637;  text-decoration: none;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #FFFFFF;  } .f2517:focus {background-color: #88C9E0;  outline: none;  } .f2517:hover {background-color: #C2E3EF;  } .f2517:active {background-color: #5DB4D2;  } .f2517:disabled {border: 2px solid #AAB5C6;  background: #FFFFFF;  } .f2518 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2519 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 8px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f2519:focus {outline: 4px solid transparent;  } .f2519:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f2519:hover {border: 2px solid transparent;  background: #243042;  } .f2519:active {border: 2px solid transparent;  background: #3A4C64;  } .f2519:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f2520 {bottom: 24px;  display: flex;  justify-content: flex-end;  position: fixed;  margin-top: -98px;  margin-bottom: 24px;  right: 24px;  } .f2521 {display: flex;  flex-wrap: wrap;  row-gap: 20px;  justify-content: space-between;  align-items: center;  width: 765px;  padding: 12px 16px 12px 24px;  margin: 0px 24px 0px 0px;  border-radius: 12px;  background-color: #C2E3EF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f2522 {display: flex;  align-items: center;  flex-direction: row;  flex-wrap: wrap;  column-gap: 48px;  row-gap: 20px;  } .f2523 {display: flex;  flex-direction: column;  gap: 4px;  } .f2524 {margin: 0px;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f2525 {display: flex;  flex-direction: row;  gap: 8px;  align-items: flex-end;  } .f2526 {margin: 0px;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2527 {color: #AAB5C6;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  text-decoration: line-through;  } .f2528 {list-style: none;  padding: 0px;  margin: 0px;  } .f2529 {margin: 0px;  text-decoration: none;  color: inherit;  } .f2530 {display: flex;  flex-direction: column;  padding: 72px 0 120px;  border-radius: 80px;  margin-bottom: 80px;  background-color: #E0F1F7;  } .f2531 {margin: 0px;  margin-bottom: 40px;  padding: 0 80px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f2532 {margin: 0px;  margin-bottom: 56px;  padding: 0 80px;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f2533 {display: flex;  flex-direction: row;  gap: 40px;  padding-left: 80px;  padding-bottom: 30px;  overflow-x: auto;  } .f2534 {display: flex;  flex-direction: column;  min-width: 300px;  width: 300px;  } .f2535 {display: flex;  flex-direction: row;  align-items: center;  gap: 24px;  margin-bottom: 24px;  } .f2536 {posititon: relative;  display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  overflow: hidden;  border-radius: 50%;  background-color: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2537 {posititon: absolute;  width: 100%;  } .f2538 {display: flex;  flex-direction: column;  gap: 2px;  width: calc(100% - 72px);  } .f2539 {margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2540 {margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2541 {posititon: relative;  display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 16px;  width: 100%;  height: 256px;  max-height: 256px;  background-color: #1B2637;  } .f2542 {posititon: absolute;  height: 100%;  } .f2543 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2544 {list-style: none;  padding: 0px;  margin: 0px;  } .f2545 {display: flex;  align-items: center;  gap: 24px;  padding: 8px 16px;  } .f2546 {color: #FFFFFF;  cursor: pointer;  } .f2547 {color: #FF4F3F;  cursor: pointer;  } .f2548 {margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f2549 {display: flex;  align-items: center;  gap: 8px;  } .f2550 {position: relative;  padding: 4px;  cursor: pointer;  } .f2551 {display: flex;  gap: 4px;  } .f2552 {position: absolute;  bottom: 0px;  left: 4px;  padding: 8px 8px 28px;  width: 0px;  height: 0px;  opacity: 1;  } .f2553 {display: flex;  flex-direction: column;  border-radius: 4px;  overflow: hidden;  background-color: #000000;  } .f2550:hover .f2552 {opacity: 1;  width: auto;  height: auto;  } .f2550:focus .f2552 {opacity: 1;  width: auto;  height: auto;  } .f2550:focus-within .f2552 {opacity: 1;  width: auto;  height: auto;  } .f2554 {width: 100%;  padding: 8px;  cursor: pointer;  transition: background-color 0.3s ease-in-out;  } .f2554:hover {background-color: #64748B;  } .f2554:focus {outline: none;  background-color: #64748B;  } .f2555 {color: #AAB5C6;  } .f2556 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2557 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 12px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2557:focus {outline: 4px solid transparent;  } .f2557:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f2557:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f2557:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f2557:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f2558 {z-index: 5;  position: absolute;  top: 0px;  right: 0px;  width: 100%;  height: 50%;  } .f2559 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  height: 100%;  } .f2560 {position: absolute;  top: 0px;  right: 0px;  height: 100%;  width: 100%;  opacity: 0.8;  background-color: #000000;  } .f2561 {position: relative;  display: flex;  flex: 1;  width: 100%;  justify-content: center;  align-items: center;  overflow: hidden;  } .f2562 {height: 100%;  } .f2563 {position: relative;  display: flex;  width: 100%;  justify-content: center;  background-color: #000000;  } .f2564 {position: fixed;  top: 0px;  left: 0px;  width: 100vw;  height: 100vh;  } .f2565 {z-index: 100;  position: fixed;  top: 82px;  right: 16px;  width: 100%;  height: 100%;  max-width: 300px;  max-height: 225px;  display: flex;  flex-direction: column;  border-radius: 8px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  overflow: hidden;  } .f2566 {padding: 10px 15px;  background-color: #2F86AA;  color: #1B2637;  cursor: move;  display: flex;  justify-content: space-between;  align-items: center;  user-select: none;  } .f2567 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #FFFFFF;  } .f2568 {color: #FFFFFF;  cursor: pointer;  } .f2569 {color: #FF4F3F;  cursor: pointer;  } .f2570 {display: flex;  gap: 16px;  justify-content: space-between;  width: 100%;  } .f2571 {height: auto;  width: 100%;  } .f2572 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2573 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 12px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2573:focus {outline: 4px solid transparent;  } .f2573:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f2573:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f2573:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f2573:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f2574 {display: flex;  align-items: center;  gap: 8px;  border-radius: 64px;  cursor: pointer;  } .f2575 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2576 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 12px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2576:focus {outline: 4px solid transparent;  } .f2576:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f2576:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f2576:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f2576:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f2577 {display: flex;  align-items: center;  gap: 8px;  border-radius: 64px;  cursor: pointer;  } .f2578 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2579 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2579:focus {outline: 4px solid transparent;  } .f2579:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f2579:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f2579:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f2579:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f2580 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2580:focus {outline: 4px solid transparent;  } .f2580:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f2580:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f2580:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f2580:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f2581 {position: fixed;  top: 82px;  right: 16px;  width: 300px;  height: 225px;  background-color: #FFFFFF;  border-radius: 8px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  z-index: 100;  display: flex;  flex-direction: column;  overflow: hidden;  resize: both;  min-width: 250px;  min-height: 200px;  } .f2582 {padding: 10px 15px;  background-color: #2F86AA;  color: #1B2637;  cursor: move;  display: flex;  justify-content: space-between;  align-items: center;  user-select: none;  } .f2583 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #FFFFFF;  } .f2584 {display: inline-block;  width: 10px;  height: 10px;  border-radius: 50%;  margin-right: 5px;  background-color: #DFE4EC;  } .f2585 {display: flex;  gap: 5px;  } .f2586 {background: none;  border: none;  color: #FFFFFF;  cursor: pointer;  font-size: 16px;  width: 24px;  height: 24px;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%;  transition: background-color 0.2s;  } .f2586:hover {background-color: #64748B;  } .f2587 {position: relative;  flex: 1;  overflow: hidden;  background-color: #000000;  } .f2588 {width: 100%;  height: 100%;  object-fit: cover;  } .f2589 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  color: white;  text-align: center;  font-size: 14px;  } .f2590 {padding: 10px 15px;  background-color: #FFFFFF;  display: flex;  justify-content: space-between;  border-top: 1px solid #DADFE7;  } .f2591 {display: flex;  gap: 10px;  } .f2592 {display: flex;  gap: 10px;  } .f2593 {position: absolute;  top: 12px;  left: 12px;  } .f2594 {position: relative;  } .f2595 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  padding: 4px;  border-radius: 4px;  background-color: #1B2637;  opacity: 0.5;  } .f2596 {position: relative;  color: #FFFFFF;  } .f2597 {padding: 4px;  } .f2598 {background: none;  border: none;  width: 36px;  height: 36px;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  transition: background-color 0.2s;  } .f2598:hover {background-color: #DFE4EC;  } .f2598:focus {background-color: #DFE4EC;  } .f2599 {color: #64748B;  } .f2600 {color: #1B2637;  } .f2601 {background-color: #F59E0B;  animation: scaleAnim 2s infinite linear;  } .f2602 {animation: scaleAnim 2s infinite linear;  } .f2603 {background-color: #2F86AA;  } .f2604 {display: flex;  flex: 1;  flex-direction: column;  height: 100vh;  margin: 0 auto;  } .f2605 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  background-color: #F8FCFF;  background-size: cover;  background-image: url(img/bg_course_descrip.svg);  } .f2606 {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  max-width: 1080px;  margin: auto;  } .f2607 {text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f2608 {list-style: none;  padding: 0px;  margin: 0px;  } .f2609 {display: flex;  gap: 24px;  flex-wrap: wrap;  flex: 1;  } .f2610 {display: flex;  flex: 1;  flex-direction: column;  align-items: center;  gap: 8px;  width: 16%;  min-width: 240px;  } .f2611 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2612 {display: flex;  flex-direction: column;  flex: 1;  } .f2613 {list-style: none;  padding: 0px;  margin: 0px;  } .f2614 {text-decoration: none;  color: inherit;  } .f2615 {padding: 0px;  border: none;  background-color: inherit;  } .f2616 {display: flex;  flex: 1;  width: 100%;  justify-content: center;  margin: 0 auto;  background-color: #F8FCFF;  } .f2617 {} .f2618 {position: fixed;  top: 75px;  left: 24px;  display: flex;  flex-direction: column;  } .f2619 {height: 59px;  } .f2620 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f2621 {width: 40px;  min-width: 40px;  height: 40px;  } .f2622 {width: 100%;  } .f2623 {display: none;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2624 {display: flex;  flex-direction: column;  padding-top: 40px;  padding-bottom: 120px;  padding: 40px 20px 120px 20px;  max-width: 800px;  width: 100%;  } .f2625 {display: flex;  flex-direction: column;  gap: 24px;  margin-bottom: 32px;  border-bottom: 1px solid #DFE4EC;  } .f2626 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  } .f2627 {display: flex;  height: 26px;  padding: 0 12px;  justify-content: center;  border-radius: 8px;  align-items: center;  text-align: center;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #EBEFF6;  } .f2628 {color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #C2E3EF;  } .f2629 {position: relative;  display: flex;  justify-content: center;  align-items: center;  height: auto;  width: 100%;  overflow: hidden;  border-radius: 16px;  } .f2629::before {content: '';  display: block;  padding-top: 62.5%;  width: 100%;  } .f2630 {position: absolute;  width: 150%;  filter: blur(20px);  } .f2631 {position: absolute;  width: 100%;  } .f2632 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f2633 {display: flex;  flex-direction: row;  align-items: center;  gap: 24px;  text-decoration: none;  } .f2634 {display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 50%;  width: 48px;  min-width: 48px;  height: 48px;  } .f2635 {background-color: #1D6591;  display: flex;  flex: 1;  width: 100%;  height: 100%;  justify-content: center;  align-items: center;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #FFFFFF;  } .f2636 {width: 100%;  } .f2637 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 2px;  } .f2638 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2639 {color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2640 {display: flex;  flex-direction: column;  } .f2641 {} .f2642 {margin-top: 24px;  } .f2643 {display: flex;  flex: 1;  } .f2644 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2645 {display: flex;  flex-direction: column;  flex: 1;  } .f2646 {list-style: none;  padding: 0px;  margin: 0px;  } .f2647 {text-decoration: none;  color: inherit;  } .f2648 {padding: 0px;  border: none;  background-color: inherit;  } .f2649 {display: flex;  flex: 1;  width: 100%;  justify-content: center;  margin: 0 auto;  background-color: #F8FCFF;  } .f2650 {} .f2651 {position: fixed;  top: 75px;  left: 24px;  display: flex;  flex-direction: column;  } .f2652 {height: 59px;  } .f2653 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f2654 {width: 40px;  min-width: 40px;  height: 40px;  } .f2655 {width: 100%;  } .f2656 {display: none;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2657 {display: flex;  flex-direction: column;  padding-top: 40px;  padding-bottom: 120px;  padding: 40px 40px 120px 40px;  width: 800px;  gap: 40px;  } .f2658 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f2659 {display: flex;  flex-direction: column;  gap: 24px;  } .f2660 {} .f2661 {margin-top: 24px;  } .f2662 {display: flex;  flex: 1;  } .f2663 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2664 {position: relative;  display: flex;  flex-direction: column;  flex: 1;  } .f2665 {list-style: none;  padding: 0px;  margin: 0px;  } .f2666 {padding: 0px;  border: none;  background-color: transparent;  } .f2667 {display: flex;  flex: 1;  flex-direction: row;  width: 100%;  justify-content: center;  margin: 0 auto;  background-color: #F8FCFF;  } .f2668 {width: 40px;  min-width: 40px;  height: 40px;  } .f2669 {width: 100%;  } .f2670 {display: none;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2671 {display: flex;  flex-direction: column;  padding: 40px 40px 120px 40px;  max-width: 848px;  width: 100%;  gap: 48px;  } .f2672 {background: #EBEFF6;  } .f2673 {background: #FFFFFF;  } .f2674 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  padding: 0 24px 0 40px;  } .f2675 {display: flex;  flex-direction: row;  gap: 12px;  } .f2676 {display: flex;  column-gap: 64px;  row-gap: 16px;  padding: 0 24px 0 40px;  flex-wrap: wrap;  } .f2677 {display: flex;  flex-direction: column;  gap: 8px;  max-width: 360px;  padding-bottom: 15px;  overflow: hidden;  } .f2678 {display: flex;  flex-direction: row;  gap: 12px;  max-width: 100%;  } .f2679 {display: flex;  align-items: center;  justify-content: center;  width: 48px;  min-width: 48px;  height: 48px;  border-radius: 50%;  overflow: hidden;  } .f2680 {width: 100%;  } .f2681 {display: flex;  flex-direction: column;  gap: 2px;  overflow: auto;  } .f2682 {display: block;  margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2683 {display: flex;  flex-direction: row;  gap: 8px;  } .f2684 {display: block;  margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2685 {display: flex;  justify-content: center;  align-items: center;  padding: 2px 8px;  border-radius: 24px;  color: #145585;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #C2E3EF;  } .f2686 {display: block;  height: 45px;  margin: 0px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2687 {width: 36px;  } .f2688 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f2689 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 22px;  outline: 2px solid #1B2637;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2689:focus {outline: 2px solid #1B2637;  } .f2689:focus-visible {background: #88C9E0;  outline: 2px solid #1B2637;  } .f2689:hover {background: #C2E3EF;  } .f2689:active {background: #5DB4D2;  } .f2689:disabled {outline: 2px solid #AAB5C6;  color: #AAB5C6;  background-color: transparent;  } .f2690 {display: grid;  gap: 16px;  grid-template-columns: repeat(3, 1fr);  } .f2691 {height: 420px;  border-radius: 32px;  background-color: gray;  } .f2692 {width: 308px;  height: 396px;  border-radius: 32px;  background-color: gray;  } .f2693 {width: 600px;  min-width: 600px;  height: auto;  border-radius: 32px;  background-color: gray;  } .f2694 {display: flex;  flex: 1;  flex-direction: row;  } .f2695 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2696 {display: flex;  flex-direction: column;  flex: 1;  } .f2697 {padding: 0px;  border: none;  background-color: transparent;  } .f2698 {margin: 0px;  padding: 0px;  list-style: none;  } .f2699 {display: flex;  flex-direction: row;  width: 100%;  flex: 1;  justify-content: center;  margin: 0 auto;  background-color: #F8FCFF;  } .f2700 {} .f2701 {position: fixed;  top: 75px;  left: 24px;  display: flex;  flex-direction: column;  } .f2702 {height: 59px;  } .f2703 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f2704 {width: 40px;  min-width: 40px;  height: 40px;  } .f2705 {width: 100%;  } .f2706 {display: none;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2707 {display: flex;  flex-direction: column;  padding-top: 40px;  padding-bottom: 120px;  padding: 40px 20px 120px 20px;  max-width: 1080px;  width: 100%;  } .f2708 {display: flex;  flex-direction: column;  gap: 24px;  margin-bottom: 32px;  } .f2709 {display: flex;  flex-direction: row;  align-items: center;  gap: 24px;  flex: 1;  } .f2710 {display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 50%;  width: 96px;  min-width: 96px;  height: 96px;  color: #FFFFFF;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  background-color: #1D6591;  } .f2711 {width: 100%;  } .f2712 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 8px;  } .f2713 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f2714 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 24px;  outline: 4px solid transparent;  outline-offset: -3px;  border: 2px solid #1B2637;  text-decoration: none;  color: #1B2637;  white-space: nowrap;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2714:focus {outline: 4px solid transparent;  } .f2714:focus-visible {background: #88C9E0;  outline: 4px solid #5DB4D2;  } .f2714:hover {outline: 4px solid transparent;  background: #C2E3EF;  } .f2714:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f2714:disabled {border: 2px solid #AAB5C6;  color: #3A4C64;  background: #EBEFF6;  } .f2715 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2716 {position: relative;  height: 35px;  margin-bottom: 40px;  } .f2717 {position: absolute;  display: flex;  flex-direction: row;  gap: 40px;  } .f2718 {display: flex;  } .f2719 {border: none;  padding: 0px;  padding-bottom: 10px;  border-bottom: 2px solid transparent;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  cursor: pointer;  text-decoration: none;  } .f2720 {border-bottom: 2px solid #1B2637;  } .f2721 {position: absolute;  bottom: 0px;  background-color: #DFE4EC;  height: 1px;  width: 100%;  } .f2722 {display: flex;  flex: 1;  } .f2723 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2724 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  min-height: 64px;  width: 100%;  padding: 5px 48px;  border-radius: 12px;  outline: 4px solid transparent;  outline-offset: -2px;  border: 2px solid #000000;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-color: #000000;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2724:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #243042;  background-color: #243042;  } .f2724:hover {outline: 4px solid transparent;  border: 2px solid #243042;  background-color: #243042;  } .f2724:active {outline: 4px solid transparent;  border: 2px solid #3A4C64;  background-color: #3A4C64;  } .f2724:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background-color: #EBEFF6;  } .f2725 {list-style: none;  padding: 0px;  margin: 0px;  } .f2726 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2726:focus {outline: 4px solid transparent;  } .f2726:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f2726:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f2726:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f2726:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f2727 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2727:focus {outline: 4px solid transparent;  } .f2727:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f2727:hover {background: #145585;  border: 2px solid #145585;  } .f2727:active {background: #0B4578;  border: 2px solid #0B4578;  } .f2727:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f2728 {z-index: 5;  position: fixed;  display: flex;  flex-direction: column;  align-items: center;  top: 0px;  left: 0px;  width: 100vw;  height: 100vh;  background-color: #F8FCFF;  } .f2729 {display: flex;  flex-direction: column;  width: 100%;  height: 100%;  max-width: 816px;  padding-top: 48px;  } .f2730 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  padding: 0 24px;  margin-bottom: 24px;  } .f2731 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2732 {border-radius: 99px;  color: #3A4C64;  cursor: pointer;  } .f2733 {} .f2734 {position: relative;  flex: 1;  flex-direction: column;  overflow-y: auto;  } .f2735 {position: absolute;  } .f2736 {display: flex;  flex-direction: column;  padding: 0 24px 80px;  width: 100%;  } .f2737 {display: flex;  flex-direction: column;  width: 100%;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f2738 {margin: 0px;  margin-bottom: 12px;  color: #FF4F3F;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2739 {margin: 0px;  margin-bottom: 12px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2740 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2740:focus {outline: 4px solid transparent;  } .f2740:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f2740:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f2740:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f2740:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f2741 {display: flex;  flex-direction: column;  width: 100%;  gap: 24px;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f2742 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2743 {display: flex;  justify-content: flex-start;  gap: 8px;  } .f2744 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2745 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  align-items: center;  gap: 8px;  border-radius: 16px;  padding: 16px 16px 16px 24px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f2746 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2747 {color: #FF4F3F;  } .f2748 {color: #F59E0B;  } .f2749 {display: flex;  justify-content: flex-start;  } .f2750 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2751 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f2751:last-child {margin-bottom: 0px;  } .f2752 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f2753 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f2754 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2755 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2756 {margin-bottom: 24px;  } .f2757 {display: flex;  padding-left: 44px;  min-height: 32px;  background-position: left 0 center;  background-size: 32px;  background-repeat: no-repeat;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2758 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f2759 {display: flex;  justify-content: space-between;  align-items: center;  } .f2760 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2761 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2762 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f2763 {display: flex;  flex-direction: column;  } .f2764 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f2764:last-child {margin-bottom: 0px;  } .f2765 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2766 {margin-bottom: 8px;  } .f2767 {display: flex;  flex-direction: column;  } .f2768 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  resize: none;  } .f2768:focus {outline: 1px solid #1D6591;  } .f2768:hover {outline: 1px solid #DADFE7;  } .f2768:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f2768:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  resize: none;  } .f2768:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f2769 {height: 142px;  } .f2769:invalid {background-color: #FFF6F5;  outline: 1px solid #FF4F3F;  resize: none;  } .f2770 {} .f2770::-webkit-outer-spin-button {-webkit-appearance: none;  margin: 0px;  } .f2770::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0px;  } .f2771 {appearance: textfield;  } .f2772 {width: 140px;  } .f2773 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: cover;  background-repeat: no-repeat;  cursor: pointer;  } .f2774 {height: 100%;  } .f2775 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f2776 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2777 {display: flex;  flex-wrap: wrap;  max-width: 320px;  width: 100%;  } .f2778 {gap: 16px;  flex-direction: row;  flex-wrap: nowrap;  } .f2779 {align-items: flex-end;  } .f2780 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f2781 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 8px;  } .f2782 {margin-bottom: 16px;  } .f2783 {} .f2784 {} .f2785 {} .f2786 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2787 {display: flex;  flex-direction: column;  flex: 1;  } .f2788 {padding: 0px;  border: none;  background-color: transparent;  } .f2789 {margin: 0px;  padding: 0px;  list-style: none;  } .f2790 {display: flex;  flex-direction: row;  width: 100%;  flex: 1;  justify-content: center;  margin: 0 auto;  } .f2791 {} .f2792 {position: fixed;  top: 75px;  left: 24px;  display: flex;  flex-direction: column;  } .f2793 {height: 59px;  } .f2794 {width: 720px;  display: flex;  flex-direction: column;  padding-bottom: 64px;  margin-top: 64px;  } .f2795 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f2796 {display: flex;  flex: 1;  justify-content: center;  } .f2797 {display: flex;  flex-direction: column;  gap: 24px;  margin-bottom: 32px;  } .f2798 {display: flex;  align-items: center;  justify-content: center;  height: 300px;  background-color: #5DB4D2;  border-radius: 4px;  border-width: 4px;  border-color: #4F97B6;  border-style: dashed;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #4F97B6;  cursor: pointer;  outline: none;  } .f2795:focus-visible {outline: none;  } .f2799 {display: flex;  flex: 1;  } .f2800 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2801 {display: flex;  flex-direction: column;  flex: 1;  } .f2802 {list-style: none;  padding: 0px;  margin: 0px;  } .f2803 {display: flex;  width: 100%;  margin: 0px;  flex: 1;  } .f2804 {display: flex;  flex-direction: column;  padding-top: 24px;  padding-bottom: 150px;  padding: 24px 20px 150px 20px;  max-width: 760px;  width: 100%;  margin: 0 auto;  flex: 1;  } .f2805 {display: flex;  flex-direction: column;  gap: 24px;  margin-bottom: 32px;  } .f2806 {display: flex;  flex-direction: row;  gap: 8px;  } .f2807 {max-height: 60px;  margin: 0px;  margin-bottom: 17px;  overflow: hidden;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: normal;  } .f2808 {display: flex;  align-items: center;  padding: 0 12px;  height: 26px;  margin: 0px;  border-radius: 8px;  background-color: #EBEFF6;  text-decoration: none;  } .f2809 {margin: 0px;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  text-decoration: none;  } .f2810 {text-decoration: none;  color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #C2E3EF;  } .f2811 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f2811:focus-visible {outline: none;  } .f2812 {display: flex;  flex-direction: column;  margin-bottom: 64px;  flex: 1;  } .f2812:last-child {margin-bottom: 0px;  } .f2813 {display: flex;  flex-direction: column;  align-items: flex-start;  padding: 24px 32px 40px 32px;  border-radius: 24px;  background-color: #FFFFFF;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  } .f2814 {display: block;  padding-left: 44px;  margin: 0px;  margin-bottom: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  background-repeat: no-repeat;  background-position: 0 center;  background-size: 32px;  } .f2815 {background-image: url('/img/icon/icon_pen.svg');  } .f2816 {display: flex;  flex-direction: column;  width: 100%;  gap: 16px;  margin-bottom: 40px;  } .f2816:last-child {margin-bottom: 0px;  } .f2817 {padding-top: 32px;  } .f2818 {display: flex;  align-items: center;  justify-content: center;  height: 300px;  background-color: #5DB4D2;  border-radius: 4px;  border-width: 4px;  border-color: #4F97B6;  border-style: dashed;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #4F97B6;  cursor: pointer;  outline: none;  } .f2819 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 64px;  outline: none;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2819:focus {outline: none;  } .f2819:focus-visible {background: #145585;  outline: none;  } .f2819:hover {background: #145585;  } .f2819:active {background: #02356C;  } .f2819:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f2820 {margin: 0px;  text-decoration: none;  color: inherit;  } .f2821 {position: fixed;  left: 0px;  right: 0px;  top: 0px;  bottom: 0px;  background-color: #F8FCFF;  background-size: contain;  background-position: right;  background-repeat: no-repeat;  } .f2822 {} .f2823 {height: 100%;  width: 100%;  overflow-y: auto;  } .f2824 {margin: auto;  max-width: 1144px;  min-width: 500px;  padding: 36px 32px;  } .f2825 {display: flex;  align-items: center;  justify-content: space-between;  } .f2826 {display: flex;  align-items: center;  gap: 8px;  height: 100%;  margin: 0px;  padding: 16px;  margin-right: auto;  } .f2827 {height: 37px;  } .f2828 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #1B2637;  } .f2829 {margin: auto;  max-width: 1144px;  min-width: 500px;  padding: 40px 32px;  display: flex;  justify-content: space-between;  } .f2830 {max-width: 400px;  } .f2831 {margin: 0 0 8px 0;  color: #AAB5C6;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2832 {margin: 0 0 32px 0;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f2833 {margin: 0 0 40px 0;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2834 {margin: 0px 0px 32px 0px;  padding: 0px;  list-style-type: none;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2835 {margin: 0px 0px 8px 0px;  } .f2835:last-child {margin-bottom: 0px;  } .f2836 {display: flex;  padding: 16px 24px;  margin-bottom: 32px;  flex-direction: column;  align-items: flex-start;  gap: 12px;  border-radius: 24px;  border: 2px solid #DADFE7;  } .f2837 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2838 {display: flex;  flex-direction: row;  gap: 12px;  } .f2839 {display: flex;  } .f2840 {display: flex;  height: 48px;  max-width: 162px;  } .f2841 {cursor: pointer;  display: flex;  align-items: center;  justify-content: center;  width: 100%;  padding: 20px 40px;  margin-bottom: 16px;  border-radius: 66px;  background: #1D6591;  outline: none;  text-decoration: none;  color: #F8FCFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2841:focus {background: #145585;  } .f2841:hover {background: #1D6591;  } .f2841:active {background: #0B4578;  } .f2841:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f2842 {} .f2843 {margin: 0px;  margin-bottom: 40px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2844 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f2845 {position: relative;  max-width: 1024px;  width: 100%;  margin: auto;  margin-top: 0px;  padding: 24px 24px 157px 24px;  } .f2846 {display: flex;  align-items: center;  margin:  0 0 24px 0;  gap: 12px;  } .f2847 {display: flex;  align-items: center;  gap: 12px;  text-decoration: none;  color: #1B2637;  margin: 0px;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2848 {margin: 0px;  } .f2847:last-child {color: #AAB5C6;  } .f2849 {display: flex;  flex-direction: row;  align-items: center;  margin-bottom: 40px;  } .f2850 {display: flex;  align-items: center;  justify-content: flex-start;  padding-left: 56px;  min-height: 56px;  text-decoration: none;  color: inherit;  background-position: left;  background-repeat: no-repeat;  background-size: 48px;  } .f2851 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f2852 {display: flex;  align-items: center;  justify-content: center;  width: 48px;  height: 48px;  } .f2853 {width: 100%;  } .f2854 {margin: 0px 0px 0px 4px;  color: #243042;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f2855 {margin-bottom: 45px;  } .f2856 {display: flex;  align-items: center;  justify-content: space-between;  max-width: 958px;  width: 100%;  margin: -8px 0 36px 0;  } .f2857 {width: 220px;  } .f2858 {outline: none;  min-width: 220px;  height: 44px;  padding: 0 16px;  justify-content: space-between;  margin: 0px;  align-items: center;  border-radius: 8px;  border: 1px solid #DFE4EC;  background: #F8FCFF;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f2858:hover {border: 1px solid #DADFE7;  background: #F8FCFF;  } .f2858:focus {border: 1px solid #1D6591;  background: #F8FCFF;  } .f2858:active {border: 1px solid #2F86AA;  background: #FFFFFF;  } .f2858:disabled {border: 1px solid #DFE4EC;  background: #EBEFF6;  } .f2859 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-column-gap: 16px;  grid-row-gap: 43px;  max-width: 958px;  } .f2860 {margin: 0px 0px 0px 4px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2861 {} .f2862 {} .f2863 {list-style: none;  padding: 0px;  margin: 0px;  } .f2864 {padding: 40px 24px 128px 24px;  max-width: 1028px;  margin: auto;  margin-top: 0px;  } .f2865 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2866 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2867 {text-decoration: none;  color: inherit;  } .f2868 {background-color: #F8FCFF;  background-image: url(img/bg/bg_course_descrip.svg);  background-size: cover;  } .f2869 {font-family: Manrope;  height: 109px;  padding: 0 48px;  } .f2870 {display: flex;  align-items: center;  justify-content: space-between;  width: 100%;  height: 100%;  } .f2871 {display: flex;  align-items: center;  } .f2872 {display: flex;  align-items: center;  justify-content: flex-start;  width: 23vw;  max-width: 94px;  height: 32px;  margin: 0;  margin-right: 60px;  text-decoration: none;  color: inherit;  } .f2873 {width: 100%;  } .f2874 {display: flex;  align-items: center;  height: 46px;  width: 100%;  max-width: 500px;  margin-left: 16px;  border-radius: 70px;  border: 1px solid #DFE4EC;  background: #FFFFFF;  } .f2875 {width: 24px;  height: 24px;  margin: 0px 16px;  } .f2876 {width: 100%;  margin-right: 30px;  padding: 0px;  border: none;  outline: none;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2877 {display: flex;  justify-content: space-between;  align-items: center;  } .f2878 {display: flex;  margin: 0px 48px;  flex-wrap: wrap;  } .f2879 {text-decoration: none;  color: inherit;  } .f2880 {display: inline-flex;  height: 44px;  padding: 0 24px;  justify-content: center;  align-items: center;  border-radius: 26px;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2880:hover {background: #C2E3EF;  } .f2880:focus {background: #88C9E0;  outline: none;  } .f2880:focus-visible {outline: transparent;  } .f2880:active {background: #5DB4D2;  } .f2881 {display: none;  height: 24px;  margin: 0px 16px;  cursor: pointer;  } .f2882 {display: flex;  align-items: center;  justify-content: center;  padding: 0 24px;  height: 44px;  border-radius: 22px;  background: #1D6591;  border: none;  text-decoration: none;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  cursor: pointer;  } .f2882:focus {background: #145585;  outline: none;  border: none;  } .f2882:hover {background: #1D6591;  } .f2882:active {background: #0B4578;  } .f2883 {height: 40px;  width: 40px;  border-radius: 20px;  } .f2884 {height: 40px;  width: 40px;  border-radius: 20px;  background-color: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  display: flex;  align-items: center;  justify-content: center;  } .f2885 {list-style-type: none;  padding: 0px;  } .f2886 {display: flex;  align-items: center;  margin: 0px;  margin-bottom: 16px;  gap: 12px;  } .f2887 {display: flex;  align-items: center;  gap: 12px;  text-decoration: none;  color: #1B2637;  margin: 0px;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2888 {margin: 0px;  } .f2889 {display: flex;  flex-direction: column;  gap: 24px;  } .f2890 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f2891 {display: flex;  gap: 48px;  margin-bottom: 80px;  } .f2892 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 38px;  } .f2893 {position: relative;  display: flex;  align-items: center;  justify-content: center;  width: 100%;  max-height: 550px;  padding-top: 62.5%;  overflow: hidden;  border-radius: 24px;  margin-bottom: 40px;  background-size: 70%;  background-repeat: no-repeat;  background-position: center;  background-color: #C2E3EF;  } .f2894 {background-image: url('/img/bg/card_paid_img02.svg');  } .f2895 {position: absolute;  top: 50%;  width: 120%;  min-height: 120%;  filter: blur(20px) opacity(0.9);  transform: translateY(-50%);  } .f2896 {position: absolute;  top: 50%;  height: 100%;  transform: translateY(-50%);  } .f2897 {display: flex;  flex-direction: column;  gap: 16px;  max-width: 556px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2898 {margin: 0px 0px 16px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2899 {display: flex;  flex-direction: column;  gap: 4px;  margin: 0px;  } .f2899:last-child {margin-bottom: 0px;  } .f2900 {display: flex;  flex-direction: row;  align-items: center;  gap: 12px;  margin-bottom: 4px;  } .f2900:last-child {margin-bottom: 0px;  } .f2901 {display: flex;  align-items: center;  justify-content: center;  width: 40px;  min-width: 40px;  height: 40px;  } .f2902 {width: 24px;  height: 24px;  } .f2903 {display: flex;  flex-direction: column;  gap: 12px;  } .f2904 {display: flex;  flex-direction: row;  align-items: flex-start;  gap: 12px;  } .f2905 {display: flex;  align-items: center;  margin-bottom: 80px;  flex-wrap: wrap;  column-gap: 32px;  row-gap: 32px;  } .f2906 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2907 {display: flex;  flex-direction: column;  flex: 1;  align-items: center;  justify-content: center;  gap: 16px 32px;  min-height: 160px;  padding: 24px 10px 48px 10px;  border-radius: 24px;  background-color: #C2E3EF;  } .f2908 .f2909 {height: 85px;  } .f2910 {display: flex;  justify-content: center;  min-width: 56px;  margin: 0px;  padding-top: 60px;  text-align: center;  white-space: nowrap;  color: #485B74;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-repeat: no-repeat;  background-size: 56px;  background-position: center 0;  } .f2911 {background-image: url('/img/icon/icon_course_pen.svg');  } .f2912 {background-image: url('/img/icon/icon_course_book-gray.svg');  } .f2913 {background-image: url('/img/icon/icon_course_video.svg');  } .f2914 {background-image: url('/img/icon/icon_course_microphone.svg');  } .f2915 {background-image: url('/img/icon/icon_course_video.svg');  } .f2916 {background-image: url('/img/icon/icon_course_microphone.svg');  } .f2909 {display: flex;  height: 91px;  align-items: center;  justify-content: center;  margin: 0;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 64px;  font-style: normal;  font-weight: 600;  line-height: 68px;  } .f2917 {margin-bottom: 80px;  } .f2918 {display: flex;  padding: 80px 70px 120px 70px;  flex-direction: column;  gap: 56px;  border-radius: 40px;  background-color: #FFFFFF;  background-size: cover;  background-repeat: no-repeat;  background-image: url(/img/bg/bg_course-program.svg);  } .f2919 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f2920 {display: flex;  flex-wrap: wrap;  column-gap: 40px;  row-gap: 24px;  } .f2921 {display: flex;  flex-direction: column;  gap: 4px;  width: calc(100% / 2 - 24px);  } .f2922 {display: flex;  flex-direction: column;  gap: 24px;  padding: 16px 0 16px 24px;  width: 100%;  } .f2923 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2924 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2925 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f2926 {margin-bottom: 80px;  } .f2927 {display: flex;  column-gap: 52px;  row-gap: 20px;  align-items: center;  padding: 50px 90px;  border-radius: 40px;  border: 8px solid #EBEFF6;  background-color: #F8FCFF;  } .f2928 {display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  min-width: 160px;  width: 160px;  height: 160px;  border-radius: 80px;  } .f2929 {width: 100%;  } .f2930 {margin: 0px 0px 8px 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2931 {} .f2932 {margin: 0px;  color: #485B74;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2933 {display: flex;  justify-content: space-between;  width: 784px;  margin: 0 auto;  } .f2934 {display: flex;  flex-direction: column;  align-items: center;  padding: 24px;  width: 368px;  min-height: 544px;  border-radius: 24px;  justify-content: space-between;  background-color: #FFFFFF;  background-size: cover;  } .f2935 {background-image: url(/img/bg/bg_start_colum01.svg);  } .f2936 {display: flex;  flex-direction: column;  align-items: center;  gap: 12px;  } .f2937 {display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  background-color: transparent;  cursor: pointer;  } .f2938 {width: 100%;  } .f2939 {padding-top: 16px;  } .f2940 {width: 24px;  height: 24px;  background-repeat: no-repeat;  background-size: cover;  background-position: center;  } .f2941 {background-image: url('/img/icon/icon_clock.svg');  } .f2942 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f2943 {display: flex;  flex-direction: column;  align-items: center;  gap: 4px;  } .f2944 {margin: 0px;  text-align: center;  color: #243042;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f2945 {display: flex;  flex-direction: column;  align-items: center;  gap: 4px;  } .f2946 {margin: 0px;  color: #DADFE7;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  text-decoration: line-through;  } .f2947 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2948 {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  width: 100%;  gap: 8px;  padding-top: 20px;  } .f2949 {margin: 0px;  text-align: center;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2950 {} .f2951 {} .f2951 div {color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2952 {text-decoration: none;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2951 a {color: #145585;  text-decoration: none;  } .f2953 .f2907 {flex-direction: row-reverse;  } .f2953 {column-gap: 64px;  } .f2954 {column-gap: 70px;  } .f2954 .f2907 {flex-direction: row-reverse;  } .f2955 .f2907:nth-last-child(2) {flex-direction: row-reverse;  } .f2955 .f2907:last-child {flex-direction: row-reverse;  } .f2956 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2957 {background-image: url(img/bg_course_descrip.svg);  background-size: cover;  display: flex;  flex-direction: column;  flex: 1;  } .f2958 {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  padding: 20px;  max-width: 1080px;  margin: auto;  } .f2959 {text-align: center;  margin-bottom: 20px;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f2960 {display: flex;  gap: 12px;  flex-wrap: nowrap;  } .f2961 {display: flex;  align-items: center;  margin: 0px;  text-decoration: none;  } .f2962 {height: 45px;  } .f2963 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2964 {padding: 0 16px;  min-height: 54px;  height: 54px;  border-radius: 12px;  background-color: #FFFFFF;  border: none;  outline: 1px solid #DFE4EC;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f2964::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2964:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f2964:focus {outline: 4px solid #5DB4D2;  border: 1px solid #DFE4EC;  } .f2964:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f2964:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f2964:invalid {outline: 1px solid #FF4F3F;  } .f2965 {display: flex;  height: 64px;  width: 100%;  padding: 0 40px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  border: 2px solid #1B2637;  text-decoration: none;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: transparent;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f2965:focus {outline: none;  } .f2965:focus-visible {background-color: #88C9E0;  outline: none;  } .f2965:hover {background-color: #C2E3EF;  } .f2965:active {background-color: #5DB4D2;  } .f2965:disabled {border: 2px solid #AAB5C6;  background: #FFFFFF;  color: #AAB5C6;  } .f2966 {display: flex;  height: 64px;  width: 100%;  padding: 0 40px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 16px;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f2966:focus {outline: none;  } .f2966:focus-visible {background: #145585;  outline: none;  } .f2966:hover {background: #145585;  } .f2966:active {background: #10472E;  } .f2966:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f2967 {position: fixed;  left: 0px;  right: 0px;  top: 0px;  bottom: 0px;  background-color: #F8FCFF;  background-size: contain;  background-position: right;  background-repeat: no-repeat;  } .f2968 {background-image: url(/img/bg/bg_auth.svg);  } .f2969 {height: 100%;  width: 100%;  overflow-y: auto;  } .f2970 {display: flex;  align-items: center;  justify-content: space-between;  margin: auto;  max-width: 1440px;  height: 100px;  padding: 0 48px;  } .f2971 {text-decoration: none;  color: inherit;  } .f2972 {width: 106px;  height: 36px;  } .f2973 {display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  background-color: transparent;  cursor: pointer;  } .f2974 {width: 100%;  } .f2975 {display: flex;  flex-direction: column;  margin: auto;  max-width: 680px;  width: 100%;  padding: 24px 20px 120px 20px;  } .f2976 {margin: 0px;  margin-bottom: 40px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f2977 {margin: 0px;  margin-bottom: 23px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2978 {display: flex;  flex-direction: column;  padding-left: 30px;  margin: 0px;  margin-bottom: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2979 {list-style-type: disc;  font-size: 15px;  } .f2980 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  color: #1D6591;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f2981 {margin: 0px;  color: #1D6591;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f2982 {display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  background-color: transparent;  cursor: pointer;  } .f2983 {width: 100%;  } .f2984 {display: flex;  flex-direction: column;  gap: 8px;  padding: 24px;  margin-bottom: 24px;  border-radius: 24px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-color: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f2984:last-child {margin-bottom: 0px;  } .f2985 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2986 {color: #1D6591;  } .f2987 {margin: 0px;  margin-bottom: 64px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2987:last-child {margin-bottom: 0px;  } .f2988 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2989 {margin-bottom: 12px;  } .f2990 {display: flex;  align-items: flex-start;  } .f2991 {border: 2px solid #AAB5C6;  background: #FFFFFF;  color: #AAB5C6;  } .f2992 {background-color: #F8FCFF;  } .f2993 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2994 {background-image: url(img/bg_course_descrip.svg);  background-size: cover;  display: flex;  flex-direction: column;  flex: 1;  } .f2995 {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  max-width: 1080px;  margin: auto;  } .f2996 {text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f2997 {color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2998 {margin: 60px 0 20px 0;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f2999 {display: flex;  gap: 12px;  flex-wrap: nowrap;  } .f3000 {display: flex;  align-items: center;  margin: 0px;  text-decoration: none;  } .f3001 {height: 45px;  } .f3002 {margin-top: 60px;  } .f3003 {display: flex;  align-items: center;  justify-content: center;  padding: 15px 64px;  cursor: pointer;  border: none;  text-decoration: none;  text-align: center;  border-radius: 66px;  background: #1D6591;  color: #F8FCFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3003:focus {background: #145585;  } .f3003:hover {background: #1D6591;  } .f3003:active {background: #0B4578;  } .f3003:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f3004 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3005 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3005:focus {outline: 4px solid transparent;  } .f3005:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f3005:hover {background: #145585;  border: 2px solid #145585;  } .f3005:active {background: #0B4578;  border: 2px solid #0B4578;  } .f3005:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f3006 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #EBEFF6;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3006:focus {outline: 4px solid transparent;  } .f3006:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f3006:hover {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f3006:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f3006:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f3007 {display: flex;  flex-direction: column;  height: 100vh;  width: 100%;  } .f3008 {position: absolute;  width: 1px;  height: 1px;  margin: -1px;  border: 0px;  padding: 0px;  white-space: nowrap;  clip-path: inset(100%);  clip: rect(0 0 0 0);  overflow: hidden;  } .f3009 {display: flex;  flex-direction: column;  flex: 1;  justify-content: center;  align-items: center;  padding: 24px;  padding-top: 40px;  } .f3010 {display: flex;  flex-direction: column;  max-width: 440px;  width: 100%;  padding: 24px;  border-radius: 24px;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  background-color: #FFFFFF;  } .f3011 {margin: 0px;  margin-bottom: 40px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3012 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3013 {display: flex;  flex-direction: column;  margin-bottom: 32px;  } .f3014 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3015 {margin: 0px;  margin-bottom: 16px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3016 {display: flex;  flex-direction: column;  margin-bottom: 16px;  } .f3016:last-child {margin-bottom: 0px;  } .f3017 {display: flex;  flex-direction: column;  gap: 8px;  } .f3018 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3019 {max-width: 1020px;  margin: auto;  margin-top: 0px;  padding: 24px 20px 150px 20px;  } .f3020 {list-style: none;  padding-left: 20px;  } .f3021 {list-style: none;  padding-left: 20px;  } .f3022 {list-style: none;  padding-left: 20px;  } .f3023 {} .f3024 {} .f3025 {height: 100vh;  display: flex;  flex-direction: column;  flex: 1;  } .f3026 {flex: 1;  display: flex;  } .f3027 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3028 {background-image: url(img/bg_course_descrip.svg);  background-size: cover;  display: flex;  flex-direction: column;  flex: 1;  } .f3029 {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  padding: 20px;  max-width: 1080px;  margin: auto;  } .f3030 {text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f3031 {margin-top: 60px;  } .f3032 {display: flex;  align-items: center;  justify-content: center;  padding: 15px 64px;  cursor: pointer;  border: none;  text-decoration: none;  text-align: center;  border-radius: 66px;  background: #1D6591;  color: #F8FCFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3032:focus {background: #145585;  } .f3032:hover {background: #1D6591;  } .f3032:active {background: #0B4578;  } .f3032:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f3033 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3034 {display: flex;  flex-direction: column;  flex: 1;  } .f3035 {display: flex;  flex-direction: column;  padding: 0 20px 120px;  max-width: 808px;  margin: auto;  } .f3036 {text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f3037 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3038 {background-image: url(img/bg_course_descrip.svg);  background-size: cover;  display: flex;  flex-direction: column;  flex: 1;  } .f3039 {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  padding: 20px;  max-width: 1080px;  margin: auto;  } .f3040 {text-align: center;  margin-bottom: 20px;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f3041 {display: flex;  gap: 12px;  flex-wrap: nowrap;  } .f3042 {display: flex;  align-items: center;  margin: 0px;  text-decoration: none;  } .f3043 {height: 45px;  } .f3044 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3045 {max-width: 1020px;  margin: auto;  margin-top: 0px;  padding: 24px 20px 150px 20px;  } .f3046 {list-style: none;  padding-left: 20px;  } .f3047 {list-style: none;  padding-left: 20px;  } .f3048 {list-style: none;  padding-left: 20px;  } .f3049 {} .f3050 {} .f3051 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 8px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f3051:focus {outline: 4px solid transparent;  } .f3051:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f3051:hover {border: 2px solid transparent;  background: #243042;  } .f3051:active {border: 2px solid transparent;  background: #3A4C64;  } .f3051:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f3052 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3053 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f3054 {position: relative;  width: 100%;  max-width: 1024px;  margin: 0 auto auto;  margin-top: 0px;  padding: 64px 24px 120px 24px;  } .f3055 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f3056 {margin: 0px;  margin-bottom: 40px;  color: #1B2637;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f3057 {display: flex;  gap: 16px;  align-items: center;  justify-content: space-between;  margin: 0px 0px 40px 0px;  } .f3058 {position: absolute;  right: 10px;  top: 50%;  transform: translateY(-50%);  padding: 6px;  cursor: pointer;  } .f3059 {display: flex;  justify-content: center;  align-items: center;  color: #AAB5C6;  } .f3060 {position: relative;  display: flex;  align-items: center;  width: 100%;  height: 50px;  outline: 1px solid #DFE4EC;  border-radius: 12px;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f3061 {padding: 0 52px;  border: none;  width: 100%;  height: 50px;  border-radius: 12px;  outline: none;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background: transparent;  background-image: url('img/icon/icon_search-l-gray.svg');  background-repeat: no-repeat;  background-position: 16px center;  background-size: 24px;  } .f3060:focus {outline: 1px solid #1D6591;  background: #F8FCFF;  } .f3060:hover {outline: 1px solid #2F86AA;  background: #F8FCFF;  } .f3060:active {outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f3061:disabled {color: #1B2637;  } .f3061:focus {color: #1B2637;  } .f3060:disabled {outline: 1px solid #DFE4EC;  background: #EBEFF6;  } .f3060:focus-within {outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f3061::placeholder {color: #AAB5C6;  } .f3062 {display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: space-between;  gap: 8px;  max-width: 958px;  margin: 0px;  margin-bottom: 24px;  } .f3063 {width: 220px;  } .f3064 {moz-appearance: none;  -webkit-appearance: none;  appearance: none;  background-image: url('../img/icon_arrow-select.svg');  background-repeat: no-repeat;  background-position: right 12px top 50%, 0 0;  background-size: 24px auto;  } .f3064:focus {outline: none;  border: 1px solid #2F86AA;  } .f3064:hover {border: 1px solid #2F86AA;  } .f3064:active {border: 1px solid #2F86AA;  } .f3064::-ms-expand {display: none;  } .f3065 {display: flex;  max-width: 220px;  flex-direction: column;  align-items: flex-start;  border-radius: 8px;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f3066 {display: flex;  height: 44px;  padding: 14px 16px;  align-items: flex-start;  align-self: stretch;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f3066:hover {background-color: EFF4F8;  } .f3066:active {color: #1D6591;  } .f3067 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-column-gap: 16px;  grid-row-gap: 43px;  max-width: 958px;  margin: 0px;  } .f3068 {min-width: 308px;  min-height: 417px;  } .f3069 {margin: 0px;  margin-bottom: 56px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3070 {display: flex;  flex-direction: column;  align-items: center;  width: fit-content;  padding-top: 24px;  margin: 0 auto;  margin-bottom: 286px;  } .f3071 {width: 360px;  margin-bottom: 16px;  } .f3072 {color: #DADFE7;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  margin: 0px;  } .f3073 {} .f3074 {} .f3075 {} .f3076 {margin: 0px 0px 0px 4px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3077 {outline: none;  min-width: 220px;  height: 44px;  padding: 0 16px;  justify-content: space-between;  margin: 0px;  align-items: center;  border-radius: 8px;  border: 1px solid #DFE4EC;  background: #F8FCFF;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f3077:hover {border: 1px solid #DADFE7;  background: #F8FCFF;  } .f3077:focus {border: 1px solid #1D6591;  background: #F8FCFF;  } .f3077:active {border: 1px solid #2F86AA;  background: #FFFFFF;  } .f3077:disabled {border: 1px solid #DFE4EC;  background: #EBEFF6;  } .f3078 {display: flex;  flex: 1;  flex-direction: column;  height: 100vh;  width: 100%;  background-color: #FFFFFF;  } .f3078 > div {display: flex;  flex: 1;  width: 100%;  } .f3079 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3080 {display: flex;  flex-direction: column;  flex: 1;  } .f3081 {list-style: none;  padding: 0px;  margin: 0px;  } .f3082 {display: flex;  width: 100%;  margin: 0px;  } .f3083 {display: flex;  flex-direction: column;  padding: 24px 20px 120px 20px;  max-width: 760px;  width: 100%;  gap: 40px;  margin: 0 auto;  } .f3084 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 24px;  } .f3085 {display: flex;  flex-direction: row;  gap: 8px;  } .f3086 {max-height: 60px;  margin: 0px;  margin-bottom: 17px;  overflow: hidden;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: normal;  } .f3087 {display: flex;  align-items: center;  padding: 0 12px;  height: 26px;  margin: 0px;  border-radius: 8px;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #EBEFF6;  text-decoration: none;  } .f3087 a {display: flex;  color: inherit;  text-decoration: none;  } .f3088 {display: flex;  flex-direction: column;  gap: 24px;  } .f3089 {margin: 0px;  padding-bottom: 8px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f3090 {margin: 0px;  margin-bottom: 12px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3091 {display: flex;  flex-direction: column;  gap: 16px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3092 {display: flex;  flex-direction: column;  gap: 32px;  padding-bottom: 24px;  } .f3093 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #243042;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3093:focus {outline: 4px solid transparent;  } .f3093:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid transparent;  background: #DFE4EC;  } .f3093:hover {outline: 4px solid transparent;  border: 2px solid transparent;  background: #DFE4EC;  } .f3093:active {outline: 4px solid transparent;  border: 2px solid transparent;  background: #DADFE7;  } .f3093:disabled {outline: 4px solid transparent;  border: 2px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3094 {display: flex;  } .f3095 {display: flex;  flex-direction: row;  align-items: center;  gap: 12px;  text-decoration: none;  color: inherit;  } .f3096 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3097 {color: #3A4C64;  } .f3098 {display: flex;  flex-direction: column;  gap: 4px;  } .f3099 {gap: 8px;  } .f3100 {width: 24px;  } .f3101 {display: flex;  flex-direction: row;  align-items: flex-start;  gap: 16px;  } .f3102 {display: flex;  align-items: center;  justify-content: center;  width: 80px;  height: 80px;  overflow: hidden;  } .f3103 {width: 80px;  height: 80px;  border-radius: 40px;  } .f3104 {text-decoration: none;  } .f3105 {height: 80px;  width: 80px;  border-radius: 40px;  display: flex;  align-items: center;  justify-content: center;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-color: #1D6591;  } .f3106 {display: flex;  flex-direction: column;  gap: 4px;  } .f3107 {display: flex;  flex-direction: column;  gap: 16px;  } .f3108 {display: flex;  flex-direction: column;  gap: 16px;  } .f3109 {display: flex;  flex-direction: column;  } .f3110 {margin: 0px;  margin-bottom: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3111 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3112 {margin: 0px;  color: #2F86AA;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f3113 {padding-left: 20px;  } .f3114 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f3115 {list-style: none;  margin: 0px;  padding: 0px;  } .f3116 {display: flex;  flex-direction: column;  gap: 16px;  } .f3117 {padding: 0 20px 60px 20px;  max-width: 1020px;  width: 100%;  margin: auto;  margin-top: 0;  } .f3118 {margin: 0px;  margin-bottom: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f3119 {display: flex;  flex-direction: row;  gap: 8px;  margin-bottom: 16px;  } .f3120 {display: flex;  justify-content: center;  align-items: center;  padding: 7px 12px;  border-radius: 16px;  border: none;  outline: none;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  white-space: nowrap;  background-color: #DFE4EC;  opacity: 0.8;  cursor: pointer;  } .f3120:focus {background: gray;  color: white;  } .f3120:hover {background: gray;  color: white;  } .f3120:active {background: black;  color: white;  } .f3120:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f3121 {background-color: #1D6591;  opacity: 1;  color: #FFFFFF;  } .f3121:focus {background: #145585;  } .f3121:hover {background: #1D6591;  } .f3121:active {background: #0B4578;  } .f3121:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f3122 {display: flex;  flex-direction: column;  gap: 12px;  margin-bottom: 48px;  } .f3123 {display: flex;  flex-direction: column;  gap: 4px;  padding: 12px 12px 16px 16px;  margin: 0px;  text-decoration: none;  color: inherit;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 5px 14px 0px rgba(24, 39, 75, 0.10);  } .f3124 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3125 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3126 {text-decoration: none;  display: flex;  flex-direction: row;  padding: 12px 12px 16px 16px;  gap: 16px;  border-radius: 16px;  outline: 2px solid transparent;  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f3127 {background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f3126:focus {outline: 2px solid #1D6591;  } .f3126:hover {box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f3128 {position: relative;  display: flex;  justify-content: center;  align-items: center;  min-width: 284px;  width: 284px;  height: 160px;  overflow: hidden;  border-radius: 12px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f3129 {background-image: url(/img/bg/card_paid_img02.svg);  } .f3130 {position: absolute;  height: 120%;  min-height: 120%;  filter: blur(20px);  } .f3131 {position: absolute;  width: 100%;  } .f3132 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  height: 160px;  overflow: hidden;  } .f3133 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3134 {margin: 0px;  max-height: 125px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3135 {display: flex;  flex-direction: column;  gap: 16px;  } .f3136 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3137 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 14px;  outline: none;  border: 2px solid #3A4C64;  text-decoration: none;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #3A4C64;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;  cursor: pointer;  } .f3137:focus {outline: none;  } .f3137:focus-visible {background: #243042;  border: 2px solid #576A84;  outline: none;  } .f3137:hover {background: #243042;  border: 2px solid #243042;  } .f3137:active {background: #1B2637;  } .f3137:disabled {opacity: 0.4;  background: #3A4C64;  } .f3138 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3139 {display: flex;  flex-direction: column;  flex: 1;  } .f3140 {display: flex;  width: 100%;  margin: 0px;  } .f3141 {display: flex;  flex-direction: column;  padding: 40px 40px 120px 40px;  max-width: 848px;  width: 100%;  margin: 0 auto;  } .f3142 {display: flex;  flex-direction: column;  width: 100%;  } .f3143 {margin: 0px;  padding: 0px;  list-style: none;  } .f3144 {display: flex;  flex-direction: column;  gap: 24px;  } .f3145 {display: flex;  flex-direction: row;  gap: 8px;  } .f3146 {position: relative;  display: flex;  flex-direction: column;  gap: 24px;  width: 100%;  margin-bottom: 64px;  } .f3147:last-child {margin-bottom: 0px;  } .f3148 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3147 {position: relative;  min-width: 100%;  padding: 12px 12px 54px 16px;  border-radius: 16px;  border: 1px solid #DFE4EC;  background-color: #FFFFFF;  } .f3149 {width: 100%;  min-height: 145px;  border: none;  outline: none;  padding-left: 6px;  color: #243042;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  background-color: transparent;  } .f3149::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f3150 {position: absolute;  left: 18px;  bottom: 10px;  display: flex;  justify-content: center;  align-items: center;  padding: 0px;  border: none;  background-color: transparent;  cursor: pointer;  } .f3151 {position: absolute;  right: 11px;  bottom: 10px;  } .f3152 {display: flex;  color: inherit;  text-decoration: none;  } .f3153 {display: flex;  align-items: center;  padding: 0 12px;  height: 26px;  margin: 0px;  border-radius: 8px;  background-color: #EBEFF6;  text-decoration: none;  } .f3154 {color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f3155 {color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #C2E3EF;  } .f3156 {margin: 0px;  margin-bottom: 32px;  color: #243042;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f3157 {display: flex;  flex-direction: column;  margin-bottom: 32px;  } .f3157 div:last-child {margin-bottom: 0px;  } .f3158 {display: flex;  flex-direction: column;  margin-bottom: 16px;  } .f3158:last-child {margin-bottom: 0px;  } .f3159 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3160 {display: flex;  flex-direction: column;  gap: 8px;  margin-bottom: 40px;  } .f3161:last-child {margin-bottom: 0px;  } .f3162 {display: flex;  flex-direction: column;  gap: 8px;  border-radius: 24px;  padding: 18px 25px;  background-color: #EBEFF6;  } .f3163 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f3164 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3165 {display: flex;  flex-direction: column;  } .f3166 {display: flex;  flex-direction: column;  gap: 24px;  margin-bottom: 40px;  } .f3166:last-child {margin-bottom: 0px;  } .f3167 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3168 {display: flex;  flex-direction: column;  gap: 8px;  } .f3169 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  } .f3170 {display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 50%;  width: 40px;  height: 40px;  min-width: 40px;  } .f3171 {width: 100%;  } .f3172 {display: flex;  flex-direction: column;  gap: 4px;  } .f3173 {display: block;  margin-left: 8px;  padding-left: 18px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  background-image: url('/img/icon_arrow-up-litegray.svg');  background-repeat: no-repeat;  background-size: contain;  background-position: left 0;  } .f3174 {display: flex;  align-items: center;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f3175 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 17;  } .f3176 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3177 {display: flex;  padding: 0px;  border: none;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  background-color: transparent;  cursor: pointer;  } .f3178 {gap: 16px;  padding-left: 24px;  } .f3179 {color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3180 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3181 {list-style: none;  padding: 0px;  margin: 0px;  } .f3182 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3182:focus {outline: 4px solid transparent;  } .f3182:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3182:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3182:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3182:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3183 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3183:focus {outline: 4px solid transparent;  } .f3183:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3183:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3183:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3183:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3184 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f3184:focus {outline: 4px solid transparent;  } .f3184:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f3184:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f3184:active {outline: 4px solid transparent;  background: #DADFE7;  } .f3184:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3185 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3186 {display: flex;  flex-direction: column;  flex: 1;  } .f3187 {display: flex;  width: 100%;  margin: 0px;  } .f3188 {display: flex;  flex-direction: column;  padding: 40px 40px 120px 40px;  max-width: 848px;  width: 100%;  margin: 0 auto;  } .f3189 {display: flex;  flex-direction: column;  gap: 24px;  margin-bottom: 32px;  } .f3190 {display: flex;  flex-direction: row;  gap: 8px;  } .f3191 {max-height: 60px;  margin: 0px;  margin-bottom: 17px;  overflow: hidden;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: normal;  } .f3192 {display: flex;  align-items: center;  padding: 0 12px;  height: 26px;  margin: 0px;  border-radius: 8px;  background-color: #EBEFF6;  text-decoration: none;  } .f3193 {margin: 0px;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f3194 {text-decoration: none;  color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #C2E3EF;  } .f3195 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f3196 {display: flex;  flex-direction: column;  margin-bottom: 48px;  } .f3196:last-child {margin-bottom: 0px;  } .f3197 {display: flex;  flex-direction: column;  padding-top: 16px;  } .f3198 {margin: 0 0 16px 0;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #243042;  } .f3199 {display: flex;  flex-wrap: wrap;  row-gap: 32px;  column-gap: 40px;  } .f3200 {display: flex;  flex-direction: column;  flex: 1;  gap: 4px;  width: 100%;  min-width: 230px;  } .f3201 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #AAB5C6;  } .f3202 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #243042;  } .f3203 {display: flex;  flex-direction: column;  align-items: flex-start;  padding: 40px;  border-radius: 24px;  margin-bottom: 40px;  background-color: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.08);  } .f3203:last-child {margin-bottom: 0px;  } .f3204 {display: flex;  align-items: center;  gap: 12px;  margin-bottom: 16px;  } .f3205 {color: #3A4C64;  } .f3206 {display: block;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3207 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f3207 > div:first-child {margin-top: 0px;  } .f3207 > div:last-child {margin-bottom: 0px;  } .f3208 {display: flex;  column-gap: 24px;  row-gap: 8px;  } .f3209 {padding-top: 64px;  } .f3210 {display: flex;  flex-direction: column;  padding: 24px;  border-radius: 24px;  background-color: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f3211 {margin: 0px;  margin-bottom: 4px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #1D6591;  } .f3212 {margin: 0px;  margin-bottom: 24px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #64748B;  } .f3213 {display: flex;  flex-wrap: wrap;  gap: 12px;  } .f3214 {display: flex;  width: 100%;  } .f3215 {display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap;  column-gap: 16px;  row-gap: 2px;  width: 100%;  min-height: 50px;  border-radius: 16px;  padding: 2px 16px;  background-color: #EBEFF6;  } .f3216 {display: flex;  align-items: center;  gap: 16px;  } .f3217 {color: #243042;  } .f3218 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f3219 {background-color: #FFEDEB;  } .f3220 {background-color: #88C9E0;  } .f3221 {position: relative;  } .f3222 {position: relative;  display: flex;  width: 100%;  color: #AAB5C6;  } .f3223 {position: absolute;  top: 0px;  left: 0px;  overflow: hidden;  } .f3224 {display: flex;  color: #FBBF24;  } .f3225 {width: 80%;  } .f3226 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f3227 {list-style: none;  padding: 0px;  margin: 0px;  } .f3228 {width: 488px;  margin: auto;  margin-top: 0;  } .f3229 {margin: 0px;  margin-bottom: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f3230 {display: flex;  flex-direction: row;  gap: 8px;  margin-bottom: 16px;  } .f3231 {display: flex;  height: 30px;  min-height: 30px;  padding: 2px 12px;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f3231:focus {outline: 4px solid transparent;  } .f3231:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f3231:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f3231:active {outline: 4px solid transparent;  background: #DADFE7;  } .f3231:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3232 {display: flex;  flex-direction: column;  gap: 12px;  margin-bottom: 48px;  } .f3233 {display: flex;  flex-direction: column;  gap: 12px;  } .f3234 {display: flex;  flex-direction: column;  gap: 6px;  padding: 12px 12px 12px 16px;  margin: 0px;  text-decoration: none;  color: inherit;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 5px 14px 0px rgba(24, 39, 75, 0.10);  } .f3235 {display: flex;  align-items: center;  justify-content: space-between;  width: 100%;  } .f3236 {display: flex;  flex-direction: row;  align-items: center;  gap: 2px;  width: 100%;  margin-right: 8px;  } .f3237 {width: 12px;  min-width: 12px;  } .f3238 {margin: 0px;  max-width: 420px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  } .f3239 {height: 12px;  width: 12px;  min-width: 12px;  border-radius: 50%;  background-color: #1D6591;  margin-right: 2px;  } .f3240 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  } .f3241 {position: relative;  } .f3242 {display: flex;  align-items: center;  justify-content: center;  width: 40px;  min-width: 40px;  height: 40px;  border-radius: 50%;  overflow: hidden;  } .f3243 {width: 100%;  } .f3244 {position: absolute;  right: -2px;  bottom: -4px;  } .f3245 {display: flex;  flex-direction: column;  gap: 2px;  } .f3246 {margin: 0px;  max-height: 46px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3247 {color: #1D6591;  } .f3248 {color: #3A4C64;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f3249 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3250 {min-width: 360px;  width: 360px;  height: 100%;  padding-top: 50px;  position: fixed;  } .f3251 {list-style: none;  padding: 0px;  margin: 0px;  } .f3252 {padding: 24px 0 0 32px;  overflow-y: auto;  overflow-x: clip;  height: 100%;  border-right: 1px solid #DFE4EC;  padding-bottom: 80px;  } .f3253 {display: flex;  flex-direction: column;  width: 296px;  } .f3254 {display: flex;  flex-direction: column;  gap: 8px;  } .f3255 {position: relative;  display: flex;  padding: 12px;  padding-left: 16px;  border-radius: 12px;  outline: 1px solid #DFE4EC;  background: #FFFFFF;  cursor: pointer;  transition: outline 0.4s ease-in-out;  } .f3256 {outline: 1px solid #2F86AA;  } .f3257 {display: flex;  gap: 4px;  width: 100%;  flex-direction: column;  text-decoration: none;  } .f3258 {margin: 0px;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3259 {margin: 0px;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3260 {height: 59px;  } .f3261 {display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 167px;  overflow: hidden;  margin-bottom: 10px;  } .f3262 {min-width: auto;  height: 100%;  } .f3263 {max-height: 60px;  margin: 0px;  margin-bottom: 17px;  overflow: hidden;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: normal;  } .f3264 {display: flex;  justify-content: space-between;  } .f3265 {display: flex;  align-items: top;  gap: 4px;  } .f3266 {height: 16px;  fill: #AAB5C6;  } .f3267 {height: 12px;  width: 12px;  min-width: 12px;  border-radius: 50%;  background: #2F86AA;  } .f3268 {display: flex;  align-items: center;  justify-content: center;  flex-direction: column;  gap: 16px;  margin: auto;  padding-left: 360px;  } .f3269 {height: 96px;  } .f3270 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3271 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f3271::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3271:hover {outline: 1px solid #DADFE7;  } .f3271:focus {outline: 1px solid #1D6591;  } .f3271:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f3271:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f3271:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f3272 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3273 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3273:focus {outline: 4px solid transparent;  } .f3273:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f3273:hover {background: #145585;  border: 2px solid #145585;  } .f3273:active {background: #0B4578;  border: 2px solid #0B4578;  } .f3273:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f3274 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3274:focus {outline: 4px solid transparent;  } .f3274:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3274:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3274:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3274:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3275 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3275:focus {outline: 4px solid transparent;  } .f3275:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3275:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3275:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3275:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3276 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  background-color: #FFFFFF;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3277:invalid {background-color: #f00;  } .f3278 {display: flex;  align-items: center;  height: 149px;  width: 100%;  margin-bottom: 8px;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f3278:focus-within {outline: 1px solid #1D6591;  } .f3279 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f3280 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f3281 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3282 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3283 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  width: 100%;  max-width: 720px;  gap: 24px;  border-radius: 16px;  margin-bottom: 40px;  padding: 24px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f3284 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3285 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3286 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f3287 {display: flex;  flex-direction: column;  } .f3288 {display: flex;  flex-direction: column;  width: 100%;  max-width: 720px;  margin-bottom: 40px;  } .f3288:last-child {margin-bottom: 0px;  } .f3289 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f3289:last-child {margin-bottom: 0px;  } .f3290 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3291 {margin-bottom: 8px;  } .f3292 {margin-bottom: 0px;  } .f3293 {display: flex;  flex-direction: column;  margin-bottom: 12px;  } .f3293:last-child {margin-bottom: 0px;  } .f3294 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f3295 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f3296 {height: 100%;  } .f3297 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f3298 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3299 {max-width: 320px;  width: 100%;  } .f3300 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f3301 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f3302 {background-image: url('/img/icon/icon_calendar-light-gray.svg');  } .f3303 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  gap: 16px;  } .f3304 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3305 {color: #FF4F3F;  } .f3306 {color: #F59E0B;  } .f3307 {margin-bottom: 16px;  } .f3308 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  align-items: center;  gap: 8px;  border-radius: 16px;  padding: 16px 16px 16px 24px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f3309 {} .f3310 {} .f3311 {} .f3312 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3313 {list-style: none;  padding: 0px;  margin: 0px;  } .f3314 {display: flex;  flex-direction: column;  padding: 12px 16px;  border-radius: 12px;  width: auto;  gap: 8px;  background-color: #EBEFF6;  } .f3315 {display: flex;  gap: 8px;  } .f3316 {display: flex;  color: #AAB5C6;  cursor: pointer;  } .f3317 {min-height: 47px;  } .f3318 {margin: 0px;  margin-right: auto;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f3319 {display: flex;  flex-direction: row;  max-height: 100px;  } .f3320 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3321 {list-style: none;  padding: 0px;  margin: 0px;  } .f3322 {display: flex;  flex-direction: column;  padding: 12px 16px;  border-radius: 12px;  width: auto;  gap: 8px;  background-color: #EBEFF6;  } .f3323 {display: flex;  gap: 8px;  } .f3324 {margin: 0px;  margin-right: auto;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f3325 {display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 8px;  } .f3326 {display: flex;  flex-direction: column;  gap: 6px;  overflow: hidden;  } .f3327 {position: relative;  display: flex;  justify-content: center;  align-items: center;  flex-direction: column;  height: 118px;  border-radius: 12px;  overflow: hidden;  background-color: #FFFFFF;  } .f3328 {position: absolute;  display: flex;  justify-content: center;  align-items: center;  } .f3329 {} .f3330 {position: absolute;  top: 4px;  left: 8px;  right: 4px;  display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  } .f3331 {display: flex;  padding: 4px 8px;  margin: 0px;  border-radius: 16px;  color: #243042;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #FFFFFF;  } .f3332 {border-radius: 8px;  border: none;  color: #3A4C64;  background-color: #FFFFFF;  cursor: pointer;  } .f3333 {position: absolute;  display: flex;  align-items: center;  justify-content: center;  border-radius: 999px;  padding: 8px 4px 8px 10px;  background-color: #FFFFFF;  } .f3334 {} .f3335 {position: absolute;  bottom: 8px;  left: 12px;  right: 8px;  margin: 0px;  display: flex;  justify-content: space-between;  } .f3336 {display: block;  overflow: hidden;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  white-space: nowrap;  text-overflow: ellipsis;  } .f3337 {color: #243042;  font-family: Manrope;  font-size: 11px;  font-style: normal;  font-weight: 600;  line-height: 14px;  white-space: nowrap;  } .f3338 {display: flex;  align-items: center;  justify-content: center;  padding: 0 4px;  margin: 0px;  background-color: #FFFFFF;  border-radius: 16px;  color: #243042;  font-family: Manrope;  font-size: 11px;  font-style: normal;  font-weight: 600;  line-height: 14px;  } .f3339 {position: absolute;  bottom: 8px;  right: 8px;  } .f3340 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3341 {list-style: none;  padding: 0px;  margin: 0px;  } .f3342 {display: flex;  align-items: center;  justify-content: center;  width: fit-content;  height: 40px;  padding: 0 16px;  border: none;  border-radius: 16px;  outline: none;  text-decoration: none;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f3342:focus {outline: none;  } .f3342:focus-visible {background: #145585;  outline: none;  } .f3342:hover {background: #145585;  } .f3342:active {background: #02356C;  } .f3342:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f3343 {position: relative;  padding-bottom: 24px;  display: block;  width: 720px;  } .f3344 {position: relative;  display: flex;  padding: 16px 16px 64px 16px;  flex-direction: column;  justify-content: flex-end;  width: 100%;  border-radius: 24px;  gap: 8px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f3345 {min-height: 30px;  padding: 0px;  border: none;  outline: none;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background: initial;  resize: none;  } .f3345::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3346 {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3345:focus {outline: none;  } .f3347 {position: absolute;  right: 16px;  bottom: 16px;  } .f3348 {} .f3349 {color: #FFFFFF;  } .f3350 {position: absolute;  left: 16px;  bottom: 40px;  width: 32px;  height: 32px;  padding: 4px;  border: none;  color: #2F86AA;  background: inherit;  cursor: pointer;  } .f3351 {width: 100%;  } .f3352 {display: none;  } .f3353 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3354 {position: relative;  z-index: 1;  min-width: 360px;  width: 360px;  height: 100%;  background-color: #F8FCFF;  } .f3355 {list-style: none;  padding: 0px;  margin: 0px;  } .f3356 {text-decoration: none;  color: initial;  } .f3357 {display: flex;  flex-direction: column;  height: 100%;  border-right: 1px solid #DFE4EC;  background-color: #F8FCFF;  } .f3358 {position: relative;  display: flex;  flex: 1;  width: 100%;  flex-direction: column;  overflow-y: auto;  overflow-x: clip;  } .f3359 {display: flex;  flex: 1;  flex-direction: column;  } .f3360 {display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between;  padding: 24px;  gap: 8px;  } .f3361 {display: flex;  align-items: center;  justify-content: center;  padding: 0px;  border-radius: 12px;  border: 1px solid #DADFE7;  background-color: inherit;  width: 40px;  min-width: 40px;  height: 40px;  cursor: pointer;  } .f3362 {height: 100%;  } .f3363 {position: absolute;  display: flex;  flex-direction: column;  gap: 12px;  width: 100%;  max-width: 336px;  padding: 4px 0 80px 24px;  } .f3364 {display: flex;  border-radius: 12px;  background: #FFFFFF;  outline: 1px solid #DFE4EC;  } .f3364:hover {outline: 1px solid #3A4C64;  } .f3365 {outline: 1px solid #2F86AA;  width: 100%;  } .f3365 .f3366 {color: #1D6591;  } .f3367 {position: relative;  display: flex;  justify-content: center;  padding: 12px;  padding-left: 16px;  gap: 8px;  width: 100%;  flex-direction: column;  cursor: pointer;  } .f3366 {margin: 0px;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3368 {margin: 0px;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3369 {height: 59px;  } .f3370 {margin: 0px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3371 {display: flex;  width: 100%;  gap: 5px;  margin-right: 16px;  } .f3372 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  width: 100%;  } .f3373 {display: flex;  flex-direction: row;  } .f3374 {display: flex;  justify-content: center;  align-items: center;  border-radius: 24px;  width: 40px;  min-width: 40px;  height: 40px;  overflow: hidden;  } .f3375 {margin-left: -20px;  } .f3376 {width: 100%;  } .f3377 {display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #1D6591;  } .f3378 {display: flex;  flex-direction: column;  gap: 2px;  overflow-x: auto;  overflow-y: clip;  } .f3379 {display: block;  overflow: hidden;  margin: 0px;  text-overflow: ellipsis;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3380 {display: block;  margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3381 {position: fixed;  top: 75px;  left: 24px;  display: flex;  flex-direction: column;  z-index: 1;  } .f3382 {height: 22px;  } .f3383 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f3384 {display: flex;  align-items: center;  justify-content: center;  width: 40px;  min-width: 40px;  height: 40px;  border: 1px solid #DADFE7;  border-radius: 12px;  outline-offset: -1px;  outline: 4px solid transparent;  cursor: pointer;  transition: outline 0.4s ease-in-out;  } .f3384:focus-visible {outline: 4px solid #5DB4D2;  } .f3385 {color: #3A4C64;  } .f3386 {width: 100%;  } .f3387 {display: none;  margin: 0px;  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;  width: 100%;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f3388 {position: absolute;  display: flex;  align-items: center;  gap: 4px;  bottom: 12px;  right: 12px;  } .f3389 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3390 {width: 12px;  height: 12px;  border-radius: 50%;  background-color: #1D6591;  } .f3391 {padding-right: 45px;  } .f3392 {width: 360px;  } .f3393 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3394 {list-style: none;  padding: 0px;  margin: 0px;  } .f3395 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3396 {display: flex;  flex: 1;  } .f3397 {position: relative;  display: flex;  flex: 1;  flex-direction: row;  width: 100%;  justify-content: center;  margin: 0 auto;  overflow-y: auto;  } .f3398 {position: absolute;  } .f3399 {display: flex;  flex-direction: column;  padding: 24px 20px 134px 20px;  width: 100%;  max-width: 760px;  min-height: 100%;  } .f3400 {height: 43px;  } .f3401 {display: flex;  flex-direction: column;  gap: 24px;  margin-bottom: 32px;  } .f3402 {display: flex;  flex: 1;  flex-direction: column;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  gap: 16px;  } .f3403 {height: 280px;  width: 280px;  margin-bottom: 16px;  } .f3404 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3405 {position: fixed;  bottom: 24px;  display: block;  width: 720px;  } .f3406 {position: relative;  display: flex;  padding: 16px 16px 64px 16px;  flex-direction: column;  justify-content: flex-end;  width: 100%;  border-radius: 24px;  gap: 8px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f3407 {display: flex;  flex-direction: column;  padding: 12px 16px;  border-radius: 12px;  width: auto;  gap: 8px;  background-color: #EBEFF6;  } .f3408 {display: flex;  } .f3409 {min-height: 47px;  } .f3410 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f3411 {margin: 0px;  margin-right: auto;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f3412 {display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 8px;  } .f3413 {position: relative;  display: flex;  justify-content: center;  align-items: center;  flex-direction: column;  height: 118px;  border-radius: 12px;  overflow: hidden;  background-color: #FFFFFF;  } .f3414 {position: absolute;  width: 100%;  } .f3415 {position: absolute;  top: 4px;  left: 4px;  right: 4px;  display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  padding-left: 8px;  border-radius: 8px;  background-color: #EBEFF6;  } .f3416 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3417 {border: none;  padding: 4px;  background-color: transparent;  width: 32px;  height: 32px;  cursor: pointer;  } .f3418 {width: 100%;  } .f3419 {width: 48px;  max-width: 48px;  } .f3420 {position: absolute;  bottom: 8px;  left: 12px;  right: 8px;  margin: 0px;  display: flex;  flex-direction: row;  } .f3421 {display: block;  overflow: hidden;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  white-space: nowrap;  text-overflow: ellipsis;  } .f3422 {color: #1B2637;  font-family: Manrope;  font-size: 11px;  font-style: normal;  font-weight: 600;  line-height: 14px;  white-space: nowrap;  } .f3423 {position: absolute;  bottom: 8px;  right: 8px;  display: flex;  align-items: center;  justify-content: center;  padding: 0 4px;  margin: 0px;  border-radius: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  background-color: #EBEFF6;  } .f3424 {min-height: 30px;  padding: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background: initial;  } .f3425 {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3424:focus {outline: none;  } .f3426 {position: absolute;  right: 16px;  bottom: 16px;  } .f3427 {padding-left: 4px;  margin-right: -8px;  } .f3428 {position: absolute;  left: 16px;  bottom: 16px;  width: 32px;  height: 32px;  padding: 4px;  border: none;  background: inherit;  cursor: pointer;  } .f3429 {width: 100%;  } .f3430 {display: flex;  align-items: center;  justify-content: center;  width: fit-content;  height: 40px;  padding: 0 16px;  border: none;  border-radius: 16px;  outline: none;  text-decoration: none;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f3430:focus {outline: none;  } .f3430:focus-visible {background: #145585;  outline: none;  } .f3430:hover {background: #145585;  } .f3430:active {background: #02356C;  } .f3430:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f3431 {display: flex;  align-items: flex-end;  gap: 8px;  width: 100%;  } .f3432 {display: flex;  flex-direction: column;  gap: 4px;  padding: 12px 16px 8px 16px;  border-radius: 12px;  max-width: 480px;  background-color: #FFFFFF;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  } .f3433 {display: flex;  justify-content: space-between;  align-items: flex-start;  gap: 16px;  } .f3434 {display: flex;  gap: 4px;  } .f3435 {display: flex;  justify-content: flex-end;  gap: 16px;  padding-top: 8px;  } .f3436 {display: flex;  align-items: center;  gap: 4px;  color: #1B2637;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f3437 {display: flex;  gap: 16px;  margin-right: auto;  } .f3438 {font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #576A84;  cursor: pointer;  } .f3439 {color: #485B74;  cursor: pointer;  } .f3440 {display: flex;  justify-content: center;  align-items: center;  height: 40px;  width: 40px;  min-width: 40px;  border-radius: 50%;  overflow: hidden;  } .f3441 {width: 100%;  } .f3442 {display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #1D6591;  } .f3443 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3444 {display: flex;  color: #1D6591;  } .f3445 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3446 {display: flex;  justify-content: flex-end;  margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f3447 {display: flex;  justify-content: center;  padding: 10px 8px;  } .f3448 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3449 {justify-content: flex-end;  } .f3449 .f3432 {background-color: #C2E3EF;  } .f3450 {} .f3450 .f3432 {background-color: #C2E3EF;  } .f3451 {background-color: #E0F1F7;  } .f3452 {visibility: hidden;  display: block;  position: absolute;  clip: rec(0 0 0 0);  width: 1px;  height: 1px;  margin: -1px;  overflow: hidden;  white-space: nowrap;  border: 0px;  padding: 0px;  } .f3431:last-child {margin-bottom: 0px;  } .f3453 {position: absolute;  z-index: 1;  top: 12px;  left: 16px;  display: flex;  flex-direction: column;  } .f3454 {display: flex;  flex-direction: row;  justify-content: center;  gap: 16px;  } .f3455 {max-width: 349px;  margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3456 {display: flex;  align-items: center;  flex-direction: row;  padding: 4px 24px 4px 4px;  border-radius: 64px;  gap: 12px;  background-color: #FFFFFF;  box-shadow: 0px 7px 16px 0px rgba(24, 39, 75, 0.10);  } .f3457 {display: flex;  flex-direction: row;  } .f3458 {display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  border-radius: 50%;  overflow: hidden;  } .f3459 {margin-left: -20px;  } .f3460 {width: 100%;  } .f3461 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3462 {padding: 8px 0;  } .f3463 {display: flex;  flex-direction: column;  gap: 4px;  padding: 12px 16px;  border-radius: 12px;  background-color: #FFFFFF;  } .f3464 {background-color: #C2E3EF;  } .f3465 {display: flex;  justify-content: space-between;  align-items: center;  gap: 4px;  } .f3466 {display: flex;  color: #AAB5C6;  cursor: pointer;  } .f3467 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #0B4578;  } .f3468 {display: flex;  justify-content: center;  padding: 0 24px;  width: 100%;  } .f3469 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #AAB5C6;  } .f3470::-webkit-media-controls {display: none;  } .f3471 {position: relative;  display: flex;  align-items: center;  width: 214px;  border-radius: 12px;  height: 118px;  overflow: hidden;  background-color: #FFFFFF;  } .f3472 {position: absolute;  width: 100%;  } .f3472 div {margin-bottom: 0;  } .f3473 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f3474 {position: relative;  display: flex;  justify-content: space-between;  flex-direction: column;  border-radius: 12px;  padding: 25px 12px 12px 12px;  width: 100%;  max-width: 214px;  height: 118px;  overflow: hidden;  background-color: #FFFFFF;  } .f3475 {display: flex;  justify-content: center;  width: 100%;  padding-bottom: 10px;  } .f3476 {display: flex;  align-items: center;  justify-content: center;  } .f3477 {display: block;  overflow: hidden;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  white-space: nowrap;  text-overflow: ellipsis;  } .f3478 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  gap: 16px;  } .f3479 {} .f3479 .f3432 {background-color: #FFEDEB;  } .f3480 {margin: 0px;  color: #FF4F3F;  } .f3481 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3482 {list-style: none;  padding: 0px;  margin: 0px;  } .f3483 {position: relative;  display: flex;  flex-direction: column;  } .f3484 {color: #485B74;  cursor: pointer;  } .f3485 {z-index: 5;  position: absolute;  top: 0px;  right: -16px;  display: flex;  flex-direction: column;  min-width: 220px;  border-radius: 8px;  padding: 8px 0;  background-color: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f3486 {display: flex;  flex-direction: column;  } .f3487 {min-height: 44px;  padding: 16px 12px;  background-color: transparent;  outline: none;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #1B2637;  cursor: pointer;  } .f3487:hover {background-color: #EBEFF6;  } .f3487:focus {outline: none;  background-color: #EBEFF6;  } .f3487:active {outline: none;  background-color: #EBEFF6;  } .f3488 {position: fixed;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  z-index: 2;  } .f3489 {position: relative;  display: flex;  flex: 1;  width: 100%;  overflow-y: auto;  } .f3490 {position: absolute;  } .f3491 {display: flex;  flex: 1;  width: 100%;  } .f3492 {display: flex;  align-items: center;  flex: 1;  flex-direction: column;  width: 100%;  } .f3493 {display: flex;  flex-direction: column;  align-items: center;  justify-content: flex-end;  padding: 75px 20px 24px 20px;  width: 100%;  max-width: 760px;  min-height: 100%;  } .f3494 {display: flex;  flex-direction: column;  width: 100%;  gap: 12px;  } .f3495 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #3A4C64;  } .f3496 {position: absolute;  top: 12px;  right: 16px;  display: flex;  align-items: center;  flex-direction: row;  padding: 4px;  border-radius: 64px;  gap: 12px;  background-color: #FFFFFF;  box-shadow: 0px 7px 16px 0px rgba(24, 39, 75, 0.10);  } .f3497 {position: relative;  border-radius: 999px;  color: #1D6591;  background-color: #E0F1F7;  } .f3498 {position: absolute;  display: flex;  justify-content: center;  align-items: center;  top: -4px;  left: 28px;  width: 24px;  height: 24px;  padding: 2px;  border-radius: 99px;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #FFFFFF;  } .f3499 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #FFFFFF;  } .f3500 {display: flex;  flex: 1;  max-width: 100vw;  overflow: hidden;  } .f3501 {list-style: none;  padding: 0px;  margin: 0px;  } .f3502 {position: relative;  display: flex;  flex: 1;  flex-direction: row;  } .f3503 {position: relative;  display: flex;  flex: 1;  width: 100%;  min-height: 100%;  } .f3504 {display: flex;  flex-direction: column;  flex: 1;  align-items: center;  width: 100%;  } .f3504 > div {display: flex;  flex-direction: column;  flex: 1;  align-items: center;  width: 100%;  } .f3505 {} .f3506 {display: flex;  flex: 1;  flex-direction: column;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  gap: 16px;  } .f3507 {height: 280px;  width: 280px;  margin-bottom: 16px;  } .f3508 {margin: 0px;  color: #DADFE7;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3509 {z-index: 1;  position: absolute;  top: 12px;  left: 16px;  } .f3510 {max-width: 349px;  margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3511 {display: flex;  align-items: center;  flex-direction: row;  padding: 4px 24px 4px 4px;  border-radius: 64px;  gap: 12px;  background-color: #FFFFFF;  box-shadow: 0px 7px 16px 0px rgba(24, 39, 75, 0.10);  } .f3512 {display: flex;  justify-content: center;  align-items: center;  border-radius: 999px;  color: #2F86AA;  background-color: #FFFFFF;  } .f3513 {width: 100%;  } .f3514 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3514:focus {outline: 4px solid transparent;  } .f3514:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3514:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3514:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3514:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3515 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3516 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f3517 {display: flex;  flex-direction: column;  flex: 1;  } .f3518 {list-style: none;  margin: 0px;  padding: 0px;  } .f3519 {padding: 24px 20px 120px 20px;  display: flex;  flex-direction: column;  width: 100%;  max-width: 1020px;  gap: 40px;  margin: auto;  margin-top: 0px;  } .f3520 {position: absolute;  white-space: nowrap;  width: 1px;  height: 1px;  overflow: hidden;  border: 0;  padding: 0;  clip: rect(0 0 0 0);  clip-path: inset(50%);  margin: -1px;  } .f3521 {display: flex;  flex-direction: column;  gap: 16px;  } .f3522 {display: flex;  flex-direction: row;  gap: 20px;  flex-wrap: wrap;  align-items: center;  justify-content: space-between;  } .f3523 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3524 {display: flex;  flex-direction: column;  gap: 16px;  } .f3525 {text-decoration: none;  display: flex;  flex-direction: row;  padding: 12px;  gap: 16px;  border-radius: 16px;  outline: 2px solid transparent;  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f3526 {display: flex;  gap: 8px;  align-items: center;  } .f3527 {background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f3525:focus {outline: 2px solid #1D6591;  } .f3525:hover {box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f3528 {position: relative;  display: flex;  justify-content: center;  align-items: center;  min-width: 284px;  width: 284px;  height: 160px;  overflow: hidden;  border-radius: 12px;  } .f3529 {position: absolute;  height: 120%;  min-height: 120%;  filter: blur(20px);  } .f3530 {position: absolute;  width: 100%;  } .f3531 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  height: 160px;  overflow: hidden;  } .f3532 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3533 {margin: 0px;  max-height: 125px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3534 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-gap: 8px;  } .f3535 {display: flex;  flex-direction: column;  gap: 2px;  min-height: 88px;  padding: 16px 24px;  border-radius: 12px;  } .f3536 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3537 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3538 {display: flex;  flex-wrap: wrap;  grid-gap: 8px;  } .f3539 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  padding: 12px 16px;  border-radius: 12px;  width: calc((100% - 8px * 2) / 3);  } .f3540 {display: flex;  justify-content: center;  align-items: center;  height: 64px;  min-width: 59px;  overflow: hidden;  } .f3541 {height: 100%;  } .f3542 {display: flex;  flex-direction: column;  width: calc(100% - 80px);  gap: 4px;  } .f3543 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f3544 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f3545 {white-space: nowrap;  max-width: 100%;  height: 18px;  overflow: hidden;  text-overflow: ellipsis;  } .f3545:hover {overflow: visible;  border-radius: 7px;  max-width: fit-content;  width: fit-content;  z-index: 10;  padding-right: 10px;  text-overflow: ellipsis;  background-color: white;  } .f3546 {display: flex;  flex-direction: row;  gap: 8px;  align-items: center;  } .f3547 {height: 6px;  width: 100%;  border-radius: 3px;  overflow: hidden;  background-color: #EBEFF6;  } .f3548 {height: 100%;  background-color: #2F86AA;  } .f3549 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-column-gap: 28px;  grid-row-gap: 43px;  } .f3550 {height: 397px;  width: 308px;  min-width: 308px;  background-color: #EBEFF6;  } .f3551 {display: flex;  flex-direction: column;  gap: 4px;  } .f3552 {font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #DADFE7;  } .f3553 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f3553::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3553:hover {outline: 1px solid #DADFE7;  } .f3553:focus {outline: 1px solid #1D6591;  } .f3553:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f3553:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f3553:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f3554 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3555 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3555:focus {outline: 4px solid transparent;  } .f3555:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f3555:hover {background: #145585;  border: 2px solid #145585;  } .f3555:active {background: #0B4578;  border: 2px solid #0B4578;  } .f3555:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f3556 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3556:focus {outline: 4px solid transparent;  } .f3556:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3556:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3556:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3556:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3557 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3558 {display: flex;  align-items: center;  height: 90px;  width: 100%;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f3558:focus-within {outline: 1px solid #1D6591;  } .f3559 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3560 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f3560:last-child {margin-bottom: 0px;  } .f3561 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f3562 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3563 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3564 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3565 {margin-bottom: 24px;  } .f3566 {display: flex;  padding-left: 44px;  min-height: 32px;  background-position: left 0 center;  background-size: 32px;  background-repeat: no-repeat;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3567 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f3568 {display: flex;  justify-content: space-between;  align-items: center;  } .f3569 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3570 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3571 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f3572 {display: flex;  flex-direction: column;  } .f3573 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f3573:last-child {margin-bottom: 0px;  } .f3574 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3575 {margin-bottom: 0px;  } .f3576 {margin-bottom: 8px;  } .f3577 {display: flex;  flex-direction: column;  } .f3578 {width: 140px;  } .f3579 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f3580 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f3581 {height: 100%;  } .f3582 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f3583 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3584 {display: flex;  flex-wrap: wrap;  max-width: 320px;  width: 100%;  } .f3585 {gap: 16px;  flex-direction: row;  flex-wrap: nowrap;  } .f3586 {align-items: flex-end;  } .f3587 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f3588 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f3589 {background-image: url('/img/icon/icon_calendar-light-gray.svg');  } .f3590 {display: flex;  justify-content: flex-start;  } .f3591 {margin-bottom: 16px;  } .f3557:invalid {background-color: #FFF6F5;  outline: 1px solid #FF4F3F;  } .f3592 {} .f3593 {} .f3594 {} .f3595 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f3595::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3595:hover {outline: 1px solid #DADFE7;  } .f3595:focus {outline: 1px solid #1D6591;  } .f3595:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f3595:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f3595:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f3596 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3597 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3597:focus {outline: 4px solid transparent;  } .f3597:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f3597:hover {background: #145585;  border: 2px solid #145585;  } .f3597:active {background: #0B4578;  border: 2px solid #0B4578;  } .f3597:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f3598 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3598:focus {outline: 4px solid transparent;  } .f3598:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3598:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3598:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3598:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3599 {display: flex;  flex-direction: column;  width: 100%;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f3600 {margin: 0px;  margin-bottom: 12px;  color: #FF4F3F;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3601 {margin: 0px;  margin-bottom: 12px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3602 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3602:focus {outline: 4px solid transparent;  } .f3602:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f3602:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f3602:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f3602:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f3603 {display: flex;  flex-direction: column;  width: 100%;  gap: 24px;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f3604 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3605 {display: flex;  justify-content: flex-start;  gap: 8px;  } .f3606 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3606:invalid {background-color: #FFF6F5;  outline: 1px solid #FF4F3F;  } .f3607 {display: flex;  align-items: center;  height: 90px;  width: 100%;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f3607:focus-within {outline: 1px solid #1D6591;  } .f3608 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3609 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f3609:last-child {margin-bottom: 0px;  } .f3610 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f3611 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3612 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3613 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3614 {margin-bottom: 24px;  } .f3615 {display: flex;  padding-left: 44px;  min-height: 32px;  background-position: left 0 center;  background-size: 32px;  background-repeat: no-repeat;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3616 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f3617 {display: flex;  justify-content: space-between;  align-items: center;  } .f3618 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3619 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3620 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f3621 {display: flex;  flex-direction: column;  } .f3622 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f3622:last-child {margin-bottom: 0px;  } .f3623 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3624 {margin-bottom: 0px;  } .f3625 {margin-bottom: 8px;  } .f3626 {display: flex;  flex-direction: column;  } .f3627 {width: 140px;  } .f3628 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f3629 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f3630 {height: 100%;  } .f3631 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f3632 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3633 {display: flex;  flex-wrap: wrap;  max-width: 320px;  width: 100%;  } .f3634 {gap: 16px;  flex-direction: row;  flex-wrap: nowrap;  } .f3635 {align-items: flex-end;  } .f3636 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f3637 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f3638 {display: flex;  justify-content: flex-start;  } .f3639 {margin-bottom: 16px;  } .f3640 {} .f3641 {} .f3642 {} .f3643 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f3643::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3643:hover {outline: 1px solid #DADFE7;  } .f3643:focus {outline: 1px solid #1D6591;  } .f3643:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f3643:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f3643:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f3644 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3645 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3645:focus {outline: 4px solid transparent;  } .f3645:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f3645:hover {background: #145585;  border: 2px solid #145585;  } .f3645:active {background: #0B4578;  border: 2px solid #0B4578;  } .f3645:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f3646 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3646:focus {outline: 4px solid transparent;  } .f3646:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3646:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3646:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3646:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3647 {display: flex;  flex-direction: column;  width: 100%;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f3648 {margin: 0px;  margin-bottom: 12px;  color: #FF4F3F;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3649 {margin: 0px;  margin-bottom: 12px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3650 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3650:focus {outline: 4px solid transparent;  } .f3650:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f3650:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f3650:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f3650:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f3651 {display: flex;  flex-direction: column;  width: 100%;  gap: 24px;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f3652 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3653 {display: flex;  justify-content: flex-start;  gap: 8px;  } .f3654 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3655 {display: flex;  align-items: center;  height: 90px;  width: 100%;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f3655:focus-within {outline: 1px solid #1D6591;  } .f3656 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3657 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f3657:last-child {margin-bottom: 0px;  } .f3658 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f3659 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3660 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3661 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3662 {margin-bottom: 24px;  } .f3663 {display: flex;  padding-left: 44px;  min-height: 32px;  background-position: left 0 center;  background-size: 32px;  background-repeat: no-repeat;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3664 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f3665 {display: flex;  justify-content: space-between;  align-items: center;  } .f3666 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3667 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3668 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f3669 {display: flex;  flex-direction: column;  } .f3670 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f3670:last-child {margin-bottom: 0px;  } .f3671 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3672 {margin-bottom: 0px;  } .f3673 {margin-bottom: 8px;  } .f3674 {display: flex;  flex-direction: column;  } .f3675 {width: 140px;  } .f3676 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f3677 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f3678 {height: 100%;  } .f3679 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f3680 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3681 {display: flex;  flex-wrap: wrap;  max-width: 320px;  width: 100%;  } .f3682 {gap: 16px;  flex-direction: row;  flex-wrap: nowrap;  } .f3683 {align-items: flex-end;  } .f3684 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f3685 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f3686 {background-image: url('/img/icon/icon_calendar-light-gray.svg');  } .f3687 {display: flex;  justify-content: flex-start;  } .f3688 {margin-bottom: 16px;  } .f3654:invalid {background-color: #FFF6F5;  outline: 1px solid #FF4F3F;  } .f3689 {} .f3690 {} .f3691 {} .f3692 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f3692::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3692:hover {outline: 1px solid #DADFE7;  } .f3692:focus {outline: 1px solid #1D6591;  } .f3692:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f3692:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f3692:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f3693 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3694 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3694:focus {outline: 4px solid transparent;  } .f3694:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f3694:hover {background: #145585;  border: 2px solid #145585;  } .f3694:active {background: #0B4578;  border: 2px solid #0B4578;  } .f3694:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f3695 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3695:focus {outline: 4px solid transparent;  } .f3695:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3695:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3695:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3695:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3696 {display: flex;  flex-direction: column;  width: 100%;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f3697 {margin: 0px;  margin-bottom: 12px;  color: #FF4F3F;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3698 {margin: 0px;  margin-bottom: 12px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3699 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3699:focus {outline: 4px solid transparent;  } .f3699:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f3699:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f3699:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f3699:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f3700 {display: flex;  flex-direction: column;  width: 100%;  gap: 24px;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f3701 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3702 {display: flex;  justify-content: flex-start;  gap: 8px;  } .f3703 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3704 {display: flex;  align-items: center;  height: 90px;  width: 100%;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f3704:focus-within {outline: 1px solid #1D6591;  } .f3705 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3706 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f3706:last-child {margin-bottom: 0px;  } .f3707 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f3708 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3709 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3710 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3711 {margin-bottom: 24px;  } .f3712 {display: flex;  padding-left: 44px;  min-height: 32px;  background-position: left 0 center;  background-size: 32px;  background-repeat: no-repeat;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3713 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f3714 {display: flex;  justify-content: space-between;  align-items: center;  } .f3715 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3716 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3717 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f3718 {display: flex;  flex-direction: column;  } .f3719 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f3719:last-child {margin-bottom: 0px;  } .f3720 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3721 {margin-bottom: 0px;  } .f3722 {margin-bottom: 8px;  } .f3723 {display: flex;  flex-direction: column;  } .f3724 {width: 140px;  } .f3725 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f3726 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f3727 {height: 100%;  } .f3728 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f3729 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3730 {display: flex;  flex-wrap: wrap;  max-width: 320px;  width: 100%;  } .f3731 {gap: 16px;  flex-direction: row;  flex-wrap: nowrap;  } .f3732 {align-items: flex-end;  } .f3733 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f3734 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f3735 {background-image: url('/img/icon/icon_calendar-light-gray.svg');  } .f3736 {display: flex;  justify-content: flex-start;  } .f3737 {margin-bottom: 16px;  } .f3738 {} .f3739 {} .f3740 {} .f3741 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f3741::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3741:hover {outline: 1px solid #DADFE7;  } .f3741:focus {outline: 1px solid #1D6591;  } .f3741:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f3741:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f3741:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f3742 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3743 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3743:focus {outline: 4px solid transparent;  } .f3743:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f3743:hover {background: #145585;  border: 2px solid #145585;  } .f3743:active {background: #0B4578;  border: 2px solid #0B4578;  } .f3743:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f3744 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3744:focus {outline: 4px solid transparent;  } .f3744:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3744:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3744:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3744:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3745 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3746 {display: flex;  align-items: center;  height: 90px;  width: 100%;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f3746:focus-within {outline: 1px solid #1D6591;  } .f3747 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3748 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f3748:last-child {margin-bottom: 0px;  } .f3749 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f3750 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3751 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3752 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3753 {margin-bottom: 24px;  } .f3754 {display: flex;  padding-left: 44px;  min-height: 32px;  background-position: left 0 center;  background-size: 32px;  background-repeat: no-repeat;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3755 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f3756 {display: flex;  justify-content: space-between;  align-items: center;  } .f3757 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3758 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3759 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f3760 {display: flex;  flex-direction: column;  } .f3761 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f3761:last-child {margin-bottom: 0px;  } .f3762 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3763 {margin-bottom: 0px;  } .f3764 {margin-bottom: 8px;  } .f3765 {display: flex;  flex-direction: column;  } .f3766 {width: 140px;  } .f3767 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f3768 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f3769 {height: 100%;  } .f3770 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f3771 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3772 {display: flex;  flex-wrap: wrap;  max-width: 320px;  width: 100%;  } .f3773 {gap: 16px;  flex-direction: row;  flex-wrap: nowrap;  } .f3774 {align-items: flex-end;  } .f3775 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f3776 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f3777 {background-image: url('/img/icon/icon_calendar-light-gray.svg');  } .f3778 {display: flex;  justify-content: flex-start;  } .f3779 {margin-bottom: 16px;  } .f3780 {} .f3781 {} .f3782 {} .f3783 {list-style: none;  padding: 0px;  margin: 0px;  } .f3784 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3785 {color: black;  fill: black;  } .f3786 {display: flex;  flex-direction: column;  flex: 1;  } .f3787 {display: flex;  flex-direction: column;  gap: 4px;  width: 100%;  padding: 24px 40px;  border-bottom: 1px solid #EBEFF6;  } .f3788 {display: inline-block;  margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #AAB5C6;  } .f3789 {display: inline-block;  margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #243042;  } .f3790 {position: relative;  display: flex;  justify-content: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f3791 {display: flex;  flex: 1;  justify-content: center;  width: 100%;  } .f3792 {position: absolute;  display: flex;  flex: 1;  width: 100%;  max-width: 1300px;  padding: 24px 16px 0 40px;  } .f3793 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3794 {height: 100vh;  width: 100%;  background-color: #F8FCFF;  background-size: contain;  background-position: right;  background-repeat: no-repeat;  } .f3795 {min-height: 100%;  width: 100%;  overflow-y: auto;  } .f3796 {} .f3797 {margin: 0 auto;  max-width: 1144px;  padding: 36px 32px;  } .f3798 {display: flex;  align-items: center;  justify-content: space-between;  } .f3799 {display: flex;  align-items: center;  gap: 8px;  min-width: 82px;  margin: 0px;  padding: 16px;  } .f3800 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #1B2637;  } .f3801 {height: 36px;  } .f3802 {display: flex;  flex-direction: column;  margin: 0 auto;  max-width: 1144px;  padding: 40px 32px;  } .f3803 {margin: 0px 0px 32px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f3804 {margin: 0px 0px 32px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3805 {list-style-type: none;  padding: 0px;  margin: 0px;  } .f3806 {display: flex;  flex-direction: row;  margin: 0px 0px 32px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3807 {display: flex;  flex-direction: column;  align-items: flex-start;  margin: 0px;  padding-top: 5px;  } .f3808 {display: flex;  min-width: 38px;  min-height: 38px;  max-width: 38px;  max-height: 38px;  margin-right: 16px;  justify-content: center;  align-items: center;  border-radius: 40px;  border: 1px solid #1B2637;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f3809 {display: flex;  flex-direction: row;  flex-wrap: wrap;  gap: 12px;  margin-top: 8px;  } .f3810 {display: flex;  height: 48px;  max-width: 162px;  } .f3811 {margin-top: auto;  } .f3812 {display: flex;  flex-direction: row;  align-items: center;  justify-content: flex-start;  margin-bottom: 24px;  } .f3813 {width: 24px;  height: 24px;  margin-right: 16px;  } .f3814 {width: 100%;  margin-right: 16px;  } .f3813:hover {background-color: #EBEFF6;  } .f3813:focus {background-image: url(/img/fi_check-square_ok.svg);  window: 100%;  } .f3813:ative {background-image: url(/img/fi_check-square_ok.svg);  window: 100%;  } .f3813:checked {background-image: url(/img/fi_check-square_ok.svg);  window: 100%;  } .f3815 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3816 {display: flex;  align-items: center;  justify-content: center;  width: fit-content;  padding: 20px 40px;  border-radius: 66px;  border: 2px solid #1B2637;  outline: none;  text-decoration: none;  color: #1B2637;  text-align: center;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3816:focus {background: #88C9E0;  } .f3816:hover {background: #C2E3EF;  } .f3816:active {background: #5DB4D2;  } .f3816:disabled {border: 2px solid #AAB5C6;  background: #FFFFFF;  } .f3817 {list-style: none;  padding: 0px;  margin: 0px;  } .f3818 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  min-height: 64px;  width: 100%;  padding: 5px 48px;  border-radius: 12px;  outline: 4px solid transparent;  outline-offset: -2px;  border: 2px solid #000000;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-color: #000000;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3818:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #243042;  background-color: #243042;  } .f3818:hover {outline: 4px solid transparent;  border: 2px solid #243042;  background-color: #243042;  } .f3818:active {outline: 4px solid transparent;  border: 2px solid #3A4C64;  background-color: #3A4C64;  } .f3818:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background-color: #EBEFF6;  } .f3819 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  min-height: 64px;  padding: 5px 48px;  border-radius: 12px;  outline: 4px solid transparent;  outline-offset: -2px;  border: 2px solid #243042;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3819:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #EBEFF6;  background-color: #DFE4EC;  } .f3819:hover {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  background-color: #DFE4EC;  } .f3819:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background-color: #DADFE7;  } .f3819:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background-color: transparent;  } .f3820 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  background-size: contain;  background-position: top 0 right 0;  background-repeat: no-repeat;  } .f3821 {position: relative;  margin: 0px;  padding-top: 24px;  flex: 1;  } .f3822 {margin: 0 auto;  width: 100%;  max-width: 1020px;  padding-left: 20px;  padding-right: 20px;  } .f3823 {display: flex;  flex-direction: row;  flex-wrap: wrap;  gap: 20px;  justify-content: space-between;  margin-bottom: 32px;  } .f3824 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 64px;  font-style: normal;  font-weight: 600;  line-height: 68px;  } .f3825 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3826 {display: flex;  flex: 1;  max-width: 345px;  } .f3827 {width: 100%;  height: 42vw;  max-height: 429px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  } .f3828 {background-image: url('/img/bg_welcome-author1.png');  } .f3829 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f3830 {margin: 0px;  margin-bottom: 40px;  max-width: 461px;  } .f3831 {padding-bottom: 120px;  } .f3832 {display: flex;  flex-wrap: wrap;  gap: clamp(20px, 6vw, 48px) clamp(20px, 5vw, 64px);  margin-bottom: 120px;  } .f3833 {flex: 1;  max-width: 640px;  width: 100%;  min-width: 300px;  } .f3834 {margin: 0px;  margin-bottom: 8px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3835 {display: flex;  justify-content: space-between;  gap: 20px;  } .f3836 {display: flex;  justify-content: center;  padding: 171px 24px 32px 24px;  border-radius: 24px;  max-width: 280px;  width: 100%;  background-color: #FFFFFF;  background-position: center top 36px;  background-size: auto 112px;  background-repeat: no-repeat;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f3837 {background-image: url('/img/bg/bg_welcome-author2.svg');  } .f3838 {background-image: url('/img/bg/bg_welcome-author3.svg');  } .f3839 {background-image: url('/img/bg/bg_welcome-author4.svg');  } .f3840 {display: flex;  justify-content: center;  align-items: center;  margin: 0px;  min-height: 115px;  text-align: center;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3841 {padding-bottom: 120px;  } .f3842 {display: flex;  width: 100%;  justify-content: center;  margin-bottom: 48px;  } .f3843 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  column-gap: 20px;  row-gap: 64px;  } .f3844 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  width: 100%;  max-width: 250px;  padding-top: 442px;  } .f3844::before {content: '';  position: absolute;  top: 0px;  left: 50%;  display: block;  width: 294px;  height: 500px;  background-position: center;  background-size: contain;  background-repeat: no-repeat;  transform: translateX(-50%);  } .f3845::before {background-image: url('/img/bg/bg_welcome-author4-1.png');  } .f3846::before {background-image: url('/img/bg/bg_welcome-author4-2.png');  } .f3847::before {background-image: url('/img/bg/bg_welcome-author4-3.png');  } .f3848::before {background-image: url('/img/bg/bg_welcome-author4-4.png');  } .f3849::before {background-image: url('/img/bg/bg_welcome-author4-5.png');  } .f3850::before {background-image: url('/img/bg/bg_welcome-author4-6.png');  } .f3851 {position: absolute;  top: 0px;  width: 327px;  } .f3852 {position: relative;  margin: 0px;  margin-bottom: 6px;  text-align: center;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3853 {position: relative;  margin: 0px;  text-align: center;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3854 {padding-top: 85px;  padding-bottom: 122px;  background-color: #E0F1F7;  background-position: center;  background-size: cover;  background-repeat: no-repeat;  } .f3855 {background-image: url('/img/bg/bg_welcome-author5.png');  } .f3856 {display: flex;  width: 100%;  justify-content: center;  text-align: center;  margin-bottom: 29px;  } .f3857 {display: flex;  width: 100%;  justify-content: center;  text-align: center;  margin: 0px;  margin-bottom: 38px;  color: #64748B;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f3858 {display: flex;  flex-wrap: wrap;  gap: 20px;  justify-content: space-between;  border-radius: 48px;  outline: 4px solid #2F86AA;  outline-offset: -4px;  padding: 40px 48px;  margin-bottom: 96px;  } .f3859 {display: flex;  flex: 1;  max-width: 190px;  min-width: 140px;  width: 100%;  justify-content: center;  padding-top: 116px;  background-position: center top 0;  background-size: 100px;  background-repeat: no-repeat;  } .f3860 {margin: 0px;  text-align: center;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3861 {background-image: url('/img/bg_welcome-author5-peoples.svg');  } .f3862 {background-image: url('/img/bg_welcome-author5-rocket.svg');  } .f3863 {background-image: url('/img/bg_welcome-author5-tree.svg');  } .f3864 {background-image: url('/img/bg_welcome-author5-wifi.svg');  } .f3865 {position: relative;  padding-left: 16px;  } .f3866 {position: absolute;  display: flex;  flex-direction: column;  justify-content: space-between;  gap: 20px;  max-height: 179px;  height: 100%;  max-width: 376px;  } .f3867 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f3868 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3869 {display: flex;  gap: 16px;  flex-wrap: wrap;  } .f3870 {display: flex;  flex-direction: column;  justify-content: flex-end;  gap: 12px;  max-width: 180px;  width: 100%;  min-width: 100px;  min-height: 200px;  padding: 20px;  border-radius: 24px;  word-break: break-all;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  background-color: #FFFFFF;  } .f3871 {height: 100px;  } .f3872 {min-width: 376px;  min-height: 165px;  } .f3873 {display: flex;  min-height: 35px;  align-items: flex-start;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3874 {padding-top: 128px;  padding-bottom: 127px;  background-color: #C2E3EF;  background-position: center;  background-size: cover;  background-repeat: no-repeat;  } .f3875 {background-image: url('/img/bg/bg_welcome-author6.svg');  } .f3876 {position: relative;  display: flex;  flex-wrap: wrap;  padding: 24px;  max-width: 980px;  gap: 20px;  justify-content: space-between;  border-radius: 32px;  overflow: hidden;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  } .f3877 {position: absolute;  inset: 0px;  opacity: 0.8;  background-color: #FFFFFF;  } .f3878 {position: relative;  flex: 1;  max-width: 504px;  min-width: 300px;  width: 100%;  } .f3879 {position: relative;  flex: 1;  max-width: 379px;  min-width: 350px;  width: 100%;  display: flex;  flex-direction: column;  justify-content: flex-end;  gap: 8px;  } .f3880 {margin-bottom: 16px;  } .f3881 {margin-bottom: 7px;  } .f3881:last-child {margin-bottom: 0px;  } .f3882 {} .f3883 {} .f3884 {list-style: none;  padding: 0px;  margin: 0px;  } .f3885 {background-color: #a0c3fd;  height: 24px;  z-index: 10;  position: fixed;  display: flex;  right: 0px;  border-bottom-left-radius: 10px;  padding: 2px 17px;  } .f3886 {position: fixed;  z-index: 990;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  background: #000000;  opacity: 0.7;  } .f3887 {position: fixed;  width: 80%;  background: #FF1A05;  height: 80%;  left: 50%;  margin-left: -40%;  z-index: 999;  margin-top: 3%;  color: #FFFFFF;  overflow: hidden;  } .f3888 {overflow-y: scroll;  padding: 24px;  height: 94%;  } .f3889 {font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  margin-bottom: 16px;  padding-left: 24px;  padding-top: 16px;  } .f3890 {margin-bottom: 24px;  } .f3891 {font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  margin-bottom: 10px;  } .f3892 {margin-bottom: 10px;  } .f3893 {width: 100%;  height: 120px;  background: none;  border: none;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  color: #FFFFFF;  } .f3894 {display: contents;  } .f3895 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f3895::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3895:hover {outline: 1px solid #DADFE7;  } .f3895:focus {outline: 1px solid #1D6591;  } .f3895:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f3895:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f3895:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f3896 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3897 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3897:focus {outline: 4px solid transparent;  } .f3897:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f3897:hover {background: #145585;  border: 2px solid #145585;  } .f3897:active {background: #0B4578;  border: 2px solid #0B4578;  } .f3897:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f3898 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3898:focus {outline: 4px solid transparent;  } .f3898:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3898:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3898:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3898:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3899 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3899:focus {outline: 4px solid transparent;  } .f3899:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3899:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3899:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3899:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3900 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  background-color: #FFFFFF;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3901:invalid {background-color: #f00;  } .f3902 {display: flex;  align-items: center;  height: 149px;  width: 100%;  margin-bottom: 8px;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f3902:focus-within {outline: 1px solid #1D6591;  } .f3903 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f3904 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f3905 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3906 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3907 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  width: 100%;  max-width: 720px;  gap: 24px;  border-radius: 16px;  margin-bottom: 40px;  padding: 24px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f3908 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3909 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3910 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f3911 {display: flex;  flex-direction: column;  } .f3912 {display: flex;  flex-direction: column;  width: 100%;  max-width: 720px;  margin-bottom: 40px;  } .f3912:last-child {margin-bottom: 0px;  } .f3913 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f3913:last-child {margin-bottom: 0px;  } .f3914 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3915 {margin-bottom: 8px;  } .f3916 {margin-bottom: 0px;  } .f3917 {display: flex;  flex-direction: column;  margin-bottom: 12px;  } .f3917:last-child {margin-bottom: 0px;  } .f3918 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f3919 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f3920 {height: 100%;  } .f3921 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f3922 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3923 {max-width: 320px;  width: 100%;  } .f3924 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f3925 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f3926 {background-image: url('/img/icon/icon_calendar-light-gray.svg');  } .f3927 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  gap: 16px;  } .f3928 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3929 {color: #FF4F3F;  } .f3930 {color: #F59E0B;  } .f3931 {margin-bottom: 16px;  } .f3932 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  align-items: center;  gap: 8px;  border-radius: 16px;  padding: 16px 16px 16px 24px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f3933 {} .f3934 {} .f3935 {} .f3936 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f3936::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3936:hover {outline: 1px solid #DADFE7;  } .f3936:focus {outline: 1px solid #1D6591;  } .f3936:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f3936:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f3936:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f3937 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3938 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3938:focus {outline: 4px solid transparent;  } .f3938:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f3938:hover {background: #145585;  border: 2px solid #145585;  } .f3938:active {background: #0B4578;  border: 2px solid #0B4578;  } .f3938:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f3939 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3939:focus {outline: 4px solid transparent;  } .f3939:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3939:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3939:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3939:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3940 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3941 {display: flex;  align-items: center;  height: 90px;  width: 100%;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f3941:focus-within {outline: 1px solid #1D6591;  } .f3942 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3943 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f3943:last-child {margin-bottom: 0px;  } .f3944 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f3945 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3946 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3947 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3948 {margin-bottom: 24px;  } .f3949 {display: flex;  padding-left: 44px;  min-height: 32px;  background-position: left 0 center;  background-size: 32px;  background-repeat: no-repeat;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3950 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f3951 {display: flex;  justify-content: space-between;  align-items: center;  } .f3952 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3953 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3954 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f3955 {display: flex;  flex-direction: column;  } .f3956 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f3956:last-child {margin-bottom: 0px;  } .f3957 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3958 {margin-bottom: 0px;  } .f3959 {margin-bottom: 8px;  } .f3960 {display: flex;  flex-direction: column;  } .f3961 {width: 140px;  } .f3962 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f3963 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f3964 {height: 100%;  } .f3965 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f3966 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3967 {display: flex;  flex-wrap: wrap;  max-width: 320px;  width: 100%;  } .f3968 {gap: 16px;  flex-direction: row;  flex-wrap: nowrap;  } .f3969 {align-items: flex-end;  } .f3970 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f3971 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f3972 {background-image: url('/img/icon/icon_calendar-light-gray.svg');  } .f3973 {display: flex;  justify-content: flex-start;  } .f3974 {margin-bottom: 16px;  } .f3940:invalid {background-color: #FFF6F5;  outline: 1px solid #FF4F3F;  } .f3975 {} .f3976 {} .f3977 {} .f3978 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f3978::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3978:hover {outline: 1px solid #DADFE7;  } .f3978:focus {outline: 1px solid #1D6591;  } .f3978:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f3978:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f3978:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f3979 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3980 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3980:focus {outline: 4px solid transparent;  } .f3980:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f3980:hover {background: #145585;  border: 2px solid #145585;  } .f3980:active {background: #0B4578;  border: 2px solid #0B4578;  } .f3980:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f3981 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3981:focus {outline: 4px solid transparent;  } .f3981:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3981:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3981:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3981:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3982 {display: flex;  flex-direction: column;  width: 100%;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f3983 {margin: 0px;  margin-bottom: 12px;  color: #FF4F3F;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3984 {margin: 0px;  margin-bottom: 12px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3985 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3985:focus {outline: 4px solid transparent;  } .f3985:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f3985:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f3985:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f3985:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f3986 {display: flex;  flex-direction: column;  width: 100%;  gap: 24px;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f3987 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3988 {display: flex;  justify-content: flex-start;  gap: 8px;  } .f3989 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3989:invalid {background-color: #FFF6F5;  outline: 1px solid #FF4F3F;  } .f3990 {display: flex;  align-items: center;  height: 90px;  width: 100%;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f3990:focus-within {outline: 1px solid #1D6591;  } .f3991 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3992 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f3992:last-child {margin-bottom: 0px;  } .f3993 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f3994 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3995 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3996 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3997 {margin-bottom: 24px;  } .f3998 {display: flex;  padding-left: 44px;  min-height: 32px;  background-position: left 0 center;  background-size: 32px;  background-repeat: no-repeat;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3999 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f4000 {display: flex;  justify-content: space-between;  align-items: center;  } .f4001 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4002 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4003 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f4004 {display: flex;  flex-direction: column;  } .f4005 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f4005:last-child {margin-bottom: 0px;  } .f4006 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4007 {margin-bottom: 0px;  } .f4008 {margin-bottom: 8px;  } .f4009 {display: flex;  flex-direction: column;  } .f4010 {width: 140px;  } .f4011 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f4012 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f4013 {height: 100%;  } .f4014 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f4015 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f4016 {display: flex;  flex-wrap: wrap;  max-width: 320px;  width: 100%;  } .f4017 {gap: 16px;  flex-direction: row;  flex-wrap: nowrap;  } .f4018 {align-items: flex-end;  } .f4019 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f4020 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f4021 {display: flex;  justify-content: flex-start;  } .f4022 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 24px;  width: 100%;  } .f4023 {display: flex;  align-items: center;  gap: 16px;  width: 100%;  } .f4024 {display: flex;  flex-direction: column;  gap: 4px;  width: calc(100% - 80px);  } .f4025 {position: relative;  display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 12px;  } .f4026 {position: absolute;  height: 100%;  } .f4027 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4028 {display: block;  overflow: hidden;  width: 100%;  text-overflow: ellipsis;  white-space: nowrap;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f4029 {background-color: #26759D;  background-repeat: no-repeat;  background-position: center;  background-size: contain;  background-image: url('/img/bg/card_paid_img02.svg');  } .f4030 {margin-bottom: 16px;  } .f4031 {} .f4032 {} .f4033 {} .f4034 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f4034::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f4034:hover {outline: 1px solid #DADFE7;  } .f4034:focus {outline: 1px solid #1D6591;  } .f4034:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f4034:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f4034:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f4035 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4036 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f4036:focus {outline: 4px solid transparent;  } .f4036:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f4036:hover {background: #145585;  border: 2px solid #145585;  } .f4036:active {background: #0B4578;  border: 2px solid #0B4578;  } .f4036:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f4037 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4037:focus {outline: 4px solid transparent;  } .f4037:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4037:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4037:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4037:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4038 {display: flex;  flex-direction: column;  width: 100%;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f4039 {margin: 0px;  margin-bottom: 12px;  color: #FF4F3F;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4040 {margin: 0px;  margin-bottom: 12px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4041 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f4041:focus {outline: 4px solid transparent;  } .f4041:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f4041:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f4041:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f4041:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f4042 {display: flex;  flex-direction: column;  width: 100%;  gap: 24px;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f4043 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4044 {display: flex;  justify-content: flex-start;  gap: 8px;  } .f4045 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f4046 {display: flex;  align-items: center;  height: 90px;  width: 100%;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f4046:focus-within {outline: 1px solid #1D6591;  } .f4047 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f4048 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f4048:last-child {margin-bottom: 0px;  } .f4049 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f4050 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f4051 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4052 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4053 {margin-bottom: 24px;  } .f4054 {display: flex;  padding-left: 44px;  min-height: 32px;  background-position: left 0 center;  background-size: 32px;  background-repeat: no-repeat;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4055 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f4056 {display: flex;  justify-content: space-between;  align-items: center;  } .f4057 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4058 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4059 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f4060 {display: flex;  flex-direction: column;  } .f4061 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f4061:last-child {margin-bottom: 0px;  } .f4062 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4063 {margin-bottom: 0px;  } .f4064 {margin-bottom: 8px;  } .f4065 {display: flex;  flex-direction: column;  } .f4066 {width: 140px;  } .f4067 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f4068 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f4069 {height: 100%;  } .f4070 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f4071 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f4072 {display: flex;  flex-wrap: wrap;  max-width: 320px;  width: 100%;  } .f4073 {gap: 16px;  flex-direction: row;  flex-wrap: nowrap;  } .f4074 {align-items: flex-end;  } .f4075 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f4076 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f4077 {background-image: url('/img/icon/icon_calendar-light-gray.svg');  } .f4078 {display: flex;  justify-content: flex-start;  } .f4079 {margin-bottom: 16px;  } .f4045:invalid {background-color: #FFF6F5;  outline: 1px solid #FF4F3F;  } .f4080 {} .f4081 {} .f4082 {} .f4083 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f4083::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f4083:hover {outline: 1px solid #DADFE7;  } .f4083:focus {outline: 1px solid #1D6591;  } .f4083:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f4083:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f4083:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f4084 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4085 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f4085:focus {outline: 4px solid transparent;  } .f4085:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f4085:hover {background: #145585;  border: 2px solid #145585;  } .f4085:active {background: #0B4578;  border: 2px solid #0B4578;  } .f4085:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f4086 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4086:focus {outline: 4px solid transparent;  } .f4086:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4086:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4086:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4086:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4087 {display: flex;  flex-direction: column;  width: 100%;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f4088 {margin: 0px;  margin-bottom: 12px;  color: #FF4F3F;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4089 {margin: 0px;  margin-bottom: 12px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4090 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f4090:focus {outline: 4px solid transparent;  } .f4090:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f4090:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f4090:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f4090:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f4091 {display: flex;  flex-direction: column;  width: 100%;  gap: 24px;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f4092 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4093 {display: flex;  justify-content: flex-start;  gap: 8px;  } .f4094 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f4095 {display: flex;  align-items: center;  height: 90px;  width: 100%;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f4095:focus-within {outline: 1px solid #1D6591;  } .f4096 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f4097 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f4097:last-child {margin-bottom: 0px;  } .f4098 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f4099 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f4100 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4101 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4102 {margin-bottom: 24px;  } .f4103 {display: flex;  padding-left: 44px;  min-height: 32px;  background-position: left 0 center;  background-size: 32px;  background-repeat: no-repeat;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4104 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f4105 {display: flex;  justify-content: space-between;  align-items: center;  } .f4106 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4107 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4108 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f4109 {display: flex;  flex-direction: column;  } .f4110 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f4110:last-child {margin-bottom: 0px;  } .f4111 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4112 {margin-bottom: 0px;  } .f4113 {margin-bottom: 8px;  } .f4114 {display: flex;  flex-direction: column;  } .f4115 {width: 140px;  } .f4116 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f4117 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f4118 {height: 100%;  } .f4119 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f4120 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f4121 {display: flex;  flex-wrap: wrap;  max-width: 320px;  width: 100%;  } .f4122 {gap: 16px;  flex-direction: row;  flex-wrap: nowrap;  } .f4123 {align-items: flex-end;  } .f4124 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f4125 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f4126 {background-image: url('/img/icon/icon_calendar-light-gray.svg');  } .f4127 {display: flex;  justify-content: flex-start;  } .f4128 {margin-bottom: 16px;  } .f4129 {} .f4130 {} .f4131 {} @font-face {
	font-family: 'Manrope'; 
    font-style: normal;
    font-weight: 300;
	src: local('Manrope'),
		url(../fonts/Manrope-Light.ttf); 
}

@font-face {
	font-family: 'Manrope'; 
    font-style: normal;
    font-weight: 400;
	src: local('Manrope'),
		url(../fonts/Manrope-Regular.ttf); 
}

@font-face {
	font-family: 'Manrope'; 
    font-style: normal;
    font-weight: 500;
	src: local('Manrope'),
		url(../fonts/Manrope-Medium.ttf); 
}

@font-face {
	font-family: 'Manrope'; 
    font-style: normal;
    font-weight: 600;
	src: local('Manrope'),
		url(../fonts/Manrope-SemiBold.ttf); 
}

@font-face {
	font-family: 'Manrope'; 
    font-style: normal;
    font-weight: 700;
	src: local('Manrope'),
		url(../fonts/Manrope-Bold.ttf); 
}

/* .wrapper-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0 auto;
} */

body * {
    box-sizing: border-box;
}

.body {
    margin: 0px;
    background-color: #F8FCFF;
}

.body::-webkit-scrollbar {
    width: 6px;
}


.body::-webkit-scrollbar-track {
    background: transparent;
}
.body::-webkit-scrollbar-thumb {
    background-color: #CFD7E3 ;
    border: 3px solid #CFD7E3;
}

.body, .header, .footer {
    font-family: Manrope;
    min-width: 320px;
}

/* Стиль скроллбара */
.scrollBar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.scrollBar::-webkit-scrollbar-track {
    background: transparent;
}
.scrollBar::-webkit-scrollbar-thumb {
    background-color: #CFD7E3 ;
    border: 3px solid #CFD7E3;
}

/* Начало стиль чекбокса */
.checkbox {
    display: flex;
    position: relative;
    /* flex-direction: column; */
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.checkboxInput[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    appearance: none;
}

.checkboxText {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
}

.checkbox .checkboxText::before {
    content: "";
    display: inline-block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 12px;
    border-radius: 8px;
    border: 2px solid #CFD7E3;
    outline: 5px solid transparent;
    outline-offset: -1px;
    background-color: #fff;
    transition: border-color 0.3s ease-in-out, outline 0.3s ease-in-out;
}
  
.checkboxInput:focus-visible + .checkboxText::before {
    outline: 5px solid #A0B7F8;
}
    
.checkbox:hover .checkboxText::before {
    outline: 5px solid transparent;
    border: 2px solid #09B96A;
}

.checkbox .checkboxText::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    opacity: 1;
    border-radius: 8px;
    border: 2px solid #00CE70;
    background-color: #00CE70;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/img/icon/icon_check-white.svg');
    transition: opacity 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.checkbox:hover .checkboxText::after {
    border: 2px solid #09B96A;
    background-color: #09B96A;
}
  
.checkbox .checkboxInput[type="checkbox"]:not(:checked) + .checkboxText::after {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


/* Добавляется класс .checkboxGroup в тег <p>, для изменения картинки галочки на минус  */
.checkbox .checkboxGroup::after {
    background-image: url('/img/icon/icon_check-group-white.svg');
}

/* Добавляется класс .checkboxDisabled в тег <p>, для состояния disabled */
.checkboxDisabled {
    color: #91A0B6;
}

.checkbox .checkboxDisabled::before {
    border: 2px solid #B0BDCE;
    background-color: #EBEFF6;
}

.checkbox .checkboxDisabled::after {
    border: 2px solid #91A0B6;
    background-color: #91A0B6;
}

.checkboxInput:focus-visible + .checkboxDisabled::before {
    outline: 5px solid transparent;
}

.checkbox:hover .checkboxDisabled::before {
    border: 2px solid #B0BDCE;
    background-color: #EBEFF6;
}
.checkbox:hover .checkboxDisabled::after {
    border: 2px solid #91A0B6;
    background-color: #91A0B6;
}
/* Конец стиль чекбокса */



/* Начало стиль Радиокнопки */
.checkRadio {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

.checkRadioInput[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    appearance: none;
}

.checkRadioText {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
}

.checkRadio .checkRadioText::before {
    content: "";
    display: inline-block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 12px;
    border-radius: 50%;
    border: 2px solid #CFD7E3;
    outline: 5px solid transparent;
    outline-offset: -1px;
    background-color: #fff;
    transition: border-color 0.3s ease-in-out, outline 0.3s ease-in-out;
}
  
.checkRadioInput:focus-visible + .checkRadioText::before {
    outline: 5px solid #A0B7F8;
}
    
.checkRadio:hover .checkRadioText::before {
    outline: 5px solid transparent;
    border: 2px solid #09B96A;
}

.checkRadio .checkRadioText::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 12px;
    height: 12px;
    opacity: 1;
    border-radius: 50%;
    border: 8px solid #00CE70;
    transition: opacity 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.checkRadio:hover .checkRadioText::after {
    border: 8px solid #00CE70;
}
  
.checkRadio .checkRadioInput[type="radio"]:not(:checked) + .checkRadioText::after {
    opacity: 0;
}

/* Добавляется класс .checkRadioDisable в тег <p>, для состояния disabled */
.checkRadioDisable {
    color: #91A0B6;
}

.checkRadio .checkRadioDisable::before {
    border: 2px solid #B0BDCE;
    background-color: #EBEFF6;
}

.checkRadio .checkRadioDisable::after {
    border: 8px solid #B0BDCE;
}

.checkRadioInput:focus + .checkRadioDisable::before {
    outline: 5px solid transparent;
}

.checkRadio:hover .checkRadioDisable::before {
    border: 2px solid #B0BDCE;
    background-color: #EBEFF6;
}

.checkRadio:hover .checkRadioDisable::after {
    border: 8px solid #B0BDCE;
}
/* Конец стиль Радиокнопки */


/* Начало стиля переключатель toggle */
.checkToggle {
    position: relative;
    display: flex;
    cursor: pointer;
}

.checkToggleInput {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    appearance: none;
}

.checkToggleText {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.checkToggleText::before {
    content: "";
    display: block;
    width: 52px;
    min-width: 52px;
    height: 28px;
    border-radius: 99px;
    outline: 4px solid transparent;
    background-color: #B0BDCE;
    transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;
}

.checkToggleText::after {
    content: "";
    position: absolute;
    left: 3px;
    /* top: 50%; */
    /* top: 2.7px; */
    display: block;
    width: 22px;
    min-width: 22px;
    height: 22px;
    border-radius: 99px;
    background-color: #fff;
    /* transform: translate(0, -50%); */
    transition: background-color 0.4s ease-in-out, left 0.4s ease-in-out;
}

.checkToggleInput:checked + .checkToggleText::before {
    background-color: #00CE70;
}

.checkToggleInput:checked + .checkToggleText::after {
    left: 27px;
}

.checkToggleInput:focus-visible + .checkToggleText::before {
    outline: 4px solid #A0B7F8;
}

.checkToggle:hover .checkToggleInput[type="checkbox"]:checked + .checkToggleText::before {
    background-color: #09B96A;
}

/* Добавляется класс .checkToggleDisable в тег <p>, для состояния disabled */
.checkToggleDisable {
    color: #91A0B6;
}

.checkToggleDisable::before {
    background-color: #91A0B6;
}
.checkToggleDisable::after {
    background-color: #EBEFF6;
}

.checkToggleInput[type="checkbox"]:checked + .checkToggleDisable::before {
    background-color: #91A0B6;
}

.checkToggleInput:focus + .checkToggleDisable::before {
    outline: 4px solid transparent;
}

.checkToggle:hover .checkToggleDisable::before {
    background-color: #91A0B6;
}

.checkToggle:hover .checkToggleDisable::after {
    background-color: #EBEFF6;
}

.checkToggle:hover .checkToggleInput[type="checkbox"]:checked + .checkToggleDisable::before {
    background-color: #91A0B6;
}
/* Конец стиля переключатель toggle */


/* анимация заливки для дублируемого или добавляемого урока в шаблонах меню справа */
@keyframes colorChange {
    0% {
      background-color: #F8FCFF;
    }
    50% {
      background-color: #EBF0FE;
    }
    100% {
      background-color: #F8FCFF;
    }
}

[contenteditable]:empty:after {
    content: attr(placeholder);
    color:#B0BDCE;
}

.ediv:empty:after {
    content: attr(placeholder);
    color:#B0BDCE;
}


/* Анимация фона для нового комментария, затухание цвета */
.newCommentAnimation::before {
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    display: block;
    background: #E1FAEE;
    border-radius: 16px;
    opacity: 0;
    animation: opacity 2s 1 linear;
}

@keyframes opacity {
    0%   { opacity: 0; }
    20%   { opacity: 1; }
    100%  { opacity: 0; }
}

@keyframes scaleAnim {
    0%   { transform: scale(1); }
    20%   { transform: scale(1.7); }
    100%  { transform: scale(1); }
}

.debugBlock {
    display: contents;
}

/* Базовые стили скелетона */
.skeleton-preloader.enhanced {
  width: 100%;
  padding: 24px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
}

/* Эффект наложения поверх */
.skeleton-preloader.enhanced::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.8) 40%,
    rgba(255, 255, 255, 0.9) 60%,
    transparent 100%
  );
  transform: translateX(-100%);
  animation: shine 1.6s ease-in-out infinite;
  z-index: 1;
}

/* Линии скелетона */
.skeleton-line {
  width: 100%;
  background: linear-gradient(
    90deg,
    #f0f0f0 0%,
    #e8e8e8 25%,
    #f0f0f0 50%,
    #e8e8e8 75%,
    #f0f0f0 100%
  );
  background-size: 400% 100%;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  animation: gradient-move 2.5s ease-in-out infinite;

}

.skeleton-line::after {
    content: "|";
    opacity: 0;
}

/* Вариации линий */
.skeleton-line.header {
  height: 32px;
  width: 60%;
  background: linear-gradient(
    90deg,
    #e0e0e0 0%,
    #d0d0d0 25%,
    #e0e0e0 50%,
    #d0d0d0 75%,
    #e0e0e0 100%
  );
  background-size: 400% 100%;
  animation: gradient-move 2s ease-in-out infinite;
}

.skeleton-line.medium {
  width: 85%;
}

.skeleton-line.short {
  width: 70%;
}

/* Эффект пульсации для всей карточки */
.skeleton-preloader.enhanced {
  animation: skeleton-pulse 2s ease-in-out infinite;
}

/* Анимация градиента */
@keyframes gradient-move {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* Анимация блика (shine effect) */
@keyframes shine {
  0% {
    transform: translateX(-100%);
  }
  20%, 100% {
    transform: translateX(100%);
  }
}

/* Общая пульсация */
@keyframes skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.95;
  }
}

/* Создаем небольшую задержку для каждой линии */
.skeleton-line:nth-child(1) { animation-delay: 0.1s; }
.skeleton-line:nth-child(2) { animation-delay: 0.2s; }
.skeleton-line:nth-child(3) { animation-delay: 0.3s; }
.skeleton-line:nth-child(4) { animation-delay: 0.4s; }
.skeleton-line:nth-child(5) { animation-delay: 0.5s; }
.skeleton-line:nth-child(6) { animation-delay: 0.6s; }

/* Для более плавного появления контента */
.content {
  animation: content-fade 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes content-fade {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

 /*!
  Theme: Default
  Description: Original highlight.js style
  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
  Maintainer: @highlightjs/core-team
  Website: https://highlightjs.org/
  License: see project LICENSE
  Touched: 2021
*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f0f0f0;color:#444}.hljs-comment{color:#888}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#bc6060}.hljs-literal{color:#78a960}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}

 @media screen and (max-width: 979px) {
    .cookieContain {
        max-width: none;
        bottom: 0;
        right: 0;
        left: 0;
        border-radius: 0;
    }
} @media screen and (max-width: 979px) and (min-width: 576px) {
    .authorCardContainer {
        flex-direction: row;
        height: 235px;
        padding: 12px;
    }

    .authorCardImgContainer {
        height: 100%;
        width: 284px;
        min-width: 284px;
        padding-top: 0;
    }

    .authorCardContent {
        padding: 0;
    }
} @media screen and (max-width: 979px) {
    .authBtnStyle {
        display: none;
    }
} @media screen and (max-width: 1079px) {
    .authRightBlock {
        padding: 20px;
    }

    .authButtonGreen {
        font-size: 1.2rem;
    }

    .authButtonWhite {
        font-size: 1.2rem;
    }

    .authInputNumber {
        font-size: 1.2rem;
    }

  } @media screen and (max-width: 1079px) {
    .authRightBlock {
        padding: 20px;
    }

    .authButtonGreen {
        font-size: 1.2rem;
    }

    .authButtonWhite {
        font-size: 1.2rem;
    }

    .authInputNumber {
        font-size: 1.2rem;
    }

  } @media screen and (max-width: 576px) {
    .authButtonGreen {
        font-size: 1.2rem;
    }

    .authButtonWhite {
        font-size: 1.2rem;
    }

    .authInputNumber {
        font-size: 1.2rem;
    }

  } @media screen and (max-width: 979px) {
    .authorArticleCards {
        grid-template-columns: repeat(1, 1fr);
    }
} @media screen and (max-width: 979px) {
    .authorCards {
        grid-template-columns: repeat(1, 1fr);
        gap: 8px;
        padding: 0 16px;
    }
}
 /* @media screen and (max-width: 1079px) {
    
    .banner-promo {
        flex-direction: column;
        align-items: flex-start;

        margin: 0px 20px 40px;
        padding: 26px 20px;
        border-radius: 40px;
    }

    .banner-promo-contain {
        margin: 40px 0px 0px;
    }

    .promo-contain-img {
        margin: auto;
    }

    .banner-promo-title {
        font-size: 1.5rem;
    }

    .banner-promo-text {
        font-size: large;
    }
  } */
 @media screen and (max-width: 1199px) {
    .audioUploadContainer {
        min-height: 64px;
        margin-bottom: 16px;
        padding: 10px 16px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
        background-image: none;
    }

    .lessonBlockAudioMobile {
        display: block;
    }

    /* .lessonBlockAudioMobile:focus {
        pointer-events: none;
    } */
    
    /* .audioUploadBtnDelete {
        display: block;
    }
    
    .audioUploadContainer:focus-within {
        outline: 4px solid #CCD8FA;
    }
    
    .audioUploadContainer:focus-within > .lessonBlockAudioMobile {
        pointer-events: none;
    }

    .audioUploadContainerText {
        font-size: 17px;
        line-height: 23px;
    }

    .mediaBlockAudioBtnPlay {
        width: 30px;
        min-width: 30px;
    } */

    /* .mediaBlockAudioBtnPlay:focus + .lessonBlockAudioMobile {
        pointer-events: none;
    }

    .lessonBlockAudioline:focus + .lessonBlockAudioMobile {
        pointer-events: none;
    }

    .mediaBlockAudioBtnSound:focus + .lessonBlockAudioMobile {
        pointer-events: none;
    } */

    .mediaBlockAudioBtnSound {
        width: 30px;
        min-width: 30px;
    }
} @media screen and (max-width: 1199px) {
    .containerCodeMediaBlock {
        font-size: 17px;
        line-height: 23px;
    }

    .codePreContainer {
        padding: 16px 20px;
        margin-bottom: 16px;
    }
} @media screen and (max-width: 1199px) {
    .fileUploadContainer {
        margin-bottom: 16px;
        min-height: 64px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
        background-image: none;
    }

    .fileUploadNoneFile {
        padding: 10px 16px;
    }
    
    .fileUploadBtnDelete {
        display: block;
    }

    .fileUploadContainer:focus {
        outline: 4px solid #CCD8FA;
    }

    .lessonBlockFileLink {
        min-height: 64px;
        padding: 18px 16px;
        background-image: none;
        /* pointer-events: none; */
    }

    .lessonBlockFileMobile {
        display: block;
    }

    /* .lessonBlockFileMobile:focus {
        width: 1px;
        height: 1px;
    }

    .lessonBlockFileLink:focus + .lessonBlockFileMobile {
        width: 1px;
        height: 1px;
    } */
    
    .lessonBlockFileMobile:focus {
        outline: 4px solid #CCD8FA;
    }

    .fileUploadOutlineWeb:focus-within {
        outline: 4px solid #CCD8FA;
    }

    .fileUploadContainerText {
        width: calc(100% - 32px);
        font-size: 17px;
        line-height: 23px;
    }

    .lessonBlcokFileLeft {
        height: 23px;
    }
} @media screen and (max-width: 1199px) {
    .mediablockH1 {
        margin-top: 0;
        margin-bottom: 16px;
        font-size: 29px;
        line-height: 33px;
    }
} @media screen and (max-width: 1199px) {
    .mediablockH2 {
        margin-top: 0;
        margin-bottom: 16px;
        font-size: 24px;
        line-height: 27px;
    }
} @media screen and (max-width: 1199px) {
    .mediablockH3 {
        margin-top: 0;
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 23px;
    }
} @media screen and (max-width: 1199px) {
    .mediablockHL {
        margin-bottom: 16px;
        min-height: 64px;
        padding: 16px 20px;
        border: 2px solid #DFE4EC;
        box-shadow: none;
    }

    .lessonBlockHL {
        min-height: auto;
        font-size: 17px;
        line-height: 23px;
    }
} @media screen and (max-width: 576px) {
    .mediablockHTML {
        font-size: 1em;
        margin-bottom: 8px;
        line-height: normal;
    }
} @media screen and (max-width: 1199px) {
    .containerListMediaBlock {
        font-size: 17px;
        line-height: 23px;
    }

    .mediaBlockListMarker {
        font-size: 17px;
        line-height: 23px; 
    }

    .mediaBlockListMarker::before {
        font-size: 17px;
        line-height: 23px; 
    }
} @media screen and (max-width: 1199px) {
    .uploadBtnDelete {
        display: block;
    }

    .uploadImgBg {
        display: none;
    }
} @media screen and (max-width: 1199px) {
    .pdfUploadContainer {
        margin-bottom: 16px;
        min-height: 64px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
        background-image: none;
    }

    .pdfUploadContainerPadding {
        padding: 10px 16px;
    }
    
    .pdfUploadBtnDelete {
        display: block;
    }

    .pdfUploadContainer:focus {
        outline: 4px solid #CCD8FA;
    }

    .lessonBlockPDFLink {
        background-image: none;
    }

    .lessonBlockPDFLink:focus {
        outline: 4px solid #CCD8FA;
    }
    
    .lessonBlockPDFMobile {
        display: block;
    }

    .pdfUploadContainerText {
        width: calc(100% - 64px);
        font-size: 17px;
        line-height: 23px;
    }
    
    .lessonBlcokPDFLeft {
        min-height: 64px;
        padding: 10px 16px;
        background-position: top 50% left 16px;
    }
} /* Действющий медиазапрос находится в imageCropper */

/* @media screen and (max-width: 1199px) {
    .photoUploadContainerText {
        margin: 0;
        overflow: hidden;
        padding-right: 0px;
        width: calc(100% - 70px);
        font-size: 17px;
        line-height: 23px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .photoUploadContainer {
        margin-bottom: 16px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
    }

    .mediablockPhotoBtnMain, .mediablockPhotoBtnContainer {
        flex-direction: column;
    }

    .cropper-canvas,
    .cropper-crop-box,
    .cropper-drag-box,
    .cropper-modal,
    .cropper-wrap-box,
    .imgCroppermainImgContainer {
        height: 300px;
        max-height: 300px;
    }

    .imgCropperList {
        flex-direction: row;
    }

    .containerMediaPhoto {
        margin-bottom: 16px;
    }
} */  @media screen and (max-width: 1199px) {
    .containerTextMediaBlock {
        font-size: 17px;
        line-height: 23px;
    }
} @media screen and (max-width: 1199px) {
    .videoUpload {
        overflow: hidden;
        margin-bottom: 16px;
    }

    .lessonBlockVideoMobile {
        display: block;
    }

    .containerImgEmpty::before {
        width: 0;
        height: 0;
    }

    .containerImgEmpty {
        min-height: auto;
    }
    
    .videoUploadContainer {
        border: 1px solid #DFE4EC;
        box-shadow: none;
        min-height: 64px;
        padding: 10px 16px;
        background-image: none;
    }

    .videoUploadBtnDelete {
        display: block;
    }

    .mediablockVideoBuilder {
        position: relative;
        /* padding-top: 62.5%; */
        width: 100%;
        max-width: none;
        min-height: auto;
    }

    .mediablockVideoBuilder:focus-within {
        outline: 4px solid #CCD8FA;
    }

    .mediablockVideoBuilderImg {
        padding-top: 62.5%;
    }

    .mediablockVideoPlay {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .mediablockVideoPlay:focus-visible {
        outline: none;
    }

    .mediablockVideoImg {
        position: absolute;
        top: 50%;
        width: 100%;
        max-width: none;
        transform: translateY(-50%);
    }

    .containerImgInvis {
        display: none;
    }
} button,
hr,
input {
    overflow: visible
}

audio,
canvas,
progress,
video {
    display: inline-block
}

progress,
sub,
sup {
    vertical-align: baseline
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

menu,
article,
aside,
details,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {}

button,
select {
    text-transform: none
}

[type=submit],
[type=reset],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

.cropper-container {
    font-size: 0;
    line-height: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    direction: ltr !important
}

.cropper-container img {
    display: block;
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
    height: 100%;
    min-height: 0 !important;
    /* max-height: none !important; */
    image-orientation: 0deg !important
}

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
    position: absolute;
    width: 100%;
    height: 450px;
    max-height: 450px;
}

.cropper-wrap-box {
    overflow: hidden
}

.cropper-drag-box {
    opacity: 0;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.cropper-dashed,
.cropper-modal {
    opacity: .5;
    filter: alpha(opacity=50)
}

.cropper-modal {
    background-color: #000
}

.cropper-view-box {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: #39f solid 1px;
    outline-color: rgba(51, 153, 255, .75)
}

.cropper-dashed {
    position: absolute;
    display: block;
    border: 0 dashed #eee
}

.cropper-dashed.dashed-h {
    top: 33.33333%;
    left: 0;
    width: 100%;
    height: 33.33333%;
    border-top-width: 1px;
    border-bottom-width: 1px
}

.cropper-dashed.dashed-v {
    top: 0;
    left: 33.33333%;
    width: 33.33333%;
    height: 100%;
    border-right-width: 1px;
    border-left-width: 1px
}

.cropper-center {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    opacity: .75;
    filter: alpha(opacity=75)
}

.cropper-center:after,
.cropper-center:before {
    position: absolute;
    display: block;
    content: ' ';
    background-color: #eee
}

.cropper-center:before {
    top: 0;
    left: -3px;
    width: 7px;
    height: 1px
}

.cropper-center:after {
    top: -3px;
    left: 0;
    width: 1px;
    height: 7px
}

.cropper-face,
.cropper-line,
.cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .1;
    filter: alpha(opacity=10)
}

.cropper-face {
    top: 0;
    left: 0;
    background-color: #fff;
}

.cropper-line,
.cropper-point {
    background-color: #09B96A;
}

.cropper-line.line-e {
    top: 0;
    right: -3px;
    width: 5px;
    cursor: e-resize
}

.cropper-line.line-n {
    top: -3px;
    left: 0;
    height: 5px;
    cursor: n-resize
}

.cropper-line.line-w {
    top: 0;
    left: -3px;
    width: 5px;
    cursor: w-resize
}

.cropper-line.line-s {
    bottom: -3px;
    left: 0;
    height: 5px;
    cursor: s-resize
}

.cropper-point {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    opacity: .75;
    filter: alpha(opacity=75)
}

.cropper-point.point-e {
    top: 50%;
    right: -3px;
    margin-top: -3px;
    cursor: e-resize
}

.cropper-point.point-n {
    top: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize
}

.cropper-point.point-w {
    top: 50%;
    left: -3px;
    margin-top: -3px;
    cursor: w-resize
}

.cropper-point.point-s {
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: s-resize
}

.cropper-point.point-ne {
    top: -3px;
    right: -3px;
    cursor: ne-resize
}

.cropper-point.point-nw {
    top: -3px;
    left: -3px;
    cursor: nw-resize
}

.cropper-point.point-sw {
    bottom: -3px;
    left: -3px;
    cursor: sw-resize
}

.cropper-point.point-se {
    right: -3px;
    bottom: -3px;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    cursor: se-resize;
    opacity: 1;
    filter: alpha(opacity=100)
}

.cropper-point.point-se:before {
    position: absolute;
    right: -50%;
    bottom: -50%;
    display: block;
    width: 200%;
    height: 200%;
    content: ' ';
    opacity: 0;
    background-color: #39f;
    filter: alpha(opacity=0)
}

.cropper-invisible {
    opacity: 0;
    filter: alpha(opacity=0)
}

.cropper-bg {
    background-image: url('/img/bg/bg-chess.png')
}

.cropper-hide {
    position: absolute;
    display: block;
    width: 0;
    height: 0
}

.cropper-hidden {
    display: none !important
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed
}

@media (max-width:1024px) {
    .imgCroppermain {
        flex-direction: column;
    }

    .imgCropperActions {
        width: 100%;
    }

    .imgCropperList {
        flex-direction: column;
    }

    .imgCroppermainImgContainer {
        width: 100%;
    }
}

/* @media (max-width:503px) {
    .imgCropperList {
        flex-direction: row;
    }
} */

@media screen and (max-width: 1199px) {
    .photoUploadContainerText {
        margin: 0;
        overflow: hidden;
        padding-right: 0px;
        width: calc(100% - 70px);
        font-size: 17px;
        line-height: 23px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .lessonBlockPhotoMobile {
        display: block;
    }
    .photoUploadBtnDelete {
        display: block;
    }

    .photoUploadContainer {
        min-height: 64px;
        margin-bottom: 16px;
        padding: 10px 16px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
        background-image: none;
    }

    .mediablockPhotoBtnMain, .mediablockPhotoBtnContainer {
        flex-direction: column;
    }

    .cropper-canvas,
    .cropper-crop-box,
    .cropper-drag-box,
    .cropper-modal,
    .cropper-wrap-box,
    .imgCroppermainImgContainer {
        height: 300px;
        max-height: 300px;
    }

    .imgCropperList {
        flex-direction: row;
    }

    .containerMediaPhoto {
        margin-bottom: 16px;
    }

    .containerMediaPhoto:focus-within {
        outline: 4px solid #CCD8FA;
    }

    .lessonBlockImgConitainer:focus-within {
        outline: 4px solid #CCD8FA;
    }
}
 @media screen and (max-width: 1279px) {
    
    .lessonAside {
        left: -360px;
    }
}

@media screen and (max-width: 979px) {
    .lessonAsidShowText {
        display: block;
    }
    
    .lessonAside {
        left: -1000px;
        width: 100%;
    }

    .lessonAsidShowContainer {
        display: none;
        max-width: 100%;
        left: 0;
    }

    .lessonAsidShow {
        margin-top: -26px;
        padding: 16px;
        background-color: #F8FCFF;
        width: 100vw;
    }
}
 @media screen and (max-width: 979px) {
  .presentMain {
    padding: 20px;
    padding-top: 0;
  }

  .presentTitle {
    margin-bottom: 20px;
  }

  .presentMainText {
    margin-bottom: 20px;
  }
  
    .presentSection {
      padding-bottom: 20px;
    }

  .presentHeader {
    padding: 0 20px;
    padding-right: 10px;
  }

  .presentContainer {
    flex-direction: column;
  }

  .presentSectionBtn {
    align-items: inherit;
  }
} @media screen and (max-width: 570px) {
    .buyCongContain {
      padding: 20px;
    }

    .presentEndBtnGreen {
      font-size: 1.5em;
    }
    
    .buyCongTitle {
      font-size: 1.5em;
    }

    .buyCongCloseBtn {
      height: 40px;
      width: 40px;
      min-width: 40px;
    }

    .buyCongCard {
      flex-direction: column;
      max-width: 100%;
      height: auto;
      padding: 12px 12px 24px 12px;
    }

    .congCardContainImg {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      height: 160px;
      margin-bottom: 10px;
    }
    
    .congCardScore {
      left: auto;
      top: 150px;
      right: 24px;
    }

    .congCardInformationContain {
      padding: 0px 12px;
    }

    .congCardBottom {
      left: 24px;
    }

    .buyCongTitle {
      font-size: 2em;
    }
  } @media screen and (max-width: 979px) {
    .menu-item {
        min-width: 120px;
    }

    .menuTitle, .menuText {
        padding: 0 20px;
        margin-bottom: 40px;
    }

    .menu {
        height: 160px;
        max-width: none;
        padding-left: 24px;
        flex-wrap: nowrap;
        overflow-y: auto;
    }

    .menu::-webkit-scrollbar {
        display: none;
    }
} /* @media screen and (max-width: 1079px) {
    
} */
 @media screen and (max-width: 979px) {
    .ourse-card {
        display: flex;
        flex-direction: row;
        max-width: none;
        height: 211px;
        padding: 12px;
    }

    .card-contain-img {
        width: 318px;
        min-width: 318px;
        height: auto;
        padding-top: 0;
        margin-bottom: 0;
    }

    .card-information-contain {
        padding: 0 0 0 16px;
    }

    .card-bottom {
        left: 346px;
    }

    .card-score {
        right: auto;
        top: 20px;
        left: 190px;
    }
}

@media screen and (max-width: 575px) {
    .ourse-card {
        display: block;
        /* max-width: 308px; */
        height: auto;
        padding: 12px 12px 24px 12px;
    }

    .card-contain-img {
        width: auto;
        min-width: auto;
        max-width: 100%;
        /* height: 160px; */
        padding-top: 62.5%;
        margin-bottom: 10px;
    }

    .card-information-contain {
        padding: 0px 12px;
    }

    .card-bottom {
        left: 24px;
    }

    .card-score {
        right: 24px;
        top: 150px;
        left: auto;
    }
} @media screen and (max-width: 1079px) {
    
    .reviews-contain{
        flex-direction: column;
        margin: 0px 20px 40px;
        padding: 26px 20px;
        border-radius: 40px;
    }

    .reviews-title-contain {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .reviews-title {
        font-size: revert;
    }

    .review-list {
        margin-top: 30px;
    }
    
    .review-unwrap {
        font-size: 1.2rem;
    }

  } @media screen and (max-width: 979px) {
    .download-position {
        display: none;
        /* padding-left: 0;
        margin-bottom: 0;
        bottom: 0;
        right: 0;
        left: 0;
        display: none;
        width: 100%; */
    }

    /* .banner-download-text {
        margin-right: 24px;
    }

    .contain-stores {
        flex-wrap: wrap;
    }

    .banner-download-app {
        width: 100%;
        margin: 0;
        border-radius: 0;
    } */
  } @media screen and (max-width: 979px) {
    
    .footer-right {
        flex-wrap: wrap;
    }

    .footer-top {
        flex-wrap: wrap;
    }

    .contain-stores {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 720px) {
    .footer {
        z-index: 1;
    }
}
 @media screen and (max-width: 1079px) {
    /* .headerSearch {
        max-width: 131px;
    } */
}

@media screen and (max-width: 979px) {
    .descripHeader {
        padding: 0 24px;
    }

    .headerSearch {
        max-width: 131px;
    }
    
    .headerMain {
        padding: 0 24px;
        height: 64px;
    }

    .headerContainer {
        justify-content: space-between;

    }

    .logoLink {
        margin-right: 0;
        width: 82px;
    }

    .headerLinks {
        display: none;
    }

    .headerMenu {
        display: flex;
    }

    .headerSearch {
        display: none;
    }
  }
 @media screen and (max-width: 1079px) {
    .descripHeaderSearch {
        max-width: 131px;
    }
}

@media screen and (max-width: 979px) {
    .descripHeaderContainer {
        justify-content: space-between;
    }

    .descriplogoLink {
        margin-right: 0;
        width: 82px;
    }

    .descripHeaderLinks {
        display: none;
    }

    .descripHeaderMenu {
        display: flex;
    }

    .descripHeaderSearch {
        display: none;
    }
  }
 @media screen and (max-width: 520px) {
    .commentInList {
        grid-template-columns: repeat(2, 1fr);
    }
} @media screen and (max-width: 1199px) {
    .ArticleAside {
        left: -360px;
    }

    .articlesMainLeftPadding {
        display: none;
    }

    .ArticleAsidePadding1280 {
        width: 64px;
    }
}

@media screen and (max-width: 979px) {
    .ArticleAsidePadding1280 {
        width: 0;
    }

    .articleAsideShowContainer {
        position: relative;
        top: 24px;
    }

    .ArticleAsideTopSpace {
        display: none;
    }

    .articlesContent {
        flex-direction: column;
    }

    .articleAsideShowText {
        display: inline-block;
        white-space: nowrap;
    }

    .articlesMainLeftPadding {
        display: flex;
        width: 45px;
        height: 45px;
    }

    .articlesMainMain {
        max-width: 916px;
        padding: 0 24px 80px 24px;
        gap: 24px;
    }
    .articlesMainContainCards {
        flex-direction: column;
        grid-template-columns: repeat(1, 1fr);
        gap: 8px;
    }
}

@media screen and (max-width: 767px) {
    .articlesMainContainCards {
        padding-left: 24px;
        padding-right: 24px;
    }

    .articleAsidePaddingB {
        display: none;
    }

    .ArticleAsideTopSpace {
        display: block;
    }

    .articlesMainLeftPadding {
        width: 0;
        height: 64px;
    }

    .ArticleAside {
        z-index: 2;
        top: 0;
        left: -800px;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        padding-bottom: 0px;
    }

    .ArticleAsideContent {
        max-width: calc(100% - 24px);
    }

    .articleAsideShowContainer {
        position: fixed;
        left: 0px;
        top: 12px;
        max-width: none;
        width: 100%;
        padding: 12px 16px;
        background-color: #F8FCFF;
    }

    .articlesMainDiscusItem {
        max-width: inherit;
    }

    .articlesMainMain {
        width: 100%;
        padding: 0 0 32px 0;
    }

    .articlesMainColorBlock {
        border-radius: 0;
    }

    .articlesMainColorBlockTop {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding-left: 24px;
    }

    .articlesMainSliderList {
        padding-left: 20px;
    }
}
 /* @media screen and (max-width: 1279px) {
    
    .lessonAside {
        left: -360px;
    }
}

@media screen and (max-width: 979px) {
    .lessonAsidShowText {
        display: block;
    }
    
    .lessonAside {
        left: -1000px;
        width: 100%;
    }

    .lessonAsidShowContainer {
        max-width: 100%;
        left: 0;
    }

    .lessonAsidShow {
        margin-top: -26px;
        padding: 16px;
        background-color: #F8FCFF;
        width: 100vw;
    }
} */
  @media screen and (max-width: 979px) {
} @media screen and (min-width: 979px) {
    .drawerContainer {
        display: none;
    }
} @media screen and (max-width: 979px) {
    .drawerFContainer {
        display: flex;
    }
} @media screen and (max-width: 979px) {
    .drawerAContainer {
        display: flex;
    }
} @media screen and (max-width: 1079px) {
    
  }
 @media screen and (max-width: 979px) {
    .selectMContainer {
        display: flex;
    }
}
 @media screen and (max-width: 1199px) {
    .audioUploadContainer, .audioUploadDecor {
        min-height: 64px;
        margin-bottom: 16px;
        padding: 10px 16px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
        background-image: none;
        cursor: pointer;
    }

    .lessonBlockAudioMobile {
        display: block;
    }

    .audioUploadBtnDelete {
        display: block;
    }

    .audioUploadContainerText {
        font-size: 17px;
        line-height: 23px;
    }

    .mediaBlockAudioBtnPlay {
        width: 30px;
        min-width: 30px;
    }

    .mediaBlockAudioBtnSound {
        width: 30px;
        min-width: 30px;
    }
    
    .mediaBlockAudioBtnPlay, .lessonBlockAudioline, .blockAudioBtnBute {
        pointer-events: none;
    }
            
    /* от пустого блока фокус */
    .audioUploadContainer:focus-within {
        outline: 4px solid #CCD8FA;
    }

    /* фокус от блока с аудио */
    .audioContainerOutline:focus-within {
        outline: 4px solid #CCD8FA;
        cursor: auto;
    }

    .audioContainerOutline:focus {
        outline: 4px solid #CCD8FA;
        cursor: auto;
    }

    .audioContainerOutline:focus .mediaBlockAudioBtnPlay {
        pointer-events: initial;
    }
    .audioContainerOutline:focus .lessonBlockAudioline {
        pointer-events: initial;
    }
    .audioContainerOutline:focus .mediaBlockAudioBtnSound {
        pointer-events: initial;
    }

    .audioContainerOutline:focus-within .mediaBlockAudioBtnPlay {
        pointer-events: initial;
    }
    .audioContainerOutline:focus-within .lessonBlockAudioline {
        pointer-events: initial;
    }
    .audioContainerOutline:focus-within .mediaBlockAudioBtnSound {
        pointer-events: initial;
    }

    .mediaBlockAudioBtnPlay:focus {
        pointer-events: initial;
    }

    .lessonBlockAudioline:focus {
        pointer-events: initial;
    }

    .mediaBlockAudioBtnSound:focus {
        pointer-events: initial;
    }
    
} @media screen and (max-width: 1199px) {
    .fileUploadContainer {
        margin-bottom: 16px;
        min-height: 64px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
        background-image: none;
    }

    .fileUploadNoneFile {
        padding: 10px 16px;
    }
    
    .fileUploadBtnDelete {
        display: block;
    }

    .fileUploadContainer:focus {
        outline: 4px solid #CCD8FA;
    }

    .lessonBlockFileLink {
        min-height: 64px;
        padding: 18px 16px;
        background-image: none;
        pointer-events: none;
    }

    .lessonBlockFileMobile {
        display: block;
    }

    /* .lessonBlockFileMobile:focus {
        width: 1px;
        height: 1px;
    }

    .lessonBlockFileLink:focus + .lessonBlockFileMobile {
        width: 1px;
        height: 1px;
    } */
    
    .lessonBlockFileMobile:focus {
        outline: 4px solid #CCD8FA;
    }

    /* .lessonBlockFileLink:focus {
        outline: 4px solid #CCD8FA;
    } */

    .fileUploadContainerText {
        width: calc(100% - 32px);
        font-size: 17px;
        line-height: 23px;
    }

    .lessonBlcokFileLeft {
        height: 23px;
    }
} @media screen and (max-width: 1199px) {
    /* .pdfUploadContainer {
        margin-bottom: 16px;
        min-height: 64px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
        background-image: none;
    }

    .pdfUploadContainerPadding {
        padding: 10px 16px;
    }
    
    .pdfUploadBtnDelete {
        display: block;
    }

    .pdfUploadContainer:focus {
        outline: 4px solid #CCD8FA;
    }

    .lessonBlockPDFLink {
        background-image: none;
    }

    .lessonBlockPDFLink:focus {
        outline: 4px solid #CCD8FA;
    }
    
    .lessonBlockPDFMobile {
        display: block;
    }

    .pdfUploadContainerText {
        width: calc(100% - 64px);
        font-size: 17px;
        line-height: 23px;
    }
    
    .lessonBlcokPDFLeft {
        min-height: 64px;
        padding-left: 54px;
        background-position: top 50% left 16px;
    } */
} /* Закоменченные строки медиазапроса находится в imageCropper */

@media screen and (max-width: 1199px) {
    .mediaPhotoMobile__bgProgress {
        position: relative;
        height: auto;
        min-width: auto;
        padding: 0;
    }

    /* .photoUploadContainerText {
        margin: 0;
        overflow: hidden;
        padding-right: 0px;
        width: calc(100% - 70px);
        font-size: 17px;
        line-height: 23px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .photoUploadContainer {
        margin-bottom: 16px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
    }

    .mediablockPhotoBtnMain, .mediablockPhotoBtnContainer {
        flex-direction: column;
    }

    .cropper-canvas,
    .cropper-crop-box,
    .cropper-drag-box,
    .cropper-modal,
    .cropper-wrap-box,
    .imgCroppermainImgContainer {
        height: 300px;
        max-height: 300px;
    }

    .imgCropperList {
        flex-direction: row;
    }

    .containerMediaPhoto {
        margin-bottom: 16px;
    } */
} @media screen and (max-width: 1199px) {
    .videoUpload {
        overflow: hidden;
        margin-bottom: 16px;
    }

    .lessonBlockVideoMobile {
        display: block;
    }
    
    .videoUploadContainer {
        border: 1px solid #DFE4EC;
        box-shadow: none;
        min-height: 64px;
        padding: 10px 16px;
        background-image: none;
    }

    .videoUploadBtnDelete {
        display: block;
    }

    .videoUpload:focus-within {
        outline: 4px solid #CCD8FA;
    }
    
    .videoUploadContainerText {
        font-size: 17px;
        line-height: 23px;
    }

    .mediablockVideoStudent {
        position: relative;
        padding-top: 62.5%;
        width: 100%;
        max-width: none;
    }

    .mediablockVideoPlay {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .mediablockVideoImg {
        position: absolute;
        top: 50%;
        width: 100%;
        max-width: none;
        transform: translateY(-50%);
    }

    .containerImgInvis {
        display: none;
    }
} @media screen and (max-width: 979px) {
    .searchBarResult {
      max-width: calc(100vw - 40px);
      max-height: calc(100vh - 118px);
      overflow-y: auto;
    }
  }
 @media screen and (max-width: 500px) {
    /* .block-select-container {
        width: 100px;
    } */
}
 @media screen and (max-width: 500px) {
    /* .block-select-container {
        width: 100px;
    } */
}
 @media screen and (max-width: 500px) {
    /* .block-select-container {
        width: 100px;
    } */
}
 @media screen and (max-width: 1439px) {

}

@media screen and (max-width: 979px) {
    .prFormatWrapperBanner {
        margin-bottom: 48px;
    }
    .contain-cards {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 16px;
    }
    
    .prFormatTitle {
        margin-bottom: 12px;
        font-size: 24px;
        line-height: 27px;
    }

    .prFormatText {
        margin-bottom: 24px;
        font-size: 17px;
        line-height: 23px;
    }

    .courseblock {
        margin-bottom: 0px;
        padding-bottom: 48px;
    }

    .categoryWrapper {
        margin: 0 0 40px;
        padding: 0;
    }

    .categoryContainer {
        border-radius: 0;
        padding: 48px 0 40px;
    }

    .categoryTitle, .categoryText {
        padding: 0 20px;
    }

    .prFormat, .prCourse {
        padding: 24px;
    }

    .prFormatImg, .prCourseImg {
        display: none;
    }

    .prCourseColumn, .prFormatText, .prFormatColumn {
        padding: 0;
        max-width: none;
    }

    .store-img {
        height: 42px;
    }
}
 /* @media screen and (max-width: 1079px) {
    .descripMain {
      max-width: 100%;
    }
    
    .descrip-contain {
        display: flex;
        margin-top: 0px;
        flex-direction: column-reverse;
    }

    .path-contain {
        margin: 20px;
    }

    .path-text {
        font-size: 1rem;
    }

    .descrip-course-title {
        display: none;
        font-size: 1.5rem;
    }

    .descrip-right-contain {
        margin: 0px;
    }

    .descrip-img-contain {
        width: 100%;
        height: fit-content;
        max-height: 50vh;

        margin-bottom: 20px;
    }

    .descrip-contain-mobile {
        display: inline-block;
    }

    .descrip-course-charact {
        margin: 0px 20px 40px 20px;
    }

    .descrip-text {
        color: #1B2637;

        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
    }

    .lessons-number-contain {
        flex-wrap: wrap;
        justify-content: space-around;
        margin: 0px 20px 40px 20px;
        padding: 30px 0px;
    }

    .descrip-program {
        margin: 0px 20px 40px 20px;
        padding: 40px 20px;
        border-radius: 40px;
        gap: 20px;
    }

    .descrip-program-title {
        font-size: 1.5rem;
        margin: 0;
    }

    .descrip-lessons-list {
        column-count: 1;
        column-gap: 20px;
    }

    .lessons-grid-number {

        font-size: large;
    }
    
    .lessons-grid-title {
        font-size: 1rem;
    }

    .lessons-number-text {
        padding: 10px 10px 0 10px;
        font-size: 0.9rem;
    }

    .lessons-big-number {
        font-size: 2rem;
    }

    .lessons-grid-el:last-child {
        margin-bottom: 0px;
    }
  } */
 /* @media screen and (max-width: 1079px) {
    
    .start-course-contain {
        width: auto;
        margin: 40px 20px;
        padding: 20px 0px;

        border-radius: 40px;
    }

    .start-promocod-contain {
        min-height: auto;
    }

    .start-course-title {
        margin: 0px 0px 10px 0px;

        font-size: 1.5rem;
    }

    .start-course-columns {
        flex-direction: column;
        gap: 20px;
    }

    .start-colums {
        width: 100%;
        height: auto;
        padding: 40px 20px;
    }

    .start-img {
        margin-top: 0px;
    }

    .start-column-text {
        margin-top: 20px;
        font-size: 2rem;
    }

    .start-time {
        margin-top: 0px;

        font-size: 1.5rem;
    }

    .start-button-buy {
        padding: 14px 10px;
        margin-top: 30px;

        font-size: 1rem;
    }
  } */ @media screen and (max-width: 979px) {
    .stuck-buy-position {
        padding-left: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin-bottom: 0;
    }

    .banner-stuck-left {
        margin-right: 24px;
    }

    .contain-stores {
        flex-wrap: wrap;
    }

    .banner-stuck-buy {
        width: 100%;
        margin: 0;
        border-radius: 0;
    }
}

@media screen and (max-width: 560px) {
    .stuckBtnWholRow {
        width: 100%;
    }
} @media screen and (max-width: 979px) {
    .videoRewContaier {
        padding: 0 20px;
        margin-bottom: 20px;
        padding: 40px 0;
        border-radius: 0;
    }

    .videoRewTitle {
        padding-left: 20px;
        margin-bottom: 12px;
        font-size: 1.7rem;
    }

    .videoRewText {
        padding-left: 20px;
        margin-bottom: 16px;
    }

    .videoRewList {
        padding-left: 20px;
    }
}         :root {
            --primary-color: #4285f4;
            --danger-color: #ea4335;
            --success-color: #34a853;
            --warning-color: #fbbc05;
            --bg-color: #fff;
            --border-color: #dadce0;
            --text-color: #202124;
        }

        /* Стили для WebRTC компонента */
        /* .webrtc-container {
            position: fixed;
            top: 50px;
            right: 50px;
            width: 300px;
            height: 225px;
            background-color: var(--bg-color);
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            z-index: 1000;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            resize: both;
            min-width: 250px;
            min-height: 200px;
        } */

        /* .webrtc-header {
            padding: 10px 15px;
            background-color: var(--primary-color);
            color: white;
            cursor: move;
            display: flex;
            justify-content: space-between;
            align-items: center;
            user-select: none;
        } */

        /* .webrtc-title {
            font-weight: 500;
            font-size: 14px;
        } */

        /* .webrtc-controls {
            display: flex;
            gap: 5px;
        } */

        /* .webrtc-controls button {
            background: none;
            border: none;
            color: white;
            cursor: pointer;
            font-size: 16px;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.2s;
        } */

        /* .webrtc-controls button:hover {
            background-color: rgba(255, 255, 255, 0.2);
        } */

        .webrtc-video-container {
            flex: 1;
            background-color: #000;
            position: relative;
            overflow: hidden;
        }

        /* .webrtc-video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        } */

        .webrtc-video.remote {
            background-color: #333;
        }

        .webrtc-video.local {
            position: absolute;
            bottom: 10px;
            right: 10px;
            width: 30%;
            height: 30%;
            border: 2px solid white;
            border-radius: 4px;
            z-index: 10;
        }

        /* .webrtc-toolbar {
            padding: 10px 15px;
            background-color: var(--bg-color);
            display: flex;
            justify-content: space-between;
            border-top: 1px solid var(--border-color);
        }

        .webrtc-toolbar-left,
        .webrtc-toolbar-right {
            display: flex;
            gap: 10px;
        } */

        /* .webrtc-btn {
            background: none;
            border: none;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: background-color 0.2s;
        } */

        /* .webrtc-btn:hover {
            background-color: #f1f3f4;
        } */

        /* .webrtc-btn.mic {
            color: var(--text-color);
        }

        .webrtc-btn.mic.muted {
            color: var(--danger-color);
        }

        .webrtc-btn.video {
            color: var(--text-color);
        }

        .webrtc-btn.video.off {
            color: var(--danger-color);
        }

        .webrtc-btn.screenshare {
            color: var(--text-color);
        } */

        .active {
            color: var(--success-color);
            opacity: 0.4;
        }

        .webrtc-btn.end-call {
            background-color: var(--danger-color);
            color: white;
        }

        .webrtc-btn.end-call:hover {
            background-color: #d33426;
        }

        .webrtc-source-selector {
            position: absolute;
            top: 40px;
            right: 10px;
            background-color: white;
            border-radius: 4px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            padding: 8px 0;
            z-index: 20;
            display: none;
        }

        .webrtc-source-selector.show {
            display: block;
        }

        .webrtc-source-option {
            padding: 8px 16px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 14px;
        }

        .webrtc-source-option:hover {
            background-color: #f1f3f4;
        }

        /* .webrtc-status {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            text-align: center;
            font-size: 14px;
        } */

        /* Стили для кнопки запуска звонка */
        .start-call-btn {
            background-color: var(--primary-color);
            color: white;
            border: none;
            border-radius: 18px;
            padding: 12px 20px;
            font-size: 16px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            transition: background-color 0.2s;
        }

        .start-call-btn:hover {
            background-color: #3367d6;
        }

        /* Индикаторы состояния */
        /* .connection-indicator { */
            /* display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin-right: 5px; */
        /* } */

        .connection-indicator.connecting {
            background-color: var(--warning-color);
        }

        .connection-indicator.connected {
            background-color: var(--success-color);
        }

        .connection-indicator.disconnected {
            background-color: var(--danger-color);
        }


        /* .remotestate { 
            position: absolute;
        } */ @media screen and (max-width: 980px) {
    .content {
        flex-direction: column;
    }

    .articleMain {
        max-width: 100%;
        padding-top: 0;
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 576px) {
    .articleTitle {
        font-size: 1.7em;
        line-height: normal;
    }

    .articleMain {
        padding: 0 20px 30px 20px;
    }
} @media screen and (max-width: 980px) {
}
 @media screen and (max-width: 1279px) {
    .authorMain {
        padding-top: 88px;
    }

} @media screen and (max-width: 1279px) {
    
    .lessonContainer {
        flex-direction: column;
    }

    .lessonMain {
        max-width: 850px;
    }
}

@media screen and (max-width: 979px) {
    .lessonMain {
        padding-top: 80px;
    }
/* 
    .lessonTopTitle {
        font-size: 1.8em;
        line-height: normal;
    }

    .lessonHomeworkFormTitle {
        font-size: 1.6em;
        line-height: normal;
    } */
} @media screen and (max-width: 1079px) {
    .authHeader {
        padding: 20px;
        min-width: 100px;
    }

    .authMain{
        flex-direction: column;
        max-width: fit-content;
        padding: 0 20px 20px 20px;
        min-width: auto;
    }

    .authContainStores {
        flex-wrap: wrap;
        gap: 12px 0;
    }

    .authTitleCharact {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 20px;
    }

    .authCharacList {
        margin-bottom: 20px;
    }

  } @media screen and (max-width: 979px) {
    .main {
        margin: 0;
    }

    .catalog-slect-contain {
        display: none;
    }

    .catalog-cards-list {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 16px;
    }
}

@media screen and (max-width: 500px) {
    /* .catalog-slect-contain {
        justify-content: flex-start;
        gap: 20px;
    } */
    .catalogTitleLink {
        padding-left: 32px;
        min-height: 32px;
        background-size: 24px;
    }

    .catalog-title {
        font-size: 1.5em;
    }

    .title-contain-img {
        width: 40px;
        height: 40px;
    }
}
 @media screen and (max-width: 979px) {
    
    .descripMain {
        max-width: 100%;
        padding: 20px 0;
        padding-bottom: 40px;
        padding-top: 0;
    }
    
    .descripContain {
        display: flex;
        flex-direction: column;
        padding: 0 20px;
        margin-top: 0px;
        gap: 20px;
        margin-bottom: 20px;
    }

    .descripIourseImg {
        height: auto;
        width: 100%;
    }

    .path-contain {
        padding: 10px 20px;
        margin-bottom: 0;
    }

    .descripContainerTop {
        flex-direction: column-reverse;
    }

    .descripCourseTitle {
        font-size: 2rem;
        line-height: normal;
        margin-bottom: 20px;
        padding: 0 20px;
    }

    .descripImgContain {
        /* width: 100%;
        height: 70vw; */
        border-radius: 0;
        margin-bottom: 20px;
    }

    .descripLeftContain {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .descripRightContain {
        gap: 10px;
    }

    .descripCourseCharact {
        padding: 0;
        width: 100%;
    }

    .lessonsNumberContain {
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 0;
        padding: 0 20px 20px 20px;
        row-gap: 24px;
        column-gap: 24px;
        margin-bottom: 0;
    }

    .lessonsNumberContain .lessonsNumberItem:nth-last-child(2) {
        margin-right: 0;
    }

    .lessonsNumberItem {
        min-width: 293px;
    }

    .descripProgramSection {
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .descripProgram {
        padding: 40px;
        border-radius: 40px;
        gap: 10px;
    }

    .descrip-program-title {
        font-size: 1.7rem;
        line-height: normal;
    }

    .moduleBlock__title {
        font-size: 1.5rem;
    }

    .descripLessonsList {
        column-count: 1;
        row-gap: 10px;
    }

    .lessonsGridNumber {
        margin: 0;
        font-size: large;
    }

    .lessonsGridEl {
        width: 100%;
    }

    .lessonsGridTitle {
        font-size: 20px;
        line-height: normal;
    }

    .descripSectionAuthor {
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .descripAuthor {
        flex-wrap: wrap;
        padding: 40px 40px;
        border-radius: 40px;
    }

    .descripAuthorTitle {
        font-size: 1.5rem;
    }

    .descripAuthorText {
        font-size: large;
    }

    .startCourseContain {
        flex-direction: column;
        gap: 20px;
        width: auto;
        padding: 0 20px;
        border-radius: 40px;
    }

    .start-course-title {
        margin: 0px 0px 10px 0px;

        font-size: 1.5rem;
    }

    .start-colums {
        width: 100%;
        min-height: auto;
        padding: 20px;
        padding-bottom: 40px;
    }
    
    .startRightBg {
        width: 100%;
    }

    .start-img {
        margin-top: 0px;
    }

    .start-column-text {
        margin-top: 20px;
        font-size: 2rem;
    }

    .start-time {
        margin-top: 0px;
        font-size: 1.5rem;
    }

    .startOutlineBtn {
        padding: 14px 10px;
        font-size: 1rem;
    }

    .startBlackBtn {
        padding: 14px 10px;
        font-size: 1rem;
    }

}

@media screen and (max-width: 576px) {
    .descripProgramSection {
        padding: 0;
    }
    .descripProgram {
        padding: 20px 20px;
        border-radius: 0;
    }
} @media screen and (max-width: 1079px) {

  } @media screen and (max-width: 979px) {
    .indexMain {
        padding-bottom: 20px;
        padding-top: 20px;
    }
}
 @media screen and (max-width: 979px) {
    .searchMain {
        padding: 16px 24px 40px 24px;    
    }

    .searching-title {
        margin-bottom: 20px;
    }

    .searching-text-result {
        margin-bottom: 20px;  
    }

    .searching-slect-contain {
        display: none;
    }

    .searching-cards-list {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 16px;
    }

    .searching-cards-item {
        min-width: auto;
        min-height: auto;
    }

    .searchingSearchButton {
        position: relative;
        display: flex;
        align-items: center;
        height: 50px;
        width: 50px;
        min-width: 50px;
        padding: 0;
        border-radius: 16px;
        border: 1px solid #CFD7E3;
        background: #f8fcff;
        cursor: pointer;
    }

    .searchingSearchButton:focus {
        border: 1px solid #CFD7E3;
        background: #f8fcff;
    }

    .searchingSearchButton:hover {
        border: 1px solid #CFD7E3;
        background: #f8fcff;
    }

    .searchingSearchButton:active {
        border: 1px solid #CFD7E3;
        background: #f8fcff;
    }

    .searchingSearchButton::after {
        position: absolute;
        position: center;
        content: "";
        width: 64px;
        min-width: 64px;
        height: 64px;
        background-image: url('/img/icon/icon_search_gray.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px 24px;
    }

    .searchingBtnText {
        display: none;
    }

    .searching-input {
        padding: 0 24px;
        background-image: none;
    }
} @media screen and (max-width: 1279px) {
    
    .lessonAboutContainer {
        flex-direction: column;
    }

    .lessonAbout {
        max-width: 850px;
    }
}

@media screen and (max-width: 979px) {
    .lessonAbout {
        padding-top: 80px;
    }

    /* .lessonAboutTitle {
        font-size: 1.8em;
        line-height: normal;
    }

    .lessonAboutTitleTwo {
        font-size: 1.6em;
        line-height: normal;
    } */
} @media screen and (max-width: 620px) {
    .StCoursesItmeContainerImg {
        width: 160px;
        min-width: 210px;
    }
}

@media screen and (max-width: 512px) {
    .StCoursesItmeContainerImg {
        width: auto;
        min-width: auto;
        height: 160;
    }

    .StCoursesItmeLink {
        flex-direction: column;
    }

    .StCoursesItmeContainerContent {
        height: auto;
    }
} @media screen and (max-width: 1279px) {
    
    .taskContainer {
        flex-direction: column;
    }

    .taskContainerCenter {
        max-width: 850px;
    }
}

@media screen and (max-width: 979px) {
    .taskContainerCenter {
        padding-top: 80px;
    }
} @media screen and (max-width: 1279px) {
    
    .lessonContainer {
        flex-direction: column;
    }

    .lessonMain {
        max-width: 850px;
    }
}

@media screen and (max-width: 979px) {
    .lessonMain {
        padding-top: 80px;
    }
/* 
    .lessonTopTitle {
        font-size: 1.8em;
        line-height: normal;
    }

    .lessonHomeworkFormTitle {
        font-size: 1.6em;
        line-height: normal;
    } */
} @media screen and (max-width: 1279px) {
    
    .StChatAside {
        z-index: 5;
        position: absolute;
        top: 72px;
        bottom: 0px;
        left: -360px;
        height: auto;
    }

    .btnSidemenuPosition {
        top: 120px;
    }
}

@media screen and (max-width: 979px) {
    .StChatAside {
        display: none;
    }
}
 @media screen and (max-width: 1079px) {
    
    .StChatContainer {
        padding-left: 0;
    }

    .StChatMain {
        padding: 0 10px;
    }

    .StChatLable {
        left: 10px;
    }
}
 @media screen and (max-width: 979px) {
    .StActiveItemReward {
        width: calc((100% - 8px) / 2);
    }
    
    .StActiveListRecomm {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 16px;
    }
}

@media screen and (max-width: 719px) {
    .StActiveItemReward {
        width: 100%;
    }

    .StActiveItmeContainerImg {
        width: auto;
        height: 160px;
        min-width: auto;
    }

    .StActiveItmeLink {
        flex-direction: column;
    }

    .StActiveItmeContainerContent {
        height: auto;
    }

    .lessonMain {
        margin: 0;
    }
} @media screen and (max-width: 1079px) {
    
    .thanksHeader{
        padding: 20px;
    }

    .thanksMain {
        padding: 0 20px 40px;
    }

    .thanksTitle {
        margin: 0 0 20px 0;

        font-size: 1.7rem;
        line-height: inherit;
    }

    .thanksText {
        font-size: 1rem;
        line-height: 26px;
    }

    .thanksListItem {
        flex-wrap: wrap;
        gap: 10px;
    }

    .thanksListNumber {
        width: 100%;
    }

    .thanksListText {
        font-size: 1rem;
        line-height: 26px;
    }
  } @media screen and (max-width: 1100px) {
    .welAOpportList {
        padding-left: 40px;
        padding-right: 40px;
        overflow: hidden;
    }
}

@media screen and (max-width: 670px) {
    .welASolvingList2 {
        flex-direction: column;
    }
    
    .welASolvingList {
        margin-bottom: 40px;
        gap: 20px;
    }

    .welASocialBotContainer {
        max-width: none;
        height: auto;
    }

    .welASocialItem2Ziro {
        min-width: 100%;
        min-height: 140px;
    }

    .welASolvingList2 {
        flex-direction: column;
    }

    .welASolvingItem2 {
        max-width: none;
    }
    
    .welAOpportList {
        justify-content: center;
        gap: 20px
    }

    .welAOpportItem {
        max-width: none;
    }

    .welAStartColumnL, .welAStartColumnR {
        min-width: auto;
    }

    .welABtnSupport {
        white-space: wrap;
    }

    .welATitle {
        font-size: 2rem;
        line-height: normal;
    }

    .welATitle2 {
        margin-bottom: 20px;
        font-size: 1.7rem;
        line-height: normal;
    }

    .welASolvingSubtitle, .welAOpportSubtitle, .welASocialSubtatle {
        font-size: 1.5rem;
        line-height: normal;
    }

    .welASolving {
        padding-bottom: 80px;
    }

    .welAOpport {
        padding-bottom: 80px;
    }

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

    .welASocialList {
        margin-bottom: 40px;
    }

    .welAStart {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 768px) {
    .welAStartTable {
        flex-direction: column;
    }

    .welATitle2 {
        max-width: none;
    }

    .welAHeroText {
        min-width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .welASocialItem2Text {
        text-align: center;
    }

    .welASocialList {
        flex-direction: column;
    }

    .welASocialItem {
        max-width: none;
    }

    .welASocialItem2 {
        max-width: none;
        word-break: normal;
        align-items: center;
    }
} @media screen and (max-width: 1079px) {
    .authRightBlock {
        padding: 20px;
    }

    .authButtonGreen {
        font-size: 1.2rem;
    }

    .authButtonWhite {
        font-size: 1.2rem;
    }

    .authInputNumber {
        font-size: 1.2rem;
    }

  } @media screen and (max-width: 1079px) {
    .authRightBlock {
        padding: 20px;
    }

    .authButtonGreen {
        font-size: 1.2rem;
    }

    .authButtonWhite {
        font-size: 1.2rem;
    }

    .authInputNumber {
        font-size: 1.2rem;
    }

  } @media screen and (max-width: 979px) {
  .presentMain {
    padding: 20px;
    padding-top: 0;
  }

  .presentTitle {
    margin-bottom: 20px;
  }

  .presentMainText {
    margin-bottom: 20px;
  }
  
    .presentSection {
      padding-bottom: 20px;
    }

  .presentHeader {
    padding: 0 20px;
    padding-right: 10px;
  }

  .presentContainer {
    flex-direction: column;
  }

  .presentSectionBtn {
    align-items: inherit;
  }
} @media screen and (max-width: 979px) {
    .download-position {
        display: none;
        /* padding-left: 0;
        margin-bottom: 0;
        bottom: 0;
        right: 0;
        left: 0;
        display: none;
        width: 100%; */
    }

    /* .banner-download-text {
        margin-right: 24px;
    }

    .contain-stores {
        flex-wrap: wrap;
    }

    .banner-download-app {
        width: 100%;
        margin: 0;
        border-radius: 0;
    } */
  } @media screen and (max-width: 979px) {
    
    .footer-right {
        flex-wrap: wrap;
    }

    .footer-top {
        flex-wrap: wrap;
    }

    .contain-stores {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 720px) {
    .footer {
        z-index: 1;
    }
}
 @media screen and (max-width: 1079px) {
    /* .headerSearch {
        max-width: 131px;
    } */
}

@media screen and (max-width: 979px) {
    .descripHeader {
        padding: 0 24px;
    }

    .headerSearch {
        max-width: 131px;
    }
    
    .headerMain {
        padding: 0 24px;
        height: 64px;
    }

    .headerContainer {
        justify-content: space-between;

    }

    .logoLinkAbitions {
        margin-right: 0;
    }

    .headerLinks {
        display: none;
    }

    .headerMenu {
        display: flex;
    }

    .headerSearch {
        display: none;
    }
  }
 @media screen and (max-width: 1199px) {
    .descriplogoLink__title {
        display: none;
    }
}
/* 
@media screen and (max-width: 1079px) {
    .descripHeaderSearch {
        max-width: 131px;
    }
} */

@media screen and (max-width: 1079px) {
    .descripHeaderContainer {
        justify-content: space-between;
    }

    .descriplogoLinkAmbitions {
        margin-right: 0;
        /* width: 82px; */
    }

    .descriplogoLink__title {
        display: flex;
    }

    .descripHeaderLinks {
        display: none;
    }

    .descripHeaderMenu {
        display: flex;
    }

    .descripHeaderSearch {
        display: none;
    }
  }
 @media screen and (max-width: 1199px) {
    .ArticleAside {
        left: -360px;
    }

    .articlesMainLeftPadding {
        display: none;
    }

    .ArticleAsidePadding1280 {
        width: 64px;
    }
}

@media screen and (max-width: 979px) {
    .ArticleAsidePadding1280 {
        width: 0;
    }

    .articleAsideShowContainer {
        position: relative;
        top: 24px;
    }

    .ArticleAsideTopSpace {
        display: none;
    }

    .articlesContent {
        flex-direction: column;
    }

    .articleAsideShowText {
        display: inline-block;
        white-space: nowrap;
    }

    .articlesMainLeftPadding {
        display: flex;
        width: 45px;
        height: 45px;
    }

    .articlesMainMain {
        max-width: 916px;
        padding: 0 24px 80px 24px;
        gap: 24px;
    }
    .articlesMainContainCards {
        flex-direction: column;
        grid-template-columns: repeat(1, 1fr);
        gap: 8px;
    }
}

@media screen and (max-width: 767px) {
    .articlesMainContainCards {
        padding-left: 24px;
        padding-right: 24px;
    }

    .articleAsidePaddingB {
        display: none;
    }

    /* .ArticleAsideTopSpace {
        display: block;
    } */

    .articlesMainLeftPadding {
        width: 0;
        height: 64px;
    }

    .ArticleAside {
        z-index: 2;
        left: -800px;
        top: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        padding-bottom: 0px;
    }

    .ArticleAsideContent {
        max-width: calc(100% - 24px);
    }

    .articleAsideShowContainer {
        position: fixed;
        left: 0px;
        top: 12px;
        width: 100%;
        padding: 12px 16px;
        background-color: #F8FCFF;
    }

    .articlesMainDiscusItem {
        max-width: inherit;
    }

    .articlesMainMain {
        width: 100%;
        padding: 0 0 32px 0;
    }

    .articlesMainColorBlock {
        border-radius: 0;
    }

    .articlesMainColorBlockTop {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding-left: 24px;
    }

    .articlesMainSliderList {
        padding-left: 20px;
    }
}
 @media screen and (max-width: 1439px) {

}

@media screen and (max-width: 979px) {
    .prFormatWrapperBanner {
        margin-bottom: 48px;
    }
    .contain-cards {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 16px;
    }
    
    .prFormatTitle {
        margin-bottom: 12px;
        font-size: 24px;
        line-height: 27px;
    }

    .prFormatText {
        margin-bottom: 24px;
        font-size: 17px;
        line-height: 23px;
    }

    .courseblock {
        margin-bottom: 0px;
        padding-bottom: 48px;
    }

    .categoryWrapper {
        margin: 0 0 40px;
        padding: 0;
    }

    .categoryContainer {
        border-radius: 0;
        padding: 48px 0 40px;
    }

    .categoryTitle, .categoryText {
        padding: 0 20px;
    }

    .prFormat, .prCourse {
        padding: 24px;
    }

    .prFormatImg, .prCourseImg {
        display: none;
    }

    .prCourseColumn, .prFormatText, .prFormatColumn {
        padding: 0;
        max-width: none;
    }

    .store-img {
        height: 42px;
    }
}
 @media screen and (max-width: 1079px) {
    .authHeader {
        padding: 20px;
        min-width: 100px;
    }

    .authMain{
        flex-direction: column;
        max-width: fit-content;
        padding: 0 20px 20px 20px;
        min-width: auto;
    }

    .authContainStores {
        flex-wrap: wrap;
        gap: 12px 0;
    }

    .authTitleCharact {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 20px;
    }

    .authCharacList {
        margin-bottom: 20px;
    }

  } @media screen and (max-width: 1079px) {

  } @media screen and (max-width: 1079px) {
    
    .thanksHeader{
        padding: 20px;
    }

    .thanksMain {
        padding: 0 20px 40px;
    }

    .thanksTitle {
        margin: 0 0 20px 0;

        font-size: 1.7rem;
        line-height: inherit;
    }

    .thanksText {
        font-size: 1rem;
        line-height: 26px;
    }

    .thanksListItem {
        flex-wrap: wrap;
        gap: 10px;
    }

    .thanksListNumber {
        width: 100%;
    }

    .thanksListText {
        font-size: 1rem;
        line-height: 26px;
    }
  }