.green .registerForm .registerFormContainer.tabThree .authCodeContainer .authBox {
  border: 1px solid rgba(45, 198, 83, 0.5);
}
.green .registerForm .registerFormContainer.tabThree .authCodeContainer .authBox:focus {
  border-color: #2dc653;
}
.green jdp-container .jdp-footer .jdp-btn-today,
.green jdp-container .jdp-footer .jdp-btn-empty,
.green jdp-container .jdp-btn-close {
  background: #2dc653 !important;
}
.green jdp-container .jdp-days .jdp-day.selected {
  background-color: #2dc653 !important;
}
.green .navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  color: #2dc653;
}
.green path#path334,
.green path#path358,
.green path#path366 {
  fill: #3ad260;
}
.green path#path326,
.green path#path330 {
  fill: #2dc653;
}
.green path#path306 {
  fill: #28b14a;
}
.green .navbar .mobileNavbar .navbarContainer .navbarContainerButton {
  color: #2dc653;
}
.green .mobileMenuToggle path {
  stroke: #2dc653;
}
.green .loader {
  border: 3px solid #2dc653;
}
.green .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .tabIcon {
  color: #2dc653;
  border-color: #2dc653;
}
.green .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .statusStepLine {
  background: #2dc653;
}
.green .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbTitle {
  color: #2dc653;
}
.green .registerForm .registerFormContainer .fromNavigationButtonContainer .navigationButton {
  background: #2dc653;
}
.green .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup.done .fileInputWrapper .fileInputThumb {
  border: 2px solid #2dc653;
}
.green .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputWrapper .fileInputThumb {
  border: 2px dashed rgba(45, 198, 83, 0.5);
}
.green .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup span {
  color: #2dc653;
}
.green .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup span .addIcon {
  color: #2dc653;
}
.green .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupLabel,
.green .formTextAreaContainer.focus .groupLabel {
  color: #2dc653 !important;
}
.green .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus textarea,
.green .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupTextInput,
.green .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .el-select__wrapper,
.green .formTextAreaContainer.focus textarea,
.green .formTextAreaContainer.focus .groupTextInput,
.green .formTextAreaContainer.focus .el-select__wrapper {
  border-color: #2dc653 !important;
}
.green .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup textarea,
.green .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .groupTextInput,
.green .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .el-select__wrapper,
.green .formTextAreaContainer textarea,
.green .formTextAreaContainer .groupTextInput,
.green .formTextAreaContainer .el-select__wrapper {
  border: 1px solid rgba(45, 198, 83, 0.5);
}
.green #menu #Vector,
.green #menu #Vector-2,
.green #menu #Vector-3 {
  stroke: #2dc653;
}
.green .messagesvg path#Vector,
.green .messagesvg path#Vector-2 {
  fill: #2dc653;
}
.green .phonesvg path#Vector,
.green .phonesvg path#Vector-2,
.green .phonesvg path#Vector-3 {
  fill: #2dc653;
}
.green .easypaysvg .st3,
.green .easypaysvg .st5,
.green .easypaysvg .st10 {
  fill: #2dc653;
}
.green .reservesvg .st1 {
  fill: #2dc653;
}
.green .reservesvg .st12 {
  stroke: #2dc653;
}
.green .supportsvg .cls-7,
.green .supportsvg .cls-8,
.green .supportsvg .cls-9 {
  fill: #2dc653;
}
.green .multidropsvg .cls-5 {
  fill: #2dc653;
}
.green .economicsvg .cls-11,
.green .economicsvg .cls-10 {
  fill: #2dc653;
}
.green .motorsvg .st5,
.green .motorsvg .st6,
.green .motorsvg .st7,
.green .motorsvg .st14,
.green .motorsvg .st20 {
  fill: #2dc653;
}
.green .preloader svg {
  fill: #4fd771;
}
.green .preloader.registerPreloader svg {
  fill: #2dc653;
}
.green .homeHeader {
  background-image: linear-gradient(to bottom right, #4fd771, #2dc653);
}
.green .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .headerAppDownloadButton {
  color: #2dc653;
}
.green .mainConatiner .ratingBox .ratingBoxContainer {
  border: 2px solid #2dc653;
  box-shadow: 0 0 12px rgba(45, 198, 83, 0.5);
}
.green .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .plusMark,
.green .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .ratingNum {
  color: #2dc653;
}
.green .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingTitle {
  color: #2dc653;
}
.green .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentSubtitle {
  color: #2dc653;
}
.green .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper .mainReasonContentButton {
  background: #2dc653;
  border: 3px solid #2dc653;
}
.green .mainConatiner .mainRules {
  background: #2dc653;
}
.green .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .readMoreButton {
  color: #2dc653;
}
.green .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbButton {
  background: #2dc653;
}
.green .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormSubtitle {
  color: #2dc653;
}
.green .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formButtonContainer .formSubmitButton {
  border: 3px solid #2dc653;
  background: #2dc653;
}
.green .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a::after {
  background: #2dc653;
}
.green .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a:hover {
  color: #2dc653;
}
.green .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon {
  border: 2px solid #2dc653;
}
.green .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg {
  fill: #2dc653;
}
.green .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg.telegramIcon path {
  stroke: #2dc653;
}
.green .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon::after {
  background: #2dc653;
}
.green .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon:hover svg.telegramIcon {
  fill: #2dc653 !important;
}
.green .footer .footerContainer .footerDownloadLinks {
  background: #2dc653;
}
.green .footer .footerContainer .footerDownloadLinks .footerDownloadLinksButton button {
  color: #2dc653;
}
.green .authModal .authModalContent .authLayout .modalCloseBtn {
  background: #2dc653;
}
.green .authModal .authModalContent .authLayout .authLayoutRow .rowButton {
  color: #2dc653;
}
.green .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navBarContainerLogo .navLogo {
  color: #2dc653;
}
.green .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink::after {
  background: #2dc653;
}
.green .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink:hover {
  color: #2dc653;
}
.green .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton {
  border: 2px solid #2dc653;
  background: #2dc653;
}
.green .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  background: #2dc653;
}
.green .navbar.fixed .mobileNavbar .navbarContainer {
  color: #2dc653;
}
.green .navbar.fixed .mobileNavbar .navbarContainer .navBarContainerLogo .navLogo {
  color: #2dc653;
}
.green .navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton {
  border-color: #2dc653;
  background: #2dc653;
}
.green .navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton.registerTeach {
  background: #2dc653;
}
.green .navbar .desktopNavbar.registerNav {
  background: #2dc653;
}
.green .navbar .mobileNavbar.regNav {
  background: #2dc653;
}
.green .navbar .navbarMenu {
  background-image: linear-gradient(to bottom right, #4fd771, #2dc653);
}

.darkblue .registerForm .registerFormContainer.tabThree .authCodeContainer .authBox {
  border: 1px solid rgba(24, 78, 119, 0.5);
}
.darkblue .registerForm .registerFormContainer.tabThree .authCodeContainer .authBox:focus {
  border-color: #184e77;
}
.darkblue jdp-container .jdp-footer .jdp-btn-today,
.darkblue jdp-container .jdp-footer .jdp-btn-empty,
.darkblue jdp-container .jdp-btn-close {
  background: #184e77 !important;
}
.darkblue jdp-container .jdp-days .jdp-day.selected {
  background-color: #184e77 !important;
}
.darkblue .navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  color: #184e77;
}
.darkblue path#path334,
.darkblue path#path358,
.darkblue path#path366 {
  fill: #1c5c8c;
}
.darkblue path#path326,
.darkblue path#path330 {
  fill: #184e77;
}
.darkblue path#path306 {
  fill: #144062;
}
.darkblue .navbar .mobileNavbar .navbarContainer .navbarContainerButton {
  color: #184e77;
}
.darkblue .mobileMenuToggle path {
  stroke: #184e77;
}
.darkblue .loader {
  border: 3px solid #184e77;
}
.darkblue .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .tabIcon {
  color: #184e77;
  border-color: #184e77;
}
.darkblue .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .statusStepLine {
  background: #184e77;
}
.darkblue .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbTitle {
  color: #184e77;
}
.darkblue .registerForm .registerFormContainer .fromNavigationButtonContainer .navigationButton {
  background: #184e77;
}
.darkblue .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup.done .fileInputWrapper .fileInputThumb {
  border: 2px solid #184e77;
}
.darkblue .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputWrapper .fileInputThumb {
  border: 2px dashed rgba(24, 78, 119, 0.5);
}
.darkblue .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup span {
  color: #184e77;
}
.darkblue .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup span .addIcon {
  color: #184e77;
}
.darkblue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupLabel,
.darkblue .formTextAreaContainer.focus .groupLabel {
  color: #184e77 !important;
}
.darkblue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus textarea,
.darkblue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupTextInput,
.darkblue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .el-select__wrapper,
.darkblue .formTextAreaContainer.focus textarea,
.darkblue .formTextAreaContainer.focus .groupTextInput,
.darkblue .formTextAreaContainer.focus .el-select__wrapper {
  border-color: #184e77 !important;
}
.darkblue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup textarea,
.darkblue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .groupTextInput,
.darkblue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .el-select__wrapper,
.darkblue .formTextAreaContainer textarea,
.darkblue .formTextAreaContainer .groupTextInput,
.darkblue .formTextAreaContainer .el-select__wrapper {
  border: 1px solid rgba(24, 78, 119, 0.5);
}
.darkblue #menu #Vector,
.darkblue #menu #Vector-2,
.darkblue #menu #Vector-3 {
  stroke: #184e77;
}
.darkblue .messagesvg path#Vector,
.darkblue .messagesvg path#Vector-2 {
  fill: #184e77;
}
.darkblue .phonesvg path#Vector,
.darkblue .phonesvg path#Vector-2,
.darkblue .phonesvg path#Vector-3 {
  fill: #184e77;
}
.darkblue .easypaysvg .st3,
.darkblue .easypaysvg .st5,
.darkblue .easypaysvg .st10 {
  fill: #184e77;
}
.darkblue .reservesvg .st1 {
  fill: #184e77;
}
.darkblue .reservesvg .st12 {
  stroke: #184e77;
}
.darkblue .supportsvg .cls-7,
.darkblue .supportsvg .cls-8,
.darkblue .supportsvg .cls-9 {
  fill: #184e77;
}
.darkblue .multidropsvg .cls-5 {
  fill: #184e77;
}
.darkblue .economicsvg .cls-11,
.darkblue .economicsvg .cls-10 {
  fill: #184e77;
}
.darkblue .motorsvg .st5,
.darkblue .motorsvg .st6,
.darkblue .motorsvg .st7,
.darkblue .motorsvg .st14,
.darkblue .motorsvg .st20 {
  fill: #184e77;
}
.darkblue .preloader svg {
  fill: #216aa1;
}
.darkblue .preloader.registerPreloader svg {
  fill: #184e77;
}
.darkblue .homeHeader {
  background-image: linear-gradient(to bottom right, #216aa1, #184e77);
}
.darkblue .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .headerAppDownloadButton {
  color: #184e77;
}
.darkblue .mainConatiner .ratingBox .ratingBoxContainer {
  border: 2px solid #184e77;
  box-shadow: 0 0 12px rgba(24, 78, 119, 0.5);
}
.darkblue .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .plusMark,
.darkblue .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .ratingNum {
  color: #184e77;
}
.darkblue .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingTitle {
  color: #184e77;
}
.darkblue .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentSubtitle {
  color: #184e77;
}
.darkblue .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper .mainReasonContentButton {
  background: #184e77;
  border: 3px solid #184e77;
}
.darkblue .mainConatiner .mainRules {
  background: #184e77;
}
.darkblue .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .readMoreButton {
  color: #184e77;
}
.darkblue .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbButton {
  background: #184e77;
}
.darkblue .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormSubtitle {
  color: #184e77;
}
.darkblue .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formButtonContainer .formSubmitButton {
  border: 3px solid #184e77;
  background: #184e77;
}
.darkblue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a::after {
  background: #184e77;
}
.darkblue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a:hover {
  color: #184e77;
}
.darkblue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon {
  border: 2px solid #184e77;
}
.darkblue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg {
  fill: #184e77;
}
.darkblue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg.telegramIcon path {
  stroke: #184e77;
}
.darkblue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon::after {
  background: #184e77;
}
.darkblue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon:hover svg.telegramIcon {
  fill: #184e77 !important;
}
.darkblue .footer .footerContainer .footerDownloadLinks {
  background: #184e77;
}
.darkblue .footer .footerContainer .footerDownloadLinks .footerDownloadLinksButton button {
  color: #184e77;
}
.darkblue .authModal .authModalContent .authLayout .modalCloseBtn {
  background: #184e77;
}
.darkblue .authModal .authModalContent .authLayout .authLayoutRow .rowButton {
  color: #184e77;
}
.darkblue .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navBarContainerLogo .navLogo {
  color: #184e77;
}
.darkblue .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink::after {
  background: #184e77;
}
.darkblue .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink:hover {
  color: #184e77;
}
.darkblue .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton {
  border: 2px solid #184e77;
  background: #184e77;
}
.darkblue .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  background: #184e77;
}
.darkblue .navbar.fixed .mobileNavbar .navbarContainer {
  color: #184e77;
}
.darkblue .navbar.fixed .mobileNavbar .navbarContainer .navBarContainerLogo .navLogo {
  color: #184e77;
}
.darkblue .navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton {
  border-color: #184e77;
  background: #184e77;
}
.darkblue .navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton.registerTeach {
  background: #184e77;
}
.darkblue .navbar .desktopNavbar.registerNav {
  background: #184e77;
}
.darkblue .navbar .mobileNavbar.regNav {
  background: #184e77;
}
.darkblue .navbar .navbarMenu {
  background-image: linear-gradient(to bottom right, #216aa1, #184e77);
}

.lightblue .registerForm .registerFormContainer.tabThree .authCodeContainer .authBox {
  border: 1px solid rgba(120, 198, 163, 0.5);
}
.lightblue .registerForm .registerFormContainer.tabThree .authCodeContainer .authBox:focus {
  border-color: #78c6a3;
}
.lightblue jdp-container .jdp-footer .jdp-btn-today,
.lightblue jdp-container .jdp-footer .jdp-btn-empty,
.lightblue jdp-container .jdp-btn-close {
  background: #78c6a3 !important;
}
.lightblue jdp-container .jdp-days .jdp-day.selected {
  background-color: #78c6a3 !important;
}
.lightblue .navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  color: #78c6a3;
}
.lightblue path#path334,
.lightblue path#path358,
.lightblue path#path366 {
  fill: #8aceaf;
}
.lightblue path#path326,
.lightblue path#path330 {
  fill: #78c6a3;
}
.lightblue path#path306 {
  fill: #66be97;
}
.lightblue .navbar .mobileNavbar .navbarContainer .navbarContainerButton {
  color: #78c6a3;
}
.lightblue .mobileMenuToggle path {
  stroke: #78c6a3;
}
.lightblue .loader {
  border: 3px solid #78c6a3;
}
.lightblue .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .tabIcon {
  color: #78c6a3;
  border-color: #78c6a3;
}
.lightblue .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .statusStepLine {
  background: #78c6a3;
}
.lightblue .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbTitle {
  color: #78c6a3;
}
.lightblue .registerForm .registerFormContainer .fromNavigationButtonContainer .navigationButton {
  background: #78c6a3;
}
.lightblue .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup.done .fileInputWrapper .fileInputThumb {
  border: 2px solid #78c6a3;
}
.lightblue .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputWrapper .fileInputThumb {
  border: 2px dashed rgba(120, 198, 163, 0.5);
}
.lightblue .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup span {
  color: #78c6a3;
}
.lightblue .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup span .addIcon {
  color: #78c6a3;
}
.lightblue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupLabel,
.lightblue .formTextAreaContainer.focus .groupLabel {
  color: #78c6a3 !important;
}
.lightblue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus textarea,
.lightblue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupTextInput,
.lightblue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .el-select__wrapper,
.lightblue .formTextAreaContainer.focus textarea,
.lightblue .formTextAreaContainer.focus .groupTextInput,
.lightblue .formTextAreaContainer.focus .el-select__wrapper {
  border-color: #78c6a3 !important;
}
.lightblue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup textarea,
.lightblue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .groupTextInput,
.lightblue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .el-select__wrapper,
.lightblue .formTextAreaContainer textarea,
.lightblue .formTextAreaContainer .groupTextInput,
.lightblue .formTextAreaContainer .el-select__wrapper {
  border: 1px solid rgba(120, 198, 163, 0.5);
}
.lightblue #menu #Vector,
.lightblue #menu #Vector-2,
.lightblue #menu #Vector-3 {
  stroke: #78c6a3;
}
.lightblue .messagesvg path#Vector,
.lightblue .messagesvg path#Vector-2 {
  fill: #78c6a3;
}
.lightblue .phonesvg path#Vector,
.lightblue .phonesvg path#Vector-2,
.lightblue .phonesvg path#Vector-3 {
  fill: #78c6a3;
}
.lightblue .easypaysvg .st3,
.lightblue .easypaysvg .st5,
.lightblue .easypaysvg .st10 {
  fill: #78c6a3;
}
.lightblue .reservesvg .st1 {
  fill: #78c6a3;
}
.lightblue .reservesvg .st12 {
  stroke: #78c6a3;
}
.lightblue .supportsvg .cls-7,
.lightblue .supportsvg .cls-8,
.lightblue .supportsvg .cls-9 {
  fill: #78c6a3;
}
.lightblue .multidropsvg .cls-5 {
  fill: #78c6a3;
}
.lightblue .economicsvg .cls-11,
.lightblue .economicsvg .cls-10 {
  fill: #78c6a3;
}
.lightblue .motorsvg .st5,
.lightblue .motorsvg .st6,
.lightblue .motorsvg .st7,
.lightblue .motorsvg .st14,
.lightblue .motorsvg .st20 {
  fill: #78c6a3;
}
.lightblue .preloader svg {
  fill: #9cd5bb;
}
.lightblue .preloader.registerPreloader svg {
  fill: #78c6a3;
}
.lightblue .homeHeader {
  background-image: linear-gradient(to bottom right, #9cd5bb, #78c6a3);
}
.lightblue .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .headerAppDownloadButton {
  color: #78c6a3;
}
.lightblue .mainConatiner .ratingBox .ratingBoxContainer {
  border: 2px solid #78c6a3;
  box-shadow: 0 0 12px rgba(120, 198, 163, 0.5);
}
.lightblue .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .plusMark,
.lightblue .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .ratingNum {
  color: #78c6a3;
}
.lightblue .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingTitle {
  color: #78c6a3;
}
.lightblue .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentSubtitle {
  color: #78c6a3;
}
.lightblue .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper .mainReasonContentButton {
  background: #78c6a3;
  border: 3px solid #78c6a3;
}
.lightblue .mainConatiner .mainRules {
  background: #78c6a3;
}
.lightblue .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .readMoreButton {
  color: #78c6a3;
}
.lightblue .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbButton {
  background: #78c6a3;
}
.lightblue .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormSubtitle {
  color: #78c6a3;
}
.lightblue .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formButtonContainer .formSubmitButton {
  border: 3px solid #78c6a3;
  background: #78c6a3;
}
.lightblue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a::after {
  background: #78c6a3;
}
.lightblue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a:hover {
  color: #78c6a3;
}
.lightblue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon {
  border: 2px solid #78c6a3;
}
.lightblue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg {
  fill: #78c6a3;
}
.lightblue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg.telegramIcon path {
  stroke: #78c6a3;
}
.lightblue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon::after {
  background: #78c6a3;
}
.lightblue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon:hover svg.telegramIcon {
  fill: #78c6a3 !important;
}
.lightblue .footer .footerContainer .footerDownloadLinks {
  background: #78c6a3;
}
.lightblue .footer .footerContainer .footerDownloadLinks .footerDownloadLinksButton button {
  color: #78c6a3;
}
.lightblue .authModal .authModalContent .authLayout .modalCloseBtn {
  background: #78c6a3;
}
.lightblue .authModal .authModalContent .authLayout .authLayoutRow .rowButton {
  color: #78c6a3;
}
.lightblue .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navBarContainerLogo .navLogo {
  color: #78c6a3;
}
.lightblue .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink::after {
  background: #78c6a3;
}
.lightblue .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink:hover {
  color: #78c6a3;
}
.lightblue .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton {
  border: 2px solid #78c6a3;
  background: #78c6a3;
}
.lightblue .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  background: #78c6a3;
}
.lightblue .navbar.fixed .mobileNavbar .navbarContainer {
  color: #78c6a3;
}
.lightblue .navbar.fixed .mobileNavbar .navbarContainer .navBarContainerLogo .navLogo {
  color: #78c6a3;
}
.lightblue .navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton {
  border-color: #78c6a3;
  background: #78c6a3;
}
.lightblue .navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton.registerTeach {
  background: #78c6a3;
}
.lightblue .navbar .desktopNavbar.registerNav {
  background: #78c6a3;
}
.lightblue .navbar .mobileNavbar.regNav {
  background: #78c6a3;
}
.lightblue .navbar .navbarMenu {
  background-image: linear-gradient(to bottom right, #9cd5bb, #78c6a3);
}

.yellow .registerForm .registerFormContainer.tabThree .authCodeContainer .authBox {
  border: 1px solid rgba(255, 208, 0, 0.5);
}
.yellow .registerForm .registerFormContainer.tabThree .authCodeContainer .authBox:focus {
  border-color: #ffd000;
}
.yellow jdp-container .jdp-footer .jdp-btn-today,
.yellow jdp-container .jdp-footer .jdp-btn-empty,
.yellow jdp-container .jdp-btn-close {
  background: #ffd000 !important;
}
.yellow jdp-container .jdp-days .jdp-day.selected {
  background-color: #ffd000 !important;
}
.yellow .navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  color: #ffd000;
}
.yellow path#path334,
.yellow path#path358,
.yellow path#path366 {
  fill: #ffd51a;
}
.yellow path#path326,
.yellow path#path330 {
  fill: #ffd000;
}
.yellow path#path306 {
  fill: #e6bb00;
}
.yellow .navbar .mobileNavbar .navbarContainer .navbarContainerButton {
  color: #ffd000;
}
.yellow .mobileMenuToggle path {
  stroke: #ffd000;
}
.yellow .loader {
  border: 3px solid #ffd000;
}
.yellow .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .tabIcon {
  color: #ffd000;
  border-color: #ffd000;
}
.yellow .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .statusStepLine {
  background: #ffd000;
}
.yellow .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbTitle {
  color: #ffd000;
}
.yellow .registerForm .registerFormContainer .fromNavigationButtonContainer .navigationButton {
  background: #ffd000;
}
.yellow .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup.done .fileInputWrapper .fileInputThumb {
  border: 2px solid #ffd000;
}
.yellow .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputWrapper .fileInputThumb {
  border: 2px dashed rgba(255, 208, 0, 0.5);
}
.yellow .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup span {
  color: #ffd000;
}
.yellow .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup span .addIcon {
  color: #ffd000;
}
.yellow .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupLabel,
.yellow .formTextAreaContainer.focus .groupLabel {
  color: #ffd000 !important;
}
.yellow .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus textarea,
.yellow .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupTextInput,
.yellow .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .el-select__wrapper,
.yellow .formTextAreaContainer.focus textarea,
.yellow .formTextAreaContainer.focus .groupTextInput,
.yellow .formTextAreaContainer.focus .el-select__wrapper {
  border-color: #ffd000 !important;
}
.yellow .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup textarea,
.yellow .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .groupTextInput,
.yellow .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .el-select__wrapper,
.yellow .formTextAreaContainer textarea,
.yellow .formTextAreaContainer .groupTextInput,
.yellow .formTextAreaContainer .el-select__wrapper {
  border: 1px solid rgba(255, 208, 0, 0.5);
}
.yellow #menu #Vector,
.yellow #menu #Vector-2,
.yellow #menu #Vector-3 {
  stroke: #ffd000;
}
.yellow .messagesvg path#Vector,
.yellow .messagesvg path#Vector-2 {
  fill: #ffd000;
}
.yellow .phonesvg path#Vector,
.yellow .phonesvg path#Vector-2,
.yellow .phonesvg path#Vector-3 {
  fill: #ffd000;
}
.yellow .easypaysvg .st3,
.yellow .easypaysvg .st5,
.yellow .easypaysvg .st10 {
  fill: #ffd000;
}
.yellow .reservesvg .st1 {
  fill: #ffd000;
}
.yellow .reservesvg .st12 {
  stroke: #ffd000;
}
.yellow .supportsvg .cls-7,
.yellow .supportsvg .cls-8,
.yellow .supportsvg .cls-9 {
  fill: #ffd000;
}
.yellow .multidropsvg .cls-5 {
  fill: #ffd000;
}
.yellow .economicsvg .cls-11,
.yellow .economicsvg .cls-10 {
  fill: #ffd000;
}
.yellow .motorsvg .st5,
.yellow .motorsvg .st6,
.yellow .motorsvg .st7,
.yellow .motorsvg .st14,
.yellow .motorsvg .st20 {
  fill: #ffd000;
}
.yellow .preloader svg {
  fill: #ffd933;
}
.yellow .preloader.registerPreloader svg {
  fill: #ffd000;
}
.yellow .homeHeader {
  background-image: linear-gradient(to bottom right, #ffd933, #ffd000);
}
.yellow .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .headerAppDownloadButton {
  color: #ffd000;
}
.yellow .mainConatiner .ratingBox .ratingBoxContainer {
  border: 2px solid #ffd000;
  box-shadow: 0 0 12px rgba(255, 208, 0, 0.5);
}
.yellow .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .plusMark,
.yellow .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .ratingNum {
  color: #ffd000;
}
.yellow .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingTitle {
  color: #ffd000;
}
.yellow .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentSubtitle {
  color: #ffd000;
}
.yellow .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper .mainReasonContentButton {
  background: #ffd000;
  border: 3px solid #ffd000;
}
.yellow .mainConatiner .mainRules {
  background: #ffd000;
}
.yellow .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .readMoreButton {
  color: #ffd000;
}
.yellow .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbButton {
  background: #ffd000;
}
.yellow .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormSubtitle {
  color: #ffd000;
}
.yellow .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formButtonContainer .formSubmitButton {
  border: 3px solid #ffd000;
  background: #ffd000;
}
.yellow .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a::after {
  background: #ffd000;
}
.yellow .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a:hover {
  color: #ffd000;
}
.yellow .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon {
  border: 2px solid #ffd000;
}
.yellow .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg {
  fill: #ffd000;
}
.yellow .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg.telegramIcon path {
  stroke: #ffd000;
}
.yellow .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon::after {
  background: #ffd000;
}
.yellow .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon:hover svg.telegramIcon {
  fill: #ffd000 !important;
}
.yellow .footer .footerContainer .footerDownloadLinks {
  background: #ffd000;
}
.yellow .footer .footerContainer .footerDownloadLinks .footerDownloadLinksButton button {
  color: #ffd000;
}
.yellow .authModal .authModalContent .authLayout .modalCloseBtn {
  background: #ffd000;
}
.yellow .authModal .authModalContent .authLayout .authLayoutRow .rowButton {
  color: #ffd000;
}
.yellow .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navBarContainerLogo .navLogo {
  color: #ffd000;
}
.yellow .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink::after {
  background: #ffd000;
}
.yellow .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink:hover {
  color: #ffd000;
}
.yellow .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton {
  border: 2px solid #ffd000;
  background: #ffd000;
}
.yellow .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  background: #ffd000;
}
.yellow .navbar.fixed .mobileNavbar .navbarContainer {
  color: #ffd000;
}
.yellow .navbar.fixed .mobileNavbar .navbarContainer .navBarContainerLogo .navLogo {
  color: #ffd000;
}
.yellow .navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton {
  border-color: #ffd000;
  background: #ffd000;
}
.yellow .navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton.registerTeach {
  background: #ffd000;
}
.yellow .navbar .desktopNavbar.registerNav {
  background: #ffd000;
}
.yellow .navbar .mobileNavbar.regNav {
  background: #ffd000;
}
.yellow .navbar .navbarMenu {
  background-image: linear-gradient(to bottom right, #ffd933, #ffd000);
}

.purple .registerForm .registerFormContainer.tabThree .authCodeContainer .authBox {
  border: 1px solid rgba(183, 18, 128, 0.5);
}
.purple .registerForm .registerFormContainer.tabThree .authCodeContainer .authBox:focus {
  border-color: #b71280;
}
.purple jdp-container .jdp-footer .jdp-btn-today,
.purple jdp-container .jdp-footer .jdp-btn-empty,
.purple jdp-container .jdp-btn-close {
  background: #b71280 !important;
}
.purple jdp-container .jdp-days .jdp-day.selected {
  background-color: #b71280 !important;
}
.purple .navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  color: #b71280;
}
.purple path#path334,
.purple path#path358,
.purple path#path366 {
  fill: #ce1490;
}
.purple path#path326,
.purple path#path330 {
  fill: #b71280;
}
.purple path#path306 {
  fill: #a01070;
}
.purple .navbar .mobileNavbar .navbarContainer .navbarContainerButton {
  color: #b71280;
}
.purple .mobileMenuToggle path {
  stroke: #b71280;
}
.purple .loader {
  border: 3px solid #b71280;
}
.purple .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .tabIcon {
  color: #b71280;
  border-color: #b71280;
}
.purple .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .statusStepLine {
  background: #b71280;
}
.purple .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbTitle {
  color: #b71280;
}
.purple .registerForm .registerFormContainer .fromNavigationButtonContainer .navigationButton {
  background: #b71280;
}
.purple .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup.done .fileInputWrapper .fileInputThumb {
  border: 2px solid #b71280;
}
.purple .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputWrapper .fileInputThumb {
  border: 2px dashed rgba(183, 18, 128, 0.5);
}
.purple .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup span {
  color: #b71280;
}
.purple .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup span .addIcon {
  color: #b71280;
}
.purple .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupLabel,
.purple .formTextAreaContainer.focus .groupLabel {
  color: #b71280 !important;
}
.purple .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus textarea,
.purple .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupTextInput,
.purple .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .el-select__wrapper,
.purple .formTextAreaContainer.focus textarea,
.purple .formTextAreaContainer.focus .groupTextInput,
.purple .formTextAreaContainer.focus .el-select__wrapper {
  border-color: #b71280 !important;
}
.purple .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup textarea,
.purple .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .groupTextInput,
.purple .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .el-select__wrapper,
.purple .formTextAreaContainer textarea,
.purple .formTextAreaContainer .groupTextInput,
.purple .formTextAreaContainer .el-select__wrapper {
  border: 1px solid rgba(183, 18, 128, 0.5);
}
.purple #menu #Vector,
.purple #menu #Vector-2,
.purple #menu #Vector-3 {
  stroke: #b71280;
}
.purple .messagesvg path#Vector,
.purple .messagesvg path#Vector-2 {
  fill: #b71280;
}
.purple .phonesvg path#Vector,
.purple .phonesvg path#Vector-2,
.purple .phonesvg path#Vector-3 {
  fill: #b71280;
}
.purple .easypaysvg .st3,
.purple .easypaysvg .st5,
.purple .easypaysvg .st10 {
  fill: #b71280;
}
.purple .reservesvg .st1 {
  fill: #b71280;
}
.purple .reservesvg .st12 {
  stroke: #b71280;
}
.purple .supportsvg .cls-7,
.purple .supportsvg .cls-8,
.purple .supportsvg .cls-9 {
  fill: #b71280;
}
.purple .multidropsvg .cls-5 {
  fill: #b71280;
}
.purple .economicsvg .cls-11,
.purple .economicsvg .cls-10 {
  fill: #b71280;
}
.purple .motorsvg .st5,
.purple .motorsvg .st6,
.purple .motorsvg .st7,
.purple .motorsvg .st14,
.purple .motorsvg .st20 {
  fill: #b71280;
}
.purple .preloader svg {
  fill: #e517a0;
}
.purple .preloader.registerPreloader svg {
  fill: #b71280;
}
.purple .homeHeader {
  background-image: linear-gradient(to bottom right, #e517a0, #b71280);
}
.purple .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .headerAppDownloadButton {
  color: #b71280;
}
.purple .mainConatiner .ratingBox .ratingBoxContainer {
  border: 2px solid #b71280;
  box-shadow: 0 0 12px rgba(183, 18, 128, 0.5);
}
.purple .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .plusMark,
.purple .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .ratingNum {
  color: #b71280;
}
.purple .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingTitle {
  color: #b71280;
}
.purple .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentSubtitle {
  color: #b71280;
}
.purple .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper .mainReasonContentButton {
  background: #b71280;
  border: 3px solid #b71280;
}
.purple .mainConatiner .mainRules {
  background: #b71280;
}
.purple .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .readMoreButton {
  color: #b71280;
}
.purple .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbButton {
  background: #b71280;
}
.purple .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormSubtitle {
  color: #b71280;
}
.purple .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formButtonContainer .formSubmitButton {
  border: 3px solid #b71280;
  background: #b71280;
}
.purple .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a::after {
  background: #b71280;
}
.purple .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a:hover {
  color: #b71280;
}
.purple .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon {
  border: 2px solid #b71280;
}
.purple .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg {
  fill: #b71280;
}
.purple .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg.telegramIcon path {
  stroke: #b71280;
}
.purple .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon::after {
  background: #b71280;
}
.purple .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon:hover svg.telegramIcon {
  fill: #b71280 !important;
}
.purple .footer .footerContainer .footerDownloadLinks {
  background: #b71280;
}
.purple .footer .footerContainer .footerDownloadLinks .footerDownloadLinksButton button {
  color: #b71280;
}
.purple .authModal .authModalContent .authLayout .modalCloseBtn {
  background: #b71280;
}
.purple .authModal .authModalContent .authLayout .authLayoutRow .rowButton {
  color: #b71280;
}
.purple .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navBarContainerLogo .navLogo {
  color: #b71280;
}
.purple .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink::after {
  background: #b71280;
}
.purple .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink:hover {
  color: #b71280;
}
.purple .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton {
  border: 2px solid #b71280;
  background: #b71280;
}
.purple .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  background: #b71280;
}
.purple .navbar.fixed .mobileNavbar .navbarContainer {
  color: #b71280;
}
.purple .navbar.fixed .mobileNavbar .navbarContainer .navBarContainerLogo .navLogo {
  color: #b71280;
}
.purple .navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton {
  border-color: #b71280;
  background: #b71280;
}
.purple .navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton.registerTeach {
  background: #b71280;
}
.purple .navbar .desktopNavbar.registerNav {
  background: #b71280;
}
.purple .navbar .mobileNavbar.regNav {
  background: #b71280;
}
.purple .navbar .navbarMenu {
  background-image: linear-gradient(to bottom right, #e517a0, #b71280);
}

.iraniangreen .registerForm .registerFormContainer.tabThree .authCodeContainer .authBox {
  border: 1px solid rgba(0, 166, 147, 0.5);
}
.iraniangreen .registerForm .registerFormContainer.tabThree .authCodeContainer .authBox:focus {
  border-color: #00a693;
}
.iraniangreen jdp-container .jdp-footer .jdp-btn-today,
.iraniangreen jdp-container .jdp-footer .jdp-btn-empty,
.iraniangreen jdp-container .jdp-btn-close {
  background: #00a693 !important;
}
.iraniangreen jdp-container .jdp-days .jdp-day.selected {
  background-color: #00a693 !important;
}
.iraniangreen .navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  color: #00a693;
}
.iraniangreen path#path334,
.iraniangreen path#path358,
.iraniangreen path#path366 {
  fill: #00c0aa;
}
.iraniangreen path#path326,
.iraniangreen path#path330 {
  fill: #00a693;
}
.iraniangreen path#path306 {
  fill: #008d7c;
}
.iraniangreen .navbar .mobileNavbar .navbarContainer .navbarContainerButton {
  color: #00a693;
}
.iraniangreen .mobileMenuToggle path {
  stroke: #00a693;
}
.iraniangreen .loader {
  border: 3px solid #00a693;
}
.iraniangreen .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .tabIcon {
  color: #00a693;
  border-color: #00a693;
}
.iraniangreen .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .statusStepLine {
  background: #00a693;
}
.iraniangreen .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbTitle {
  color: #00a693;
}
.iraniangreen .registerForm .registerFormContainer .fromNavigationButtonContainer .navigationButton {
  background: #00a693;
}
.iraniangreen .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup.done .fileInputWrapper .fileInputThumb {
  border: 2px solid #00a693;
}
.iraniangreen .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputWrapper .fileInputThumb {
  border: 2px dashed rgba(0, 166, 147, 0.5);
}
.iraniangreen .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup span {
  color: #00a693;
}
.iraniangreen .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup span .addIcon {
  color: #00a693;
}
.iraniangreen .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupLabel,
.iraniangreen .formTextAreaContainer.focus .groupLabel {
  color: #00a693 !important;
}
.iraniangreen .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus textarea,
.iraniangreen .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupTextInput,
.iraniangreen .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .el-select__wrapper,
.iraniangreen .formTextAreaContainer.focus textarea,
.iraniangreen .formTextAreaContainer.focus .groupTextInput,
.iraniangreen .formTextAreaContainer.focus .el-select__wrapper {
  border-color: #00a693 !important;
}
.iraniangreen .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup textarea,
.iraniangreen .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .groupTextInput,
.iraniangreen .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .el-select__wrapper,
.iraniangreen .formTextAreaContainer textarea,
.iraniangreen .formTextAreaContainer .groupTextInput,
.iraniangreen .formTextAreaContainer .el-select__wrapper {
  border: 1px solid rgba(0, 166, 147, 0.5);
}
.iraniangreen #menu #Vector,
.iraniangreen #menu #Vector-2,
.iraniangreen #menu #Vector-3 {
  stroke: #00a693;
}
.iraniangreen .messagesvg path#Vector,
.iraniangreen .messagesvg path#Vector-2 {
  fill: #00a693;
}
.iraniangreen .phonesvg path#Vector,
.iraniangreen .phonesvg path#Vector-2,
.iraniangreen .phonesvg path#Vector-3 {
  fill: #00a693;
}
.iraniangreen .easypaysvg .st3,
.iraniangreen .easypaysvg .st5,
.iraniangreen .easypaysvg .st10 {
  fill: #00a693;
}
.iraniangreen .reservesvg .st1 {
  fill: #00a693;
}
.iraniangreen .reservesvg .st12 {
  stroke: #00a693;
}
.iraniangreen .supportsvg .cls-7,
.iraniangreen .supportsvg .cls-8,
.iraniangreen .supportsvg .cls-9 {
  fill: #00a693;
}
.iraniangreen .multidropsvg .cls-5 {
  fill: #00a693;
}
.iraniangreen .economicsvg .cls-11,
.iraniangreen .economicsvg .cls-10 {
  fill: #00a693;
}
.iraniangreen .motorsvg .st5,
.iraniangreen .motorsvg .st6,
.iraniangreen .motorsvg .st7,
.iraniangreen .motorsvg .st14,
.iraniangreen .motorsvg .st20 {
  fill: #00a693;
}
.iraniangreen .preloader svg {
  fill: #00d9c0;
}
.iraniangreen .preloader.registerPreloader svg {
  fill: #00a693;
}
.iraniangreen .homeHeader {
  background-image: linear-gradient(to bottom right, #00d9c0, #00a693);
}
.iraniangreen .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .headerAppDownloadButton {
  color: #00a693;
}
.iraniangreen .mainConatiner .ratingBox .ratingBoxContainer {
  border: 2px solid #00a693;
  box-shadow: 0 0 12px rgba(0, 166, 147, 0.5);
}
.iraniangreen .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .plusMark,
.iraniangreen .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .ratingNum {
  color: #00a693;
}
.iraniangreen .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingTitle {
  color: #00a693;
}
.iraniangreen .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentSubtitle {
  color: #00a693;
}
.iraniangreen .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper .mainReasonContentButton {
  background: #00a693;
  border: 3px solid #00a693;
}
.iraniangreen .mainConatiner .mainRules {
  background: #00a693;
}
.iraniangreen .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .readMoreButton {
  color: #00a693;
}
.iraniangreen .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbButton {
  background: #00a693;
}
.iraniangreen .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormSubtitle {
  color: #00a693;
}
.iraniangreen .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formButtonContainer .formSubmitButton {
  border: 3px solid #00a693;
  background: #00a693;
}
.iraniangreen .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a::after {
  background: #00a693;
}
.iraniangreen .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a:hover {
  color: #00a693;
}
.iraniangreen .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon {
  border: 2px solid #00a693;
}
.iraniangreen .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg {
  fill: #00a693;
}
.iraniangreen .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg.telegramIcon path {
  stroke: #00a693;
}
.iraniangreen .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon::after {
  background: #00a693;
}
.iraniangreen .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon:hover svg.telegramIcon {
  fill: #00a693 !important;
}
.iraniangreen .footer .footerContainer .footerDownloadLinks {
  background: #00a693;
}
.iraniangreen .footer .footerContainer .footerDownloadLinks .footerDownloadLinksButton button {
  color: #00a693;
}
.iraniangreen .authModal .authModalContent .authLayout .modalCloseBtn {
  background: #00a693;
}
.iraniangreen .authModal .authModalContent .authLayout .authLayoutRow .rowButton {
  color: #00a693;
}
.iraniangreen .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navBarContainerLogo .navLogo {
  color: #00a693;
}
.iraniangreen .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink::after {
  background: #00a693;
}
.iraniangreen .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink:hover {
  color: #00a693;
}
.iraniangreen .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton {
  border: 2px solid #00a693;
  background: #00a693;
}
.iraniangreen .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  background: #00a693;
}
.iraniangreen .navbar.fixed .mobileNavbar .navbarContainer {
  color: #00a693;
}
.iraniangreen .navbar.fixed .mobileNavbar .navbarContainer .navBarContainerLogo .navLogo {
  color: #00a693;
}
.iraniangreen .navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton {
  border-color: #00a693;
  background: #00a693;
}
.iraniangreen .navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton.registerTeach {
  background: #00a693;
}
.iraniangreen .navbar .desktopNavbar.registerNav {
  background: #00a693;
}
.iraniangreen .navbar .mobileNavbar.regNav {
  background: #00a693;
}
.iraniangreen .navbar .navbarMenu {
  background-image: linear-gradient(to bottom right, #00d9c0, #00a693);
}

.blue .registerForm .registerFormContainer.tabThree .authCodeContainer .authBox {
  border: 1px solid rgba(0, 150, 199, 0.5);
}
.blue .registerForm .registerFormContainer.tabThree .authCodeContainer .authBox:focus {
  border-color: #0096c7;
}
.blue jdp-container .jdp-footer .jdp-btn-today,
.blue jdp-container .jdp-footer .jdp-btn-empty,
.blue jdp-container .jdp-btn-close {
  background: #0096c7 !important;
}
.blue jdp-container .jdp-days .jdp-day.selected {
  background-color: #0096c7 !important;
}
.blue .navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  color: #0096c7;
}
.blue path#path334,
.blue path#path358,
.blue path#path366 {
  fill: #00a9e1;
}
.blue path#path326,
.blue path#path330 {
  fill: #0096c7;
}
.blue path#path306 {
  fill: #0083ae;
}
.blue .navbar .mobileNavbar .navbarContainer .navbarContainerButton {
  color: #0096c7;
}
.blue .mobileMenuToggle path {
  stroke: #0096c7;
}
.blue .loader {
  border: 3px solid #0096c7;
}
.blue .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .tabIcon {
  color: #0096c7;
  border-color: #0096c7;
}
.blue .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .statusStepLine {
  background: #0096c7;
}
.blue .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbTitle {
  color: #0096c7;
}
.blue .registerForm .registerFormContainer .fromNavigationButtonContainer .navigationButton {
  background: #0096c7;
}
.blue .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup.done .fileInputWrapper .fileInputThumb {
  border: 2px solid #0096c7;
}
.blue .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputWrapper .fileInputThumb {
  border: 2px dashed rgba(0, 150, 199, 0.5);
}
.blue .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup span {
  color: #0096c7;
}
.blue .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup span .addIcon {
  color: #0096c7;
}
.blue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupLabel,
.blue .formTextAreaContainer.focus .groupLabel {
  color: #0096c7 !important;
}
.blue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus textarea,
.blue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupTextInput,
.blue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .el-select__wrapper,
.blue .formTextAreaContainer.focus textarea,
.blue .formTextAreaContainer.focus .groupTextInput,
.blue .formTextAreaContainer.focus .el-select__wrapper {
  border-color: #0096c7 !important;
}
.blue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup textarea,
.blue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .groupTextInput,
.blue .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .el-select__wrapper,
.blue .formTextAreaContainer textarea,
.blue .formTextAreaContainer .groupTextInput,
.blue .formTextAreaContainer .el-select__wrapper {
  border: 1px solid rgba(0, 150, 199, 0.5);
}
.blue #menu #Vector,
.blue #menu #Vector-2,
.blue #menu #Vector-3 {
  stroke: #0096c7;
}
.blue .messagesvg path#Vector,
.blue .messagesvg path#Vector-2 {
  fill: #0096c7;
}
.blue .phonesvg path#Vector,
.blue .phonesvg path#Vector-2,
.blue .phonesvg path#Vector-3 {
  fill: #0096c7;
}
.blue .easypaysvg .st3,
.blue .easypaysvg .st5,
.blue .easypaysvg .st10 {
  fill: #0096c7;
}
.blue .reservesvg .st1 {
  fill: #0096c7;
}
.blue .reservesvg .st12 {
  stroke: #0096c7;
}
.blue .supportsvg .cls-7,
.blue .supportsvg .cls-8,
.blue .supportsvg .cls-9 {
  fill: #0096c7;
}
.blue .multidropsvg .cls-5 {
  fill: #0096c7;
}
.blue .economicsvg .cls-11,
.blue .economicsvg .cls-10 {
  fill: #0096c7;
}
.blue .motorsvg .st5,
.blue .motorsvg .st6,
.blue .motorsvg .st7,
.blue .motorsvg .st14,
.blue .motorsvg .st20 {
  fill: #0096c7;
}
.blue .preloader svg {
  fill: #00bcfa;
}
.blue .preloader.registerPreloader svg {
  fill: #0096c7;
}
.blue .homeHeader {
  background-image: linear-gradient(to bottom right, #00bcfa, #0096c7);
}
.blue .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .headerAppDownloadButton {
  color: #0096c7;
}
.blue .mainConatiner .ratingBox .ratingBoxContainer {
  border: 2px solid #0096c7;
  box-shadow: 0 0 12px rgba(0, 150, 199, 0.5);
}
.blue .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .plusMark,
.blue .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .ratingNum {
  color: #0096c7;
}
.blue .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingTitle {
  color: #0096c7;
}
.blue .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentSubtitle {
  color: #0096c7;
}
.blue .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper .mainReasonContentButton {
  background: #0096c7;
  border: 3px solid #0096c7;
}
.blue .mainConatiner .mainRules {
  background: #0096c7;
}
.blue .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .readMoreButton {
  color: #0096c7;
}
.blue .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbButton {
  background: #0096c7;
}
.blue .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormSubtitle {
  color: #0096c7;
}
.blue .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formButtonContainer .formSubmitButton {
  border: 3px solid #0096c7;
  background: #0096c7;
}
.blue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a::after {
  background: #0096c7;
}
.blue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a:hover {
  color: #0096c7;
}
.blue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon {
  border: 2px solid #0096c7;
}
.blue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg {
  fill: #0096c7;
}
.blue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg.telegramIcon path {
  stroke: #0096c7;
}
.blue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon::after {
  background: #0096c7;
}
.blue .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon:hover svg.telegramIcon {
  fill: #0096c7 !important;
}
.blue .footer .footerContainer .footerDownloadLinks {
  background: #0096c7;
}
.blue .footer .footerContainer .footerDownloadLinks .footerDownloadLinksButton button {
  color: #0096c7;
}
.blue .authModal .authModalContent .authLayout .modalCloseBtn {
  background: #0096c7;
}
.blue .authModal .authModalContent .authLayout .authLayoutRow .rowButton {
  color: #0096c7;
}
.blue .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navBarContainerLogo .navLogo {
  color: #0096c7;
}
.blue .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink::after {
  background: #0096c7;
}
.blue .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink:hover {
  color: #0096c7;
}
.blue .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton {
  border: 2px solid #0096c7;
  background: #0096c7;
}
.blue .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  background: #0096c7;
}
.blue .navbar.fixed .mobileNavbar .navbarContainer {
  color: #0096c7;
}
.blue .navbar.fixed .mobileNavbar .navbarContainer .navBarContainerLogo .navLogo {
  color: #0096c7;
}
.blue .navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton {
  border-color: #0096c7;
  background: #0096c7;
}
.blue .navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton.registerTeach {
  background: #0096c7;
}
.blue .navbar .desktopNavbar.registerNav {
  background: #0096c7;
}
.blue .navbar .mobileNavbar.regNav {
  background: #0096c7;
}
.blue .navbar .navbarMenu {
  background-image: linear-gradient(to bottom right, #00bcfa, #0096c7);
}

.customGreen .registerForm .registerFormContainer.tabThree .authCodeContainer .authBox {
  border: 1px solid rgba(179, 136, 235, 0.5);
}
.customGreen .registerForm .registerFormContainer.tabThree .authCodeContainer .authBox:focus {
  border-color: #b388eb;
}
.customGreen jdp-container .jdp-footer .jdp-btn-today,
.customGreen jdp-container .jdp-footer .jdp-btn-empty,
.customGreen jdp-container .jdp-btn-close {
  background: #b388eb !important;
}
.customGreen jdp-container .jdp-days .jdp-day.selected {
  background-color: #b388eb !important;
}
.customGreen .navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  color: #b388eb;
}
.customGreen path#path334,
.customGreen path#path358,
.customGreen path#path366 {
  fill: #c19eef;
}
.customGreen path#path326,
.customGreen path#path330 {
  fill: #b388eb;
}
.customGreen path#path306 {
  fill: #a572e7;
}
.customGreen .navbar .mobileNavbar .navbarContainer .navbarContainerButton {
  color: #b388eb;
}
.customGreen .mobileMenuToggle path {
  stroke: #b388eb;
}
.customGreen .loader {
  border: 3px solid #b388eb;
}
.customGreen .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .tabIcon {
  color: #b388eb;
  border-color: #b388eb;
}
.customGreen .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .statusStepLine {
  background: #b388eb;
}
.customGreen .registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbTitle {
  color: #b388eb;
}
.customGreen .registerForm .registerFormContainer .fromNavigationButtonContainer .navigationButton {
  background: #b388eb;
}
.customGreen .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup.done .fileInputWrapper .fileInputThumb {
  border: 2px solid #b388eb;
}
.customGreen .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputWrapper .fileInputThumb {
  border: 2px dashed rgba(179, 136, 235, 0.5);
}
.customGreen .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup span {
  color: #b388eb;
}
.customGreen .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup span .addIcon {
  color: #b388eb;
}
.customGreen .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupLabel,
.customGreen .formTextAreaContainer.focus .groupLabel {
  color: #b388eb !important;
}
.customGreen .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus textarea,
.customGreen .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupTextInput,
.customGreen .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .el-select__wrapper,
.customGreen .formTextAreaContainer.focus textarea,
.customGreen .formTextAreaContainer.focus .groupTextInput,
.customGreen .formTextAreaContainer.focus .el-select__wrapper {
  border-color: #b388eb !important;
}
.customGreen .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup textarea,
.customGreen .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .groupTextInput,
.customGreen .registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .el-select__wrapper,
.customGreen .formTextAreaContainer textarea,
.customGreen .formTextAreaContainer .groupTextInput,
.customGreen .formTextAreaContainer .el-select__wrapper {
  border: 1px solid rgba(179, 136, 235, 0.5);
}
.customGreen #menu #Vector,
.customGreen #menu #Vector-2,
.customGreen #menu #Vector-3 {
  stroke: #b388eb;
}
.customGreen .messagesvg path#Vector,
.customGreen .messagesvg path#Vector-2 {
  fill: #b388eb;
}
.customGreen .phonesvg path#Vector,
.customGreen .phonesvg path#Vector-2,
.customGreen .phonesvg path#Vector-3 {
  fill: #b388eb;
}
.customGreen .easypaysvg .st3,
.customGreen .easypaysvg .st5,
.customGreen .easypaysvg .st10 {
  fill: #b388eb;
}
.customGreen .reservesvg .st1 {
  fill: #b388eb;
}
.customGreen .reservesvg .st12 {
  stroke: #b388eb;
}
.customGreen .supportsvg .cls-7,
.customGreen .supportsvg .cls-8,
.customGreen .supportsvg .cls-9 {
  fill: #b388eb;
}
.customGreen .multidropsvg .cls-5 {
  fill: #b388eb;
}
.customGreen .economicsvg .cls-11,
.customGreen .economicsvg .cls-10 {
  fill: #b388eb;
}
.customGreen .motorsvg .st5,
.customGreen .motorsvg .st6,
.customGreen .motorsvg .st7,
.customGreen .motorsvg .st14,
.customGreen .motorsvg .st20 {
  fill: #b388eb;
}
.customGreen .preloader svg {
  fill: #cfb4f2;
}
.customGreen .preloader.registerPreloader svg {
  fill: #b388eb;
}
.customGreen .homeHeader {
  background-image: linear-gradient(to bottom right, #cfb4f2, #b388eb);
}
.customGreen .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .headerAppDownloadButton {
  color: #b388eb;
}
.customGreen .mainConatiner .ratingBox .ratingBoxContainer {
  border: 2px solid #b388eb;
  box-shadow: 0 0 12px rgba(179, 136, 235, 0.5);
}
.customGreen .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .plusMark,
.customGreen .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .ratingNum {
  color: #b388eb;
}
.customGreen .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingTitle {
  color: #b388eb;
}
.customGreen .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentSubtitle {
  color: #b388eb;
}
.customGreen .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper .mainReasonContentButton {
  background: #b388eb;
  border: 3px solid #b388eb;
}
.customGreen .mainConatiner .mainRules {
  background: #b388eb;
}
.customGreen .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .readMoreButton {
  color: #b388eb;
}
.customGreen .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbButton {
  background: #b388eb;
}
.customGreen .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormSubtitle {
  color: #b388eb;
}
.customGreen .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formButtonContainer .formSubmitButton {
  border: 3px solid #b388eb;
  background: #b388eb;
}
.customGreen .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a::after {
  background: #b388eb;
}
.customGreen .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a:hover {
  color: #b388eb;
}
.customGreen .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon {
  border: 2px solid #b388eb;
}
.customGreen .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg {
  fill: #b388eb;
}
.customGreen .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg.telegramIcon path {
  stroke: #b388eb;
}
.customGreen .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon::after {
  background: #b388eb;
}
.customGreen .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon:hover svg.telegramIcon {
  fill: #b388eb !important;
}
.customGreen .footer .footerContainer .footerDownloadLinks {
  background: #b388eb;
}
.customGreen .footer .footerContainer .footerDownloadLinks .footerDownloadLinksButton button {
  color: #b388eb;
}
.customGreen .authModal .authModalContent .authLayout .modalCloseBtn {
  background: #b388eb;
}
.customGreen .authModal .authModalContent .authLayout .authLayoutRow .rowButton {
  color: #b388eb;
}
.customGreen .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navBarContainerLogo .navLogo {
  color: #b388eb;
}
.customGreen .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink::after {
  background: #b388eb;
}
.customGreen .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink:hover {
  color: #b388eb;
}
.customGreen .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton {
  border: 2px solid #b388eb;
  background: #b388eb;
}
.customGreen .navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  background: #b388eb;
}
.customGreen .navbar.fixed .mobileNavbar .navbarContainer {
  color: #b388eb;
}
.customGreen .navbar.fixed .mobileNavbar .navbarContainer .navBarContainerLogo .navLogo {
  color: #b388eb;
}
.customGreen .navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton {
  border-color: #b388eb;
  background: #b388eb;
}
.customGreen .navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton.registerTeach {
  background: #b388eb;
}
.customGreen .navbar .desktopNavbar.registerNav {
  background: #b388eb;
}
.customGreen .navbar .mobileNavbar.regNav {
  background: #b388eb;
}
.customGreen .navbar .navbarMenu {
  background-image: linear-gradient(to bottom right, #cfb4f2, #b388eb);
}

.home {
  width: 100%;
}
.home .homeHeader {
  width: 100%;
  background-position: left 0px top 0px, right 0px top 50%, center bottom;
  background-repeat: no-repeat;
  padding-bottom: 36px;
}
.home .homeHeader .headerContent {
  width: 100%;
  z-index: 0;
}
.home .homeHeader .headerContent .headerContentContainer {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 80%;
  height: 100%;
  margin: 0 auto;
}
.home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn {
  height: 100%;
  width: 100%;
}
.home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn:first-of-type {
  margin-top: 140px;
}
.home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .headerContentTitle {
  margin-bottom: 20px;
}
.home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .headerContentTitle .contentTitle {
  font-family: "iranyekanB", sans-serif;
  font-size: 40px;
  color: #fff;
}
.home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .containerContentTitle {
  font-size: 1.5rem;
  color: #fff;
  margin-bottom: 12px;
}
.home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .containerContentDesc {
  font-size: 14px;
  color: #fff;
}
.home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .headerAppDownloadButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 244px;
  height: 56px;
  background: #fff;
  border-radius: 8px;
  font-family: "iranyekanB", sans-serif;
  font-size: 1.25rem;
  margin: 24px 0 0;
  transition: all 0.1s;
}
.home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .headerAppDownloadButton:hover {
  transform: scale(1.05);
}
.home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .headerContentImageContainer {
  width: 100%;
  height: 100%;
  text-align: left;
  margin-top: 16px;
}
.home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .headerContentImageContainer img {
  max-width: 100%;
  height: 580px;
  -o-object-fit: contain;
     object-fit: contain;
}
.home .mainConatiner .ratingBox {
  width: 80%;
  margin: 76px auto 0;
}
.home .mainConatiner .ratingBox .ratingBoxContainer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: #fff;
  border-radius: 24px;
}
.home .mainConatiner .ratingBox .ratingBoxContainer.mobileRatingBox {
  display: none;
}
.home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
}
.home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner {
  display: flex;
  align-items: center;
}
.home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .plusMark {
  font-family: "iranyekanB", sans-serif;
  font-size: 3rem;
}
.home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .ratingNum {
  direction: ltr;
  font-family: "iranyekanB", sans-serif;
  font-size: 3rem;
}
.home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingTitle {
  font-family: "iranyekan", sans-serif;
  font-size: 1.25rem;
}
.home .mainConatiner .mainReason {
  width: 90%;
  margin: 0 auto;
}
.home .mainConatiner .mainReason .mainReasonContainer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn {
  width: 48%;
}
.home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentSubtitle {
  font-family: "iranyekanB", sans-serif;
  font-size: 1.1rem;
}
.home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentTitle {
  font-family: "iranyekanB", sans-serif;
  font-size: 2rem;
  margin-bottom: 20px;
}
.home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentText {
  width: 90%;
  font-size: 0.9rem;
  line-height: 1.75rem;
}
.home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper {
  width: 85%;
  display: flex;
  justify-content: left;
  margin-top: 24px;
}
.home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper .mainReasonContentButton {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 48px;
  font-family: "iranyekanB", sans-serif;
  font-size: 1.25rem;
  color: #fff;
  border-radius: 8px;
  transition: all 0.05s ease-in-out;
  overflow: hidden;
}
.home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper .mainReasonContentButton span {
  position: relative;
  transition: all 0.15s ease-in-out;
  z-index: 2;
}
.home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper .mainReasonContentButton:active {
  transform: scale(0.95);
}
.home .mainConatiner .mainBenefits {
  width: 90%;
  margin: 0 auto 68px;
}
.home .mainConatiner .mainBenefits .mainBenefitsTitleContainer {
  margin-bottom: 32px;
}
.home .mainConatiner .mainBenefits .mainBenefitsTitleContainer .mainBenefitsTitle {
  font-family: "iranyekanB", sans-serif;
  font-size: 2rem;
  text-align: center;
}
.home .mainConatiner .mainBenefits .mainBenefitsContainer {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox {
  width: 100%;
  max-height: 168px;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxIcon img {
  width: 12rem;
}
.home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxIcon svg {
  width: 12rem;
}
.home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxContent {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxContent .benefitBoxTitle {
  font-family: "iranyekanB", sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxContent .benefitBoxValue {
  font-size: 1rem;
  color: #3b566d;
}
.home .mainConatiner .mainRules {
  width: 100%;
  padding: 48px 0;
}
.home .mainConatiner .mainRules.mainRegisterTeach {
  margin-bottom: 64px;
}
.home .mainConatiner .mainRules.mainRegisterTeach .mainRulesContainer {
  flex-direction: row-reverse;
}
.home .mainConatiner .mainRules.mainRegisterTeach .mainRulesContainer .mainRulesContainerRulesColumn {
  text-align: right;
  margin-right: 0;
}
.home .mainConatiner .mainRules.mainRegisterTeach .mainRulesContainer .mainRulesContainerRulesColumn .rulesColumnTitleWrapper {
  margin-bottom: 42px;
}
.home .mainConatiner .mainRules.mainRegisterTeach .mainRulesContainer .mainRulesContainerRulesColumn .rulesText {
  text-align: right;
  margin-bottom: 42px;
}
.home .mainConatiner .mainRules.mainRegisterTeach .mainRulesContainer .mainRulesContainerRulesColumn .rulesText span {
  display: block;
  margin-bottom: 12px;
}
.home .mainConatiner .mainRules.mainRegisterTeach .mainRulesContainer .mainRulesContainerScreenColumn {
  width: 30%;
  margin-right: 48px;
}
.home .mainConatiner .mainRules .mainRulesContainer {
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn {
  width: 60%;
  padding-top: 48px;
  margin-right: 36px;
}
.home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .rulesColumnTitleWrapper {
  margin-bottom: 16px;
}
.home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .rulesColumnTitleWrapper .rulesColumnTitle {
  font-family: "iranyekanB", sans-serif;
  font-size: 2rem;
  color: #fff;
}
.home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .rulesText {
  width: 100%;
  font-size: 1rem;
  color: #fff;
  line-height: 2rem;
  text-align: justify;
  margin-bottom: 36px;
}
.home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .rulesText.rulesTextMobile {
  display: none;
}
.home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .readMoreButton {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 48px;
  background: #fff;
  font-family: "iranyekanB", sans-serif;
  font-size: 1rem;
  border: 3px solid #fff;
  border-radius: 8px;
  transition: all 0.05s ease-in-out;
  overflow: hidden;
}
.home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .readMoreButton span {
  position: relative;
  transition: all 0.15s ease-in-out;
  z-index: 2;
}
.home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .readMoreButton:active {
  transform: scale(0.95);
}
.home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerScreenColumn {
  position: relative;
  width: 22%;
  height: 100%;
}
.home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerScreenColumn .phoneScreen {
  position: relative;
  max-height: 530px;
  z-index: 2;
  border: 5px solid #000;
  border-radius: 36px;
}
.home .mainConatiner .mainServices {
  padding: 86px 0;
}
.home .mainConatiner .mainServices .mainServicesTitleContainer {
  width: 100%;
  text-align: center;
}
.home .mainConatiner .mainServices .mainServicesTitleContainer .mainServicesTitle {
  margin-bottom: 12px;
  font-family: "iranyekanB", sans-serif;
  font-size: 2rem;
  text-align: center;
}
.home .mainConatiner .mainServices .mainServicesTitleContainer .mainServicesTitleDesc {
  width: 45%;
  margin: 0 auto;
  font-size: 0.9rem;
  line-height: 2rem;
}
.home .mainConatiner .mainServices .mainServicesContainer {
  width: 86%;
  margin: 48px auto 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
  aspect-ratio: 1;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: box-shadow 200ms cubic-bezier(0.33, 0.11, 0.02, 0.99), transform 200ms cubic-bezier(0.33, 0.11, 0.02, 0.99);
}
.home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbTitle {
  font-family: "iranyekanB", sans-serif;
  font-size: 1.25rem;
}
.home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbDesc {
  font-size: 14px;
  color: #797979;
  text-align: center;
}
.home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbDesc p {
  margin-bottom: 12px;
}
.home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 48px;
  color: #fff;
  border-radius: 8px;
  font-size: 1rem;
}
.home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb:hover {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1), 8px 32px 32px rgba(0, 0, 0, 0.15), 8px 64px 64px rgba(0, 0, 0, 0.15);
  transform: scale(1.05) translateY(-0.5rem);
}
.home .mainConatiner .mainRatingForm {
  padding-bottom: 68px;
}
.home .mainConatiner .mainRatingForm .mainRatingFormTitleContainer {
  width: 100%;
  text-align: center;
  margin-bottom: 36px;
}
.home .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormSubtitle {
  font-size: 1.25rem;
}
.home .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormTitle {
  font-family: "iranyekanB", sans-serif;
  font-size: 2.5rem;
  text-align: center;
  margin-top: -12px;
}
.home .mainConatiner .mainRatingForm .ratingFormContainer {
  width: 85%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10%;
}
.home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerImageColumn {
  width: 42.5%;
}
.home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerImageColumn img {
  width: 100%;
}
.home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn {
  width: 47.5%;
  padding-top: 24px;
}
.home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formGroup {
  position: relative;
  margin-bottom: 1.25rem;
}
.home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formGroup .groupLabel {
  display: block;
  margin-bottom: 0.5rem;
}
.home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formGroup .groupLabel .formLabelIcon {
  color: #57565c;
  height: 1.3rem;
  position: absolute;
  right: 1.5rem;
  top: 1.1rem;
  overflow: hidden;
  margin-left: 4rem;
}
.home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formGroup .groupLabel .formLabelIcon.phoneIcon {
  top: 50%;
  transform: translateY(-50%);
}
.home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formGroup textarea {
  height: auto !important;
  padding: 0.5rem 1.8rem !important;
}
.home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formGroup textarea:focus {
  outline: none;
}
.home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formGroup .groupInput {
  height: 3.3rem;
  padding: 0.5rem 3.5rem;
  background-color: #fff;
  border-radius: 2rem;
  border: none;
  box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.11);
  font-size: 1rem;
  line-height: 1.5;
  display: block;
  width: 100%;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formButtonContainer .formSubmitButton {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-family: "iranyekanB", sans-serif;
  font-size: 1.1rem;
  width: 220px;
  height: 54px;
  line-height: 2.5rem;
  padding: 0 3rem;
  border-radius: 3rem;
  transition: all 0.05s ease-in-out;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
}
.home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formButtonContainer .formSubmitButton span {
  position: relative;
  z-index: 2;
  transition: all 0.15s ease-in-out;
}
.home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formButtonContainer .formSubmitButton:active {
  transform: scale(0.95);
}

.footer {
  width: 100%;
  margin-top: 32px;
  background: #fff;
  border-top: 1px solid #c7cbce;
}
.footer .footerContainer {
  width: 90%;
  margin: 0 auto;
  padding-top: 54px;
}
.footer .footerContainer .footerContainerRow {
  display: grid;
  grid-template-columns: 30% 16.5% 16.5% 16.5% 16.5%;
  gap: 1%;
  padding-bottom: 40px;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnTitle {
  font-family: "iranyekanB", sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnTitle.titlePR {
  padding-right: 12px;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent {
  font-size: 14px;
  text-align: justify;
  width: 80%;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a {
  position: relative;
  display: inline !important;
  color: #000;
  font-size: 14px;
  position: relative;
  display: block;
  padding: 0 12px 12px;
  overflow: hidden;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a::after {
  content: "";
  position: absolute;
  left: 0;
  right: auto;
  bottom: 4px;
  width: 0;
  height: 2px;
  border-radius: 6px;
  transition: all 0.4s ease;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a:hover::after {
  left: auto;
  right: 0;
  width: 100%;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks {
  display: flex;
  flex-direction: column;
  margin-top: 0.75rem;
  padding-left: 0.75rem;
  align-items: flex-end;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow .footerLinkValue {
  margin-left: 12px;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow .footerLinkValue a {
  color: #000;
  font-size: 1.25rem;
  font-family: sans-serif;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks {
  justify-content: left;
  gap: 8px;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg {
  position: relative;
  z-index: 2;
  transition: all 0.15s ease-in-out;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg.telegramIcon {
  fill: none !important;
  transition: all 0.15s ease-in-out;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg.telegramIcon path {
  transition: all 0.15s ease-in-out;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transition: all 0.2s ease-in-out;
  border-radius: 50%;
  z-index: 1;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon:hover svg {
  fill: #fff !important;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon:hover svg.telegramIcon path {
  stroke: #fff !important;
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon:hover::after {
  transform: scale(1);
}
.footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerNamadRow {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 16px;
  margin-top: 16px;
}
.footer .footerContainer .footerDownloadLinks {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 20px;
  border-radius: 10px;
  margin-bottom: 36px;
}
.footer .footerContainer .footerDownloadLinks .footerDownloadLinksTitle {
  display: flex;
  align-items: center;
  font-family: "iranyekanB", sans-serif;
  font-size: 1.25rem;
  color: #fff;
}
.footer .footerContainer .footerDownloadLinks .footerDownloadLinksTitle .footerLogo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border: 4px solid #fff;
  border-radius: 50%;
  font-family: sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  margin-left: 12px;
}
.footer .footerContainer .footerDownloadLinks .footerDownloadLinksTitle img {
  width: 84px;
}
.footer .footerContainer .footerDownloadLinks .footerDownloadLinksButton .dnlbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 52px;
  background: #fff;
  font-family: "iranyekanB", sans-serif;
  font-size: 1.15rem;
  border-radius: 10px;
}
.footer .footerContainer .footerCopyRow {
  width: 100%;
  border-top: 1px solid #c7cbce;
  padding: 20px 0;
}
.footer .footerContainer .footerCopyRow p {
  font-size: 1rem;
  opacity: 0.8;
}

.authModal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  z-index: 11000;
  padding: 1.25rem 0;
  background-color: rgba(0, 0, 0, 0.1);
  overflow-x: hidden;
  overflow-y: auto;
}
.authModal.downloadModal {
  display: none;
}
.authModal.downloadModal.active {
  display: flex;
}
.authModal.rulesModal {
  display: none;
}
.authModal.rulesModal.active {
  display: flex;
}
.authModal .authModalContent {
  color: #131b1f;
  width: 38.75rem;
  max-width: 90%;
  margin: auto;
  animation: slideIn 0.3s ease-out forwards;
}
.authModal .authModalContent .authLayout {
  position: relative;
  width: 100%;
  display: block;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 1.1875rem 2.1875rem;
  border-radius: 10px;
  box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.1);
}
.authModal .authModalContent .authLayout .modalCloseBtn {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  background: transparent;
  transition: all 0.05s ease-in-out;
  width: 32px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.authModal .authModalContent .authLayout .modalCloseBtn:active {
  transform: scale(0.95);
}
.authModal .authModalContent .authLayout .authLayoutTitle {
  text-align: center;
  margin-bottom: 16px;
}
.authModal .authModalContent .authLayout .authLayoutTitle h5 {
  font-size: 1.5rem;
}
.authModal .authModalContent .authLayout .authLayoutRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
}
.authModal .authModalContent .authLayout .authLayoutRow:not(:last-of-type) {
  border-bottom: 1px solid #c7cbce;
}
.authModal .authModalContent .authLayout .authLayoutRow .rowTitle {
  font-family: "iranyekanB", sans-serif;
  font-size: 1.15rem;
}
.authModal .authModalContent .authLayout .authLayoutRow .rowTitle img {
  width: 24px;
  margin-left: 6px;
}
.authModal .authModalContent .authLayout .authLayoutRow .rowButton {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 120px;
  height: 36px;
  background: #fff;
  font-size: 0.85rem;
  border-radius: 8px;
  transition: all 0.1s ease-in-out;
}
.authModal .authModalContent .authLayout .authLayoutRow .rowButton:hover {
  transform: scale(1.05);
}
.authModal.rulesModal .authModalContent {
  width: 48.75rem;
}
.authModal.rulesModal .authModalContent .authLayout {
  height: 80vh;
  overflow: hidden;
}
.authModal.rulesModal .authModalContent .authLayout .authLayoutRow {
  padding-top: 0;
  padding-bottom: 0;
}
.authModal.rulesModal .authModalContent .authLayout .authLayoutRow .rules {
  height: calc(80vh - 110px);
  width: 100%;
  font-size: 14px;
  text-align: justify;
  padding: 0 12px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.authModal.rulesModal .authModalContent .authLayout .authLayoutRow .rules::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 650px) {
  .rowTitle {
    font-size: 0.9rem !important;
  }
}
@keyframes slideIn {
  from {
    transform: translateY(20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@media screen and (max-width: 1200px) {
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn:first-of-type {
    margin-top: 92px;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .headerAppDownloadButton {
    width: 200px;
    height: 50px;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .headerContentImageContainer img {
    height: 460px;
  }
  .home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .plusMark {
    font-size: 2.35rem;
  }
  .home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .ratingNum {
    font-size: 2.35rem;
  }
  .home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingTitle {
    font-size: 1rem;
  }
  .home .mainConatiner .mainReason {
    margin-top: 24px;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentSubtitle {
    font-size: 1rem;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentTitle {
    font-size: 1.75rem;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentText {
    width: 98%;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper {
    width: 90%;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper .mainReasonContentButton {
    width: 175px;
    height: 44px;
    font-size: 1.15rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsTitleContainer .mainBenefitsTitle {
    font-size: 1.85rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxIcon img {
    width: 9rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxIcon svg {
    width: 9rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxContent {
    gap: 0.45rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxContent .benefitBoxTitle {
    font-size: 1.15rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxContent .benefitBoxValue {
    font-size: 0.85rem;
  }
  .home .mainConatiner .mainRules.mainRegisterTeach {
    margin-bottom: 64px;
  }
  .home .mainConatiner .mainRules.mainRegisterTeach .mainRulesContainer {
    flex-direction: row-reverse;
  }
  .home .mainConatiner .mainRules.mainRegisterTeach .mainRulesContainer .mainRulesContainerScreenColumn {
    width: 28%;
    margin-right: 0;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn {
    width: 55%;
    padding-top: 28px;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .rulesColumnTitleWrapper {
    margin-bottom: 12px;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .rulesColumnTitleWrapper .rulesColumnTitle {
    font-size: 1.85rem;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .rulesText {
    font-size: 0.9rem;
    margin-bottom: 28px;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .readMoreButton {
    width: 175px;
    height: 42px;
    font-size: 0.9rem;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerScreenColumn {
    width: 28%;
  }
  .home .mainConatiner .mainServices {
    padding: 54px 0;
  }
  .home .mainConatiner .mainServices .mainServicesTitleContainer .mainServicesTitle {
    font-size: 1.85rem;
  }
  .home .mainConatiner .mainServices .mainServicesTitleContainer .mainServicesTitleDesc {
    width: 52%;
    font-size: 0.8rem;
  }
  .home .mainConatiner .mainServices .mainServicesContainer {
    width: 90%;
    margin-top: 36px;
    gap: 18px;
  }
  .home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb {
    gap: 16px;
  }
  .home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbTitle {
    font-size: 1.1rem;
  }
  .home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbDesc {
    font-size: 12px;
  }
  .home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbButton {
    width: 130px;
    height: 40px;
    font-size: 0.87rem;
  }
  .home .mainConatiner .mainRatingForm {
    padding-top: 16px;
    padding-bottom: 54px;
  }
  .home .mainConatiner .mainRatingForm .mainRatingFormTitleContainer {
    margin-bottom: 14px;
  }
  .home .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormSubtitle {
    font-size: 1.15rem;
  }
  .home .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormTitle {
    font-size: 2.35rem;
  }
  .home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn {
    padding-top: 14px;
  }
  .home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formButtonContainer .formSubmitButton {
    width: 200px;
    height: 48px;
  }
}
@media screen and (max-width: 1024px) {
  .home .homeHeader {
    padding-bottom: 48px;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn:first-of-type {
    margin-top: 86px;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .headerContentTitle {
    margin-bottom: 16px;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .headerContentTitle .contentTitle {
    font-size: 32px;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .containerContentTitle {
    font-size: 1.1rem;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .containerContentDesc {
    font-size: 13px;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .headerAppDownloadButton {
    width: 180px;
    height: 42px;
    font-size: 1.05rem;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .headerContentImageContainer img {
    height: 394px;
  }
  .home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .plusMark {
    font-size: 1.85rem;
  }
  .home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .ratingNum {
    font-size: 1.85rem;
  }
  .home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingTitle {
    font-size: 1rem;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentSubtitle {
    font-size: 0.85rem;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentTitle {
    font-size: 1.5rem;
    margin-bottom: 14px;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentText {
    font-size: 0.8rem;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper {
    width: 90%;
    margin-top: 0;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper .mainReasonContentButton {
    width: 160px;
    height: 40px;
    font-size: 1rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsTitleContainer {
    margin-bottom: 24px;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsTitleContainer .mainBenefitsTitle {
    font-size: 1.75rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxIcon img,
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxIcon svg {
    width: 6.5rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxContent {
    gap: 0.3rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxContent .benefitBoxTitle {
    font-size: 1rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxContent .benefitBoxValue {
    font-size: 0.75rem;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn {
    padding-top: 16px;
    margin-right: 24px;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .rulesColumnTitleWrapper .rulesColumnTitle {
    font-size: 1.5rem;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .rulesText {
    font-size: 0.8rem;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .readMoreButton {
    width: 160px;
    height: 40px;
    font-size: 0.85rem;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerScreenColumn .phoneScreen {
    max-height: 480px;
  }
  .home .mainConatiner .mainServices .mainServicesTitleContainer .mainServicesTitle {
    font-size: 1.75rem;
    margin-bottom: 6px;
  }
  .home .mainConatiner .mainServices .mainServicesTitleContainer .mainServicesTitleDesc {
    font-size: 0.75rem;
    width: 55%;
  }
  .home .mainConatiner .mainServices .mainServicesContainer {
    width: 90%;
  }
  .home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbTitle {
    font-size: 0.95rem;
  }
  .home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbDesc {
    font-size: 10px;
  }
  .home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbDesc p {
    margin-bottom: 8px;
  }
  .home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbButton {
    width: 120px;
    height: 32px;
    font-size: 0.75rem;
  }
  .home .mainConatiner .mainRatingForm .mainRatingFormTitleContainer {
    margin-bottom: 0;
  }
  .home .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormSubtitle {
    font-size: 1rem;
  }
  .home .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormTitle {
    font-size: 2rem;
  }
  .home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formGroup .groupInput {
    font-size: 0.85rem;
  }
  .home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formButtonContainer .formSubmitButton {
    width: 180px;
    height: 42px;
    font-size: 0.9rem;
  }
  .footer .footerContainer .footerContainerRow {
    grid-template-columns: 39.75% 19.75% 19.75% 19.75%;
    justify-content: space-between;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn:nth-of-type(2) {
    display: none;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnTitle {
    font-size: 1.15rem;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent {
    font-size: 13px;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a {
    font-size: 13px;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow .footerLinkValue a {
    font-size: 1.1rem;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow .footerLinkIcon img {
    width: 28px;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon {
    width: 28px;
    height: 28px;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg {
    width: 16px;
    height: 16px;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerNamadRow img {
    width: 66px;
  }
  .footer .footerContainer .footerDownloadLinks {
    padding: 6px 20px;
  }
  .footer .footerContainer .footerDownloadLinks .footerDownloadLinksTitle {
    font-size: 1rem;
  }
  .footer .footerContainer .footerDownloadLinks .footerDownloadLinksTitle .footerLogo {
    width: 48px;
    height: 48px;
    font-size: 1.15rem;
  }
  .footer .footerContainer .footerDownloadLinks .footerDownloadLinksButton .dnlbtn {
    width: 150px;
    height: 40px;
    font-size: 0.9rem;
  }
  .footer .footerContainer .footerCopyRow p {
    font-size: 0.85rem;
  }
}
@media screen and (max-width: 800px) {
  .home .homeHeader {
    padding-bottom: 48px;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn:first-of-type {
    margin-top: 64px;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .headerContentTitle {
    margin-bottom: 16px;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .headerContentTitle .contentTitle {
    font-size: 28px;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .containerContentTitle {
    font-size: 0.9rem;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .containerContentDesc {
    font-size: 11px;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .headerAppDownloadButton {
    width: 160px;
    height: 36px;
    font-size: 0.9rem;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .headerContentImageContainer img {
    height: 360px;
  }
  .home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .plusMark {
    font-size: 1.5rem;
  }
  .home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .ratingNum {
    font-size: 1.5rem;
  }
  .home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingTitle {
    font-size: 0.75rem;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentSubtitle {
    font-size: 0.75rem;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentTitle {
    font-size: 1.25rem;
    margin-bottom: 6px;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentText {
    font-size: 0.7rem;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper {
    width: 90%;
    margin-top: 12px;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper .mainReasonContentButton {
    width: 160px;
    height: 40px;
    font-size: 1rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsTitleContainer {
    margin-bottom: 24px;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsTitleContainer .mainBenefitsTitle {
    font-size: 1.5rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer {
    gap: 16px;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn {
    gap: 16px;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxIcon img,
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxIcon svg {
    width: 4.5rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxContent {
    gap: 0;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxContent .benefitBoxTitle {
    font-size: 0.85rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxContent .benefitBoxValue {
    font-size: 0.55rem;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn {
    padding-top: 12px;
    margin-right: 16px;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .rulesColumnTitleWrapper .rulesColumnTitle {
    font-size: 1.5rem;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .rulesText {
    font-size: 0.75rem;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .rulesText.rulesTextDesktop {
    display: none;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .rulesText.rulesTextMobile {
    display: block;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .readMoreButton {
    width: 160px;
    height: 40px;
    font-size: 0.85rem;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerScreenColumn .phoneScreen {
    max-height: 400px;
  }
  .home .mainConatiner .mainServices .mainServicesTitleContainer .mainServicesTitle {
    font-size: 1.5rem;
    margin-bottom: 6px;
  }
  .home .mainConatiner .mainServices .mainServicesTitleContainer .mainServicesTitleDesc {
    font-size: 0.65rem;
    width: 55%;
  }
  .home .mainConatiner .mainServices .mainServicesContainer {
    width: 70%;
    grid-template-columns: 1fr 1fr;
  }
  .home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb {
    max-width: 285px;
  }
  .home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbTitle {
    font-size: 1.25rem;
  }
  .home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbDesc {
    font-size: 13px;
  }
  .home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbDesc p {
    margin-bottom: 8px;
  }
  .home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbButton {
    width: 120px;
    height: 32px;
    font-size: 0.75rem;
  }
  .home .mainConatiner .mainRatingForm {
    padding-bottom: 24px;
  }
  .home .mainConatiner .mainRatingForm .mainRatingFormTitleContainer {
    margin-bottom: 0;
  }
  .home .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormSubtitle {
    font-size: 0.85rem;
  }
  .home .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormTitle {
    font-size: 1.75rem;
  }
  .home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formGroup .groupInput {
    font-size: 0.75rem;
  }
  .home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formButtonContainer .formSubmitButton {
    width: 166px;
    height: 38px;
    font-size: 0.85rem;
  }
  .footer .footerContainer .footerContainerRow {
    grid-template-columns: 40% 20% 20%;
    justify-content: space-between;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn:nth-of-type(4) {
    display: none;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnTitle {
    font-size: 1.15rem;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent {
    font-size: 13px;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent.columnFlex a {
    font-size: 13px;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow .footerLinkValue a {
    font-size: 1.1rem;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow .footerLinkIcon img {
    width: 28px;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon {
    width: 28px;
    height: 28px;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg {
    width: 16px;
    height: 16px;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerNamadRow img {
    width: 66px;
  }
  .footer .footerContainer .footerDownloadLinks {
    display: none;
  }
  .footer .footerContainer .footerCopyRow p {
    font-size: 0.85rem;
  }
}
@media screen and (max-width: 650px) {
  .home .homeHeader .headerContent .headerContentContainer {
    display: flex;
    flex-direction: column;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn:first-of-type {
    margin-top: 54px;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .headerContentTitle {
    margin-bottom: 12px;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .headerContentTitle .contentTitle {
    font-size: 32px;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .containerContentTitle {
    font-size: 1.15rem;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .containerContentDesc {
    font-size: 12px;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .containerContent .headerAppDownloadButton {
    width: 180px;
    height: 42px;
    font-size: 1rem;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .headerContentImageContainer {
    text-align: center;
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .home .homeHeader .headerContent .headerContentContainer .headerContentContainerColumn .headerContentImageContainer img {
    height: 360px;
  }
  .home .mainConatiner .ratingBox .ratingBoxContainer {
    grid-template-columns: 1fr;
    padding: 16px 0;
  }
  .home .mainConatiner .ratingBox .ratingBoxContainer.mobileRatingBox {
    display: grid;
  }
  .home .mainConatiner .ratingBox .ratingBoxContainer.desktopRatingBox {
    display: none;
  }
  .home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb {
    padding: 10px 0;
  }
  .home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .plusMark {
    font-size: 2.5rem;
  }
  .home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingNumConatiner .ratingNum {
    font-size: 2.5rem;
  }
  .home .mainConatiner .ratingBox .ratingBoxContainer .ratingBoxThumb .ratingTitle {
    margin-top: -8px;
    font-size: 1.1rem;
  }
  .home .mainConatiner .mainReason {
    width: 85%;
    margin-top: 36px;
  }
  .home .mainConatiner .mainReason .mainReasonContainer {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn {
    width: 100%;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonTaxiImage {
    width: 100%;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentSubtitle {
    font-size: 0.9rem;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentTitle {
    font-size: 1.35rem;
    margin-bottom: 12px;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentText {
    width: 100%;
    font-size: 0.8rem;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper {
    width: 95%;
    margin-top: 16px;
  }
  .home .mainConatiner .mainReason .mainReasonContainer .mainReasonContainerColumn .mainReasonContent .mainReasonContentContainer .mainReasonContentButtonWrapper .mainReasonContentButton {
    width: 160px;
    height: 40px;
    font-size: 1rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsTitleContainer {
    margin-bottom: 24px;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsTitleContainer .mainBenefitsTitle {
    font-size: 1.5rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer {
    flex-direction: column;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox {
    padding: 12px;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxIcon img,
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxIcon svg {
    width: 86.5px;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxContent {
    gap: 0.15rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxContent .benefitBoxTitle {
    font-size: 1rem;
  }
  .home .mainConatiner .mainBenefits .mainBenefitsContainer .mainBenefitsContainerColumn .benefitBox .benefitBoxContent .benefitBoxValue {
    font-size: 0.75rem;
  }
  .home .mainConatiner .mainRules.mainRegisterTeach {
    margin-bottom: 64px;
  }
  .home .mainConatiner .mainRules.mainRegisterTeach .mainRulesContainer {
    flex-direction: column;
  }
  .home .mainConatiner .mainRules.mainRegisterTeach .mainRulesContainer .mainRulesContainerScreenColumn {
    width: 100%;
    margin-right: 0;
  }
  .home .mainConatiner .mainRules .mainRulesContainer {
    flex-direction: column;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn {
    width: 95%;
    padding: 0 16px;
    margin: auto;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .rulesColumnTitleWrapper .rulesColumnTitle {
    font-size: 1.35rem;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .rulesText {
    font-size: 0.75rem;
    margin-bottom: 16px;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .rulesText.rulesTextMobile {
    display: block;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .rulesText.rulesTextDesktop {
    display: none;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .readMoreButtonWrapper {
    direction: ltr;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerRulesColumn .readMoreButton {
    width: 160px;
    height: 40px;
    font-size: 0.8rem;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerScreenColumn {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 36px;
  }
  .home .mainConatiner .mainRules .mainRulesContainer .mainRulesContainerScreenColumn .phoneScreen {
    max-height: 480px;
  }
  .home .mainConatiner .mainServices {
    padding-bottom: 36px;
  }
  .home .mainConatiner .mainServices .mainServicesTitleContainer .mainServicesTitle {
    font-size: 1.25rem;
  }
  .home .mainConatiner .mainServices .mainServicesTitleContainer .mainServicesTitleDesc {
    width: 80%;
    font-size: 0.75rem;
    line-height: 1.75rem;
  }
  .home .mainConatiner .mainServices .mainServicesContainer {
    width: 66%;
    grid-template-columns: 1fr;
  }
  .home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb {
    margin: 0 auto;
  }
  .home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbTitle {
    font-size: 1.25rem;
  }
  .home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbDesc {
    font-size: 12px;
  }
  .home .mainConatiner .mainServices .mainServicesContainer .mainServicesThumb .servicesThumbButton {
    width: 148px;
    height: 40px;
    font-size: 0.9rem;
    margin-bottom: 16px;
  }
  .home .mainConatiner .mainRatingForm {
    padding-bottom: 24px;
  }
  .home .mainConatiner .mainRatingForm .mainRatingFormTitleContainer {
    margin-bottom: 12px;
  }
  .home .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormSubtitle {
    font-size: 1rem;
  }
  .home .mainConatiner .mainRatingForm .mainRatingFormTitleContainer .mainFormTitle {
    font-size: 1.5rem;
  }
  .home .mainConatiner .mainRatingForm .ratingFormContainer {
    width: 90%;
    flex-direction: column-reverse;
  }
  .home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerImageColumn {
    width: 90%;
  }
  .home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn {
    width: 95%;
    padding-top: 0;
    margin-bottom: 32px;
  }
  .home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formGroup .groupInput {
    font-size: 0.8rem;
  }
  .home .mainConatiner .mainRatingForm .ratingFormContainer .ratingFormContainerFormColumn .formButtonContainer .formSubmitButton {
    width: 180px;
    height: 40px;
    font-size: 0.9rem;
  }
  .footer .footerContainer .footerContainerRow {
    grid-template-columns: 1fr;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn {
    width: 90%;
    margin: auto;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn:nth-of-type(2), .footer .footerContainer .footerContainerRow .footerContainerColumn:nth-of-type(3), .footer .footerContainer .footerContainerRow .footerContainerColumn:nth-of-type(4) {
    display: none;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerContainerColumnContent {
    width: 100%;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow .footerLinkValue {
    margin-left: 8px;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow .footerLinkValue a {
    font-size: 1rem;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow .footerLinkIcon img {
    width: 24px;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon {
    width: 32px;
    height: 32px;
    border-width: 1px;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerLinksRow.mediaLinks .mediaIcon svg {
    width: 14px;
    height: 14px;
  }
  .footer .footerContainer .footerContainerRow .footerContainerColumn .footerLinks .footerNamadRow {
    display: none !important;
  }
  .footer .footerContainer .footerDownloadLinks {
    display: none;
  }
  .footer .footerContainer .footerCopyRow p {
    font-size: 0.75rem;
  }
  .authModal .authModalContent .authLayout .authLayoutRow {
    padding: 1rem 0;
  }
  .authModal .authModalContent .authLayout .authLayoutRow .rowButton {
    width: 110px;
    height: 32px;
    font-size: 0.8rem;
  }
  .authModal.rulesModal .authModalContent .authLayout {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .authModal.rulesModal .authModalContent .authLayout .authLayoutRow .ps .rules {
    font-size: 12px;
  }
}
.navbar {
  padding: 0 !important;
}
.navbar.fixed .desktopNavbar {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-100%);
  width: 100%;
  height: 60px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  transition: all 0.15s ease-in-out;
  z-index: 999;
}
.navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn {
  position: relative;
}
.navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks {
  position: relative;
}
.navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink {
  position: relative;
  color: #000;
  cursor: pointer;
}
.navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink:hover::after {
  left: auto;
  right: 0;
  width: 100%;
}
.navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton {
  color: #fff;
}
.navbar.fixed .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  width: 150px;
  gap: 6px;
  color: #fff !important;
}
.navbar.fixed .mobileNavbar {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-100%);
  width: 100%;
  height: 60px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  transition: all 0.15s ease-in-out;
  z-index: 999;
}
.navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton {
  color: #fff !important;
}
.navbar.fixed .mobileNavbar .navbarContainer .navbarContainerButton.registerTeach {
  width: 150px;
  gap: 6px;
  color: #fff !important;
}
.navbar.fixed.active .desktopNavbar {
  transform: translateY(0) !important;
}
.navbar.fixed.active .mobileNavbar {
  transform: translateY(0) !important;
}
.navbar .desktopNavbar {
  position: relative;
  width: 100%;
  height: 70px;
  z-index: 1;
}
.navbar .desktopNavbar .navbarContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
  height: 100%;
  padding: 0;
  margin: 0 auto;
  color: #fff;
}
.navbar .desktopNavbar .navbarContainer .navbarContainerColumn {
  position: relative;
}
.navbar .desktopNavbar .navbarContainer .navbarContainerColumn.containerFlex {
  display: flex;
  align-items: center;
}
.navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navBarContainerLogo {
  margin-left: 20px;
}
.navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navBarContainerLogo .navLogo {
  font-family: "iranyekanB", sans-serif;
  font-size: 1.5rem !important;
  color: #fff;
}
.navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks {
  position: relative;
  display: flex;
  align-items: center;
}
.navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink {
  position: relative;
  display: block;
  padding: 12px;
  font-size: 15px;
  color: #fff;
  overflow: hidden;
  cursor: pointer;
}
.navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink::after {
  content: "";
  position: absolute;
  left: 0;
  right: auto;
  bottom: 4px;
  width: 0;
  height: 2px;
  background: #fff;
  border-radius: 6px;
  transition: all 0.4s ease;
}
.navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerLinks .navbarLink:hover::after {
  left: auto;
  right: 0;
  width: 100%;
}
.navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 40px;
  background: transparent;
  border: 2px solid #fff;
  border-radius: 8px;
  font-family: "iranyekanB", sans-serif;
  font-size: 0.9rem;
  transition: all 0.1s;
}
.navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.mobileWhite {
  color: #fff;
}
.navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton.registerTeach {
  width: 150px;
  gap: 6px;
  background: #fff;
}
.navbar .desktopNavbar .navbarContainer .navbarContainerColumn .navbarContainerButton:hover {
  transform: scale(1.05);
}
.navbar .mobileNavbar {
  position: relative;
  width: 100%;
  height: 60px;
  z-index: 1;
}
.navbar .mobileNavbar .navbarContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  height: 100%;
  padding: 0;
  margin: 0 auto;
  color: #fff;
}
.navbar .mobileNavbar .navbarContainer .navBarContainerLogo {
  display: flex;
  align-items: center;
  gap: 16px;
}
.navbar .mobileNavbar .navbarContainer .navBarContainerLogo .menuToggle {
  cursor: pointer;
}
.navbar .mobileNavbar .navbarContainer .navBarContainerLogo .menuToggle img {
  width: 25px;
}
.navbar .mobileNavbar .navbarContainer .navBarContainerLogo .navLogo {
  font-family: "iranyekanB", sans-serif;
  font-size: 1.5rem;
  color: #fff;
}
.navbar .mobileNavbar .navbarContainer .navbarContainerButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 35px;
  border: 3px solid #fff;
  border-radius: 8px;
  background: transparent;
  font-family: "iranyekanB", sans-serif;
  font-size: 14px;
}
.navbar .mobileNavbar .navbarContainer .navbarContainerButton.mobileWhite {
  color: #fff;
}
.navbar .mobileNavbar .navbarContainer .navbarContainerButton.registerTeach {
  width: 150px;
  gap: 6px;
  background: #fff;
}
.navbar .navbarMenu {
  position: fixed;
  inset: 0;
  background-position: left 0px top 0px, right 0px top 50%, center bottom;
  background-repeat: no-repeat;
  z-index: 9999;
  overscroll-behavior: contain;
  transition: all 0.3s ease-in-out;
  -webkit-clip-path: circle(0% at 100% 0%);
          clip-path: circle(0% at 100% 0%);
  pointer-events: none;
}
.navbar .navbarMenu.active {
  -webkit-clip-path: circle(200% at 100% 0%);
          clip-path: circle(200% at 100% 0%);
  pointer-events: auto;
}
.navbar .navbarMenu .navbarMenuContainer {
  width: 90%;
  padding: 1.25rem 0;
  margin: auto;
}
.navbar .navbarMenu .navbarMenuContainer .navbarContainerHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.navbar .navbarMenu .navbarMenuContainer .navbarContainerHeader .navbarHeaderButton {
  width: 20px;
  cursor: pointer;
}
.navbar .navbarMenu .navbarMenuContainer .navbarContainerHeader .navbarHeaderButton img {
  width: 100%;
}
.navbar .navbarMenu .navbarMenuContainer .navbarContainerHeader .navabrHeaderLogo h2 {
  font-family: "iranyekanB", sans-serif;
  font-size: 1.75rem;
  color: #fff;
}
.navbar .navbarMenu .navbarMenuContainer .navbarContainerLinks {
  position: relative;
  display: flex;
  flex-direction: column;
}
.navbar .navbarMenu .navbarMenuContainer .navbarContainerLinks .navbarLink {
  position: relative;
  padding: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #fff;
  text-align: center;
  background: transparent;
  border-radius: 8px;
}
.navbar .navbarMenu .navbarMenuContainer .navbarContainerLinks .navbarLink i {
  font-size: 1.15rem;
  margin-left: 4px;
}
.navbar .navbarMenu .navbarMenuContainer .navbarContainerLinks .navbarLink:not(:last-of-type) {
  margin-bottom: 12px;
}
.navbar .navbarMenu .navbarMenuContainer .navbarContainerLinks .themesBox {
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform-origin: 0 50%;
}

@keyframes swipeDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@media screen and (min-width: 651px) {
  .navbar .mobileNavbar {
    display: none !important;
  }
}
@media screen and (max-width: 650px) {
  .navbar .desktopNavbar {
    display: none !important;
  }
  .navbar .mobileNavbar {
    display: block !important;
  }
}
#envelope {
  animation: float 2s ease-in-out infinite;
}

#star1,
#star2,
#star3,
#star4,
#star5,
#star6 {
  animation: blink 1s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.registerForm {
  margin-top: 48px;
  margin-bottom: 54px;
}
.registerForm .registerFormContainer {
  position: relative;
  width: 76%;
  margin: 0 auto;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1);
  padding: 32px 0;
  overflow: hidden;
}
.registerForm .registerFormContainer .downloadBtn {
  position: absolute;
  top: 24px;
  left: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 140px;
  height: 38px;
  background: #2dc653;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.05s;
}
.registerForm .registerFormContainer .downloadBtn:active {
  transform: scale(0.95);
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formInputsContainer {
  grid-template-columns: repeat(3, 32%);
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer {
  display: grid;
  grid-template-columns: repeat(5, 18%);
  justify-content: space-between;
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup.error .fileInputLabel {
  color: #ef233c;
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup.error .fileInputWrapper .fileInputThumb {
  border-color: #ef233c !important;
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup.error .fileInputWrapper .fileInputThumb span {
  color: #ef233c !important;
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup.error .fileInputWrapper .fileInputThumb span .addIcon {
  color: #ef233c !important;
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup.done .fileInputLabel {
  font-size: 14px;
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputLabel {
  font-family: "iranyekanB", sans-serif;
  transition: all 0.15s ease-in-out;
  min-height: 26px;
  white-space: nowrap;
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputWrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  transition: all 0.15s ease-in-out;
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputWrapper input {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputWrapper .fileInputImageRemove {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ef233c;
  border-radius: 4px;
  cursor: pointer;
  z-index: 3;
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputWrapper .fileInputImageRemove i {
  color: #fff;
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputWrapper .fileInputThumb {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  z-index: 1;
  overflow: hidden;
  transition: all 0.15s ease-in-out;
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputWrapper .fileInputThumb span {
  position: relative;
  text-align: center;
  font-size: 14px;
  z-index: 1;
  transition: all 0.15s ease-in-out;
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputWrapper .fileInputThumb span .addIcon {
  display: block;
  font-size: 1.1rem;
  transition: all 0.15s ease-in-out;
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputWrapper .fileInputThumb .fileInputImageContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
}
.registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup .fileInputWrapper .fileInputThumb .fileInputImageContainer img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 2;
}
.registerForm .registerFormContainer.tabThree .formRegistration {
  margin-top: 36px !important;
}
.registerForm .registerFormContainer.tabThree .authCode label {
  display: block;
  text-align: center;
  font-size: 1rem;
  margin-bottom: 16px;
}
.registerForm .registerFormContainer.tabThree .authCodeContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  direction: ltr;
}
.registerForm .registerFormContainer.tabThree .authCodeContainer .authBox {
  width: 48px;
  height: 48px;
  border-radius: 6px;
  text-align: center;
  background: #fafafa;
  transition: all 0.1s ease-in-out;
}
.registerForm .registerFormContainer.tabThree .authCodeContainer .authBox:focus {
  background: #fff;
}
.registerForm .registerFormContainer.tabThree .fromNavigationButtonContainer {
  justify-content: center;
  gap: 16px;
  margin-top: 54px;
}
.registerForm .registerFormContainer .fromNavigationButtonContainer {
  width: 88%;
  margin: 0 auto 18px;
  display: flex;
  justify-content: center;
  gap: 16px;
}
.registerForm .registerFormContainer .fromNavigationButtonContainer .navigationButton {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 160px;
  height: 42px;
  color: #fff;
  border-radius: 8px;
  font-family: "iranyekanB", sans-serif;
  font-size: 16px;
  transition: all 0.05s;
}
.registerForm .registerFormContainer .fromNavigationButtonContainer .navigationButton.backBtn {
  background: #ef233c !important;
}
.registerForm .registerFormContainer .fromNavigationButtonContainer .navigationButton:active {
  transform: scale(0.95);
}
.registerForm .registerFormContainer .fromNavigationButtonContainer .navigationButton.loading {
  cursor: wait;
}
.registerForm .registerFormContainer .registerFormTab {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.registerForm .registerFormContainer .registerFormTab .formTabThumb {
  width: 33%;
}
.registerForm .registerFormContainer .registerFormTab .formTabThumb .tabThumbIcon {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  margin-bottom: 8px;
}
.registerForm .registerFormContainer .registerFormTab .formTabThumb .tabThumbIcon .tabIcon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  border-radius: 50%;
  font-size: 1rem;
  background: #fff;
  z-index: 2;
}
.registerForm .registerFormContainer .registerFormTab .formTabThumb .tabThumbIcon .statusStepLine {
  position: absolute;
  width: 100%;
  left: 50%;
  height: 1px;
  background: #000;
  z-index: 1;
}
.registerForm .registerFormContainer .registerFormTab .formTabThumb .tabThumbTitle {
  text-align: center;
  font-size: 14px;
}
.registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .tabIcon {
  color: #2dc653;
  border-color: #2dc653;
}
.registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbIcon .statusStepLine {
  background: #2dc653;
}
.registerForm .registerFormContainer .registerFormTab .formTabThumb.active .tabThumbTitle {
  color: #2dc653;
}
.registerForm .registerFormContainer .registerFormAttention {
  width: 80%;
  margin: 24px auto;
}
.registerForm .registerFormContainer .registerFormAttention .attentionBox {
  width: 100%;
  border-radius: 4px;
  background: #e9e9e9;
  padding: 16px;
  text-align: center;
  font-size: 12px;
}
.registerForm .registerFormContainer .formRegistration {
  width: 88%;
  margin: 48px auto 16px;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer {
  width: 100%;
  display: grid;
  grid-template-columns: 47% 47%;
  justify-content: space-between;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup {
  position: relative;
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupLabel {
  top: 0;
  right: 4%;
  background: #fff;
  font-size: 14px;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupLabel.selectLabel {
  width: auto;
  background: #fff;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .groupTextInput,
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.focus .el-select__wrapper {
  background: #fff;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.done .groupLabel {
  top: 0;
  right: 4%;
  background: #fff;
  color: #000;
  font-size: 14px;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.done .groupTextInput,
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.done .el-select__wrapper {
  background: #fff;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.error .groupLabel {
  color: #ef233c;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.error .groupTextInput,
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.error .el-select__wrapper {
  border-color: #ef233c !important;
  overflow-y: hidden;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.pelakGroup .groupLabel {
  background: #fff;
  top: 0;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup.pelakGroup .groupTextInput {
  background: #fff;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .groupLabel {
  font-family: "iranyekanB", sans-serif;
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
  padding: 0 8px;
  font-size: 12px;
  transition: all 0.15s ease-in-out;
  pointer-events: none;
  z-index: 2;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .groupLabel.done {
  top: 0;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .groupLabel.selectLabel {
  width: 120px;
  background: #fafafa;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .groupTextInput,
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .el-select__wrapper {
  position: relative;
  width: 100%;
  padding: 12px;
  border-radius: 6px;
  background: #f8f8f8;
  transition: all 0.15s ease-in-out;
  z-index: 1;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .groupTextInput.ss-main.ss-open-below,
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .groupTextInput .ss-main.ss-open-above,
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .el-select__wrapper.ss-main.ss-open-below,
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .el-select__wrapper .ss-main.ss-open-above {
  background: #fff;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .el-select__wrapper {
  box-shadow: none !important;
  text-align: right !important;
  min-height: 48.8px !important;
  transition: all 0.15s ease-in-out;
}
.registerForm .registerFormContainer .formRegistration .formInputsContainer .formInputGroup .el-select__wrapper.is-focused {
  background: #fff !important;
}
.registerForm .registerFormContainer .formRegistration .formTextAreaContainer {
  position: relative;
  width: 100%;
  margin-bottom: 36px;
}
.registerForm .registerFormContainer .formRegistration .formTextAreaContainer.focus .groupLabel {
  top: -20%;
  right: 2%;
  background: #fff;
  font-size: 14px;
}
.registerForm .registerFormContainer .formRegistration .formTextAreaContainer.focus textarea {
  background: #fff !important;
}
.registerForm .registerFormContainer .formRegistration .formTextAreaContainer.done .groupLabel {
  top: -20%;
  right: 2%;
  background: #fff;
  color: #000;
  font-size: 14px;
}
.registerForm .registerFormContainer .formRegistration .formTextAreaContainer.done textarea {
  background: #fff;
}
.registerForm .registerFormContainer .formRegistration .formTextAreaContainer.error .groupLabel {
  color: #ef233c;
}
.registerForm .registerFormContainer .formRegistration .formTextAreaContainer.error textarea {
  border-color: #ef233c;
}
.registerForm .registerFormContainer .formRegistration .formTextAreaContainer .groupLabel {
  position: absolute;
  top: 4%;
  right: 1%;
  padding: 6px 8px;
  font-size: 12px;
  transition: all 0.15s ease-in-out;
  font-family: "iranyekanB", sans-serif;
  pointer-events: none;
}
.registerForm .registerFormContainer .formRegistration .formTextAreaContainer textarea {
  width: 100%;
  padding: 12px;
  border-radius: 6px;
  background: #fafafa;
  transition: all 0.15s ease-in-out;
}
.registerForm .registerFormContainer .formRegistration .formTextAreaContainer textarea:focus {
  outline: none;
}

@media screen and (max-width: 1200px) {
  .registerForm .registerFormContainer {
    width: 86%;
  }
}
@media screen and (max-width: 1024px) {
  .registerForm .registerFormContainer {
    width: 92%;
  }
}
@media screen and (max-width: 992px) {
  .registerForm {
    margin: 0;
  }
  .registerForm .registerFormContainer {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
  }
  .registerForm .registerFormContainer .registerFormTab {
    width: 90%;
  }
  .registerForm .registerFormContainer .fromNavigationButtonContainer .navigationButton {
    width: 140px;
  }
  .registerForm .registerFormContainer .registerFormAttention {
    width: 85%;
  }
  .registerForm .registerFormContainer .registerFormAttention .attentionBox {
    font-size: 12px;
  }
  .registerForm .registerFormContainer .formRegistration {
    width: 90%;
  }
  .registerForm .registerFormContainer .formRegistration .formInputsContainer {
    grid-template-columns: 47% 47%;
  }
  .registerForm .registerFormContainer.tabTwo .formRegistration .formInputsContainer {
    grid-template-columns: 47% 47%;
  }
  .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup {
    width: 80%;
  }
  #app footer {
    margin-top: 0;
  }
}
@media screen and (max-width: 500px) {
  .registerForm {
    margin: 0;
  }
  .registerForm .registerFormContainer {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    padding-top: 54px;
    padding-bottom: 48px;
  }
  .registerForm .registerFormContainer .registerFormTab {
    width: 90%;
  }
  .registerForm .registerFormContainer .fromNavigationButtonContainer .navigationButton {
    width: 140px;
  }
  .registerForm .registerFormContainer .registerFormAttention {
    width: 85%;
  }
  .registerForm .registerFormContainer .registerFormAttention .attentionBox {
    font-size: 12px;
  }
  .registerForm .registerFormContainer .formRegistration {
    width: 90%;
  }
  .registerForm .registerFormContainer .formRegistration .formInputsContainer {
    grid-template-columns: 1fr;
  }
  .registerForm .registerFormContainer.tabTwo .formRegistration .formInputsContainer {
    grid-template-columns: 1fr;
  }
  .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer {
    grid-template-columns: 1fr 1fr;
  }
  .registerForm .registerFormContainer.tabTwo .formRegistration .formFileInputs .fileInputsContainer .fileInputGroup {
    width: 80%;
  }
  #app footer {
    margin-top: 0;
  }
}
.ss-main:focus {
  box-shadow: 0 0 5px #2dc653 !important;
}

.ss-content {
  margin-top: 4px !important;
}

.ss-content .ss-search input:focus {
  box-shadow: 0 0 5px #2dc653 !important;
}

.ss-content .ss-list .ss-option:hover {
  background: #2dc653 !important;
}

.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  background: #2dc653 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background: #fff !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) !important;
  color: #f00 !important;
}

input:-moz-autofill,
input:-moz-autofill:hover,
input:-moz-autofill:focus,
input:-moz-autofill:active {
  background: #fff !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) !important;
  color: #f00 !important;
}

.el-select-dropdown__item.is-selected {
  color: #2dc653 !important;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: #000;
}

.loader {
  width: 32px;
  height: 32px;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

.loaderWhite {
  width: 22px;
  height: 22px;
  border: 3px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.toast-error {
  background-color: #ef233c !important;
}

.preloader {
  position: fixed;
  z-index: 10;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  background: transparent;
  z-index: 99999999999999;
}

.preloader svg {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 110vh;
}

.preloader .preloader-heading .load-text {
  font-family: "iranyekanB", sans-serif;
  font-size: 4rem;
  font-weight: 700;
  text-transform: uppercase;
  z-index: 20;
  color: #fff;
}

.load-text span {
  animation: loading 1s infinite alternate;
}
.load-text span img {
  width: 140px;
}

.load-text span:nth-child(1) {
  animation-delay: 0s;
}

.load-text span:nth-child(2) {
  animation-delay: 0.1s;
}

.load-text span:nth-child(3) {
  animation-delay: 0.2s;
}

.load-text span:nth-child(4) {
  animation-delay: 0.3s;
}

.load-text span:nth-child(5) {
  animation-delay: 0.4s;
}

.load-text span:nth-child(6) {
  animation-delay: 0.5s;
}

.load-text span:nth-child(7) {
  animation-delay: 0.6s;
}

.load-text span:nth-child(8) {
  animation-delay: 0.7s;
}

@keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.themesBox {
  position: absolute;
  top: 50px;
  left: -18.5%;
  width: 160px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2);
  padding: 16px 0;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
.themesBox .themesBoxContainer {
  width: 80%;
  margin: 0 auto;
}
.themesBox .themesBoxContainer .themeRow {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: all 0.05s;
}
.themesBox .themesBoxContainer .themeRow:active {
  transform: scale(0.95);
}
.themesBox .themesBoxContainer .themeRow:not(:last-of-type) {
  margin-bottom: 8px;
}
.themesBox .themesBoxContainer .themeRow.green .themeRowIcon {
  background: #2dc653;
}
.themesBox .themesBoxContainer .themeRow.blue .themeRowIcon {
  background: #0099ff;
}
.themesBox .themesBoxContainer .themeRow.iraniangreen .themeRowIcon {
  background: #00a693;
}
.themesBox .themesBoxContainer .themeRow.purple .themeRowIcon {
  background: #b71280;
}
.themesBox .themesBoxContainer .themeRow.yellow .themeRowIcon {
  background: #ffbe0b;
}
.themesBox .themesBoxContainer .themeRow.darkblue .themeRowIcon {
  background: #184e77;
}
.themesBox .themesBoxContainer .themeRow.lightblue .themeRowIcon {
  background: #78c6a3;
}
.themesBox .themesBoxContainer .themeRow .themeRowIcon {
  width: 16px;
  aspect-ratio: 1;
  border-radius: 50%;
}
.themesBox .themesBoxContainer .themeRow .themeRowTitle {
  color: #000;
}

.motorsvg .st0 {
  fill: #f0f1f2;
}
.motorsvg .st1 {
  fill: #c7cbce;
  stroke: #001426;
  stroke-width: 0.5;
  stroke-linejoin: round;
}
.motorsvg .st2 {
  fill: #ffbe0b;
  stroke: #001426;
  stroke-width: 0.5;
  stroke-linejoin: round;
}
.motorsvg .st3 {
  fill: #ffffff;
  stroke: #001426;
  stroke-width: 0.5;
  stroke-linejoin: round;
}
.motorsvg .st4 {
  fill: #001426;
  stroke: #001426;
  stroke-width: 0.5;
  stroke-linejoin: round;
}
.motorsvg .st5 {
  stroke: #001426;
  stroke-width: 0.5;
  stroke-linejoin: round;
}
.motorsvg .st7 {
  stroke: #001426;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
.motorsvg .st8 {
  fill: #ffffff;
  stroke: #001426;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
.motorsvg .st9 {
  fill: #ffbe0b;
}
.motorsvg .st10 {
  -webkit-clip-path: url(#SVGID_00000170245251953786749580000003386253732605375153_);
          clip-path: url(#SVGID_00000170245251953786749580000003386253732605375153_);
}
.motorsvg .st11 {
  fill: #ffffff;
}
.motorsvg .st12 {
  fill: #ffbe0b;
  stroke: #001426;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
.motorsvg .st13 {
  -webkit-clip-path: url(#SVGID_00000060730107538057655210000015314304757722822789_);
          clip-path: url(#SVGID_00000060730107538057655210000015314304757722822789_);
}
.motorsvg .st14 {
  opacity: 0.46;
  enable-background: new;
}
.motorsvg .st15 {
  fill: none;
  stroke: #001426;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
.motorsvg .st16 {
  fill: #001426;
  stroke: #001426;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
.motorsvg .st17 {
  fill: #c7cbce;
  stroke: #001426;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
.motorsvg .st18 {
  -webkit-clip-path: url(#SVGID_00000183940249494753984770000010285316143662783413_);
          clip-path: url(#SVGID_00000183940249494753984770000010285316143662783413_);
}
.motorsvg .st19 {
  -webkit-clip-path: url(#SVGID_00000077305893503112317030000016694116520074966938_);
          clip-path: url(#SVGID_00000077305893503112317030000016694116520074966938_);
}
.motorsvg .st20 {
  opacity: 0.48;
  enable-background: new;
}
.motorsvg .st21 {
  -webkit-clip-path: url(#SVGID_00000026120886182456447540000014961792154885453502_);
          clip-path: url(#SVGID_00000026120886182456447540000014961792154885453502_);
}
.motorsvg .st22 {
  fill: #001426;
}

.economicsvg .cls-1,
.economicsvg .cls-2 {
  fill: none;
}
.economicsvg .cls-3 {
  -webkit-clip-path: url(#clippath);
          clip-path: url(#clippath);
}
.economicsvg .cls-4,
.economicsvg .cls-5,
.economicsvg .cls-6 {
  fill: #001426;
}
.economicsvg .cls-7 {
  fill: #f0f1f2;
}
.economicsvg .cls-5,
.economicsvg .cls-8,
.economicsvg .cls-9,
.economicsvg .cls-6,
.economicsvg .cls-10,
.economicsvg .cls-2 {
  stroke-miterlimit: 10;
  stroke-width: 0.5px;
}
.economicsvg .cls-5,
.economicsvg .cls-8,
.economicsvg .cls-9,
.economicsvg .cls-10 {
  stroke: #001426;
}
.economicsvg .cls-8 {
  fill: #ffbe0b;
}
.economicsvg .cls-9 {
  fill: #fff;
}
.economicsvg .cls-6 {
  stroke: #ffbe0b;
}
.economicsvg .cls-11 {
  mix-blend-mode: multiply;
  opacity: 0.38;
}
.economicsvg .cls-12 {
  isolation: isolate;
}
.economicsvg .cls-2 {
  stroke: #fff;
}

.multidropsvg .cls-1,
.multidropsvg .cls-2 {
  fill: #001426;
}
.multidropsvg .cls-3 {
  fill: #f0f1f2;
}
.multidropsvg .cls-2,
.multidropsvg .cls-4,
.multidropsvg .cls-5,
.multidropsvg .cls-6 {
  stroke: #001426;
  stroke-miterlimit: 10;
  stroke-width: 0.5px;
}
.multidropsvg .cls-4 {
  fill: #ffbe0b;
}
.multidropsvg .cls-6 {
  fill: #c7cbce;
}

.supportsvg .cls-1,
.supportsvg .cls-2 {
  fill: none;
}
.supportsvg .cls-3 {
  -webkit-clip-path: url(#clippath);
          clip-path: url(#clippath);
}
.supportsvg .cls-4,
.supportsvg .cls-5 {
  fill: #fff;
}
.supportsvg .cls-6 {
  fill: #f0f1f2;
}
.supportsvg .cls-10,
.supportsvg .cls-11,
.supportsvg .cls-12,
.supportsvg .cls-13,
.supportsvg .cls-14 {
  fill: #c7cbce;
}
.supportsvg .cls-15 {
  fill: #203241;
}
.supportsvg .cls-16 {
  -webkit-clip-path: url(#clippath-1);
          clip-path: url(#clippath-1);
}
.supportsvg .cls-17 {
  -webkit-clip-path: url(#clippath-2);
          clip-path: url(#clippath-2);
}
.supportsvg .cls-18 {
  fill: #001426;
}
.supportsvg .cls-18,
.supportsvg .cls-19,
.supportsvg .cls-5,
.supportsvg .cls-8,
.supportsvg .cls-12,
.supportsvg .cls-2 {
  stroke: #001426;
  stroke-miterlimit: 10;
  stroke-width: 0.5px;
}
.supportsvg .cls-19 {
  fill: #ffbe0b;
}
.supportsvg .cls-11 {
  opacity: 0.43;
}
.supportsvg .cls-11,
.supportsvg .cls-13,
.supportsvg .cls-9 {
  mix-blend-mode: multiply;
}
.supportsvg .cls-13 {
  opacity: 0.51;
}
.supportsvg .cls-9 {
  opacity: 0.5;
}
.supportsvg .cls-20 {
  isolation: isolate;
}
.supportsvg .cls-14 {
  opacity: 0.24;
}

.reservesvg .st0 {
  fill: #f0f1f2;
}
.reservesvg .st2 {
  fill: #c7cbce;
}
.reservesvg .st3 {
  fill: #ffbe0b;
}
.reservesvg .st4 {
  fill: #001426;
}
.reservesvg .st5 {
  fill: #f0f1f2;
  stroke: #000000;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
.reservesvg .st6 {
  stroke: #000000;
  stroke-width: 0.5;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.reservesvg .st7 {
  fill: none;
  stroke: #001426;
  stroke-width: 0.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.reservesvg .st8 {
  -webkit-clip-path: url(#SVGID_00000054946965505320219810000008042483746303201182_);
          clip-path: url(#SVGID_00000054946965505320219810000008042483746303201182_);
}
.reservesvg .st9 {
  fill: #203241;
}
.reservesvg .st10 {
  fill: #ffffff;
  stroke: #001426;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
.reservesvg .st11 {
  opacity: 0.24;
  fill: #c7cbce;
  enable-background: new;
}
.reservesvg .st12 {
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.reservesvg .st13 {
  fill: none;
  stroke: #001426;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.easypaysvg .st0 {
  fill: #f0f1f2;
}
.easypaysvg .st1 {
  fill: #001426;
  stroke: #001426;
  stroke-width: 0.5;
  stroke-linejoin: round;
}
.easypaysvg .st2 {
  fill: #001426;
  stroke: #001426;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
.easypaysvg .st3 {
  stroke: #001426;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
.easypaysvg .st4 {
  fill: none;
  stroke: #001426;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.easypaysvg .st5 {
  opacity: 0.37;
  enable-background: new;
}
.easypaysvg .st6 {
  fill: #ffffff;
  stroke: #001426;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
.easypaysvg .st7 {
  fill: none;
  stroke: #001426;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
.easypaysvg .st8 {
  fill: #ffbe0b;
  stroke: #001426;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
.easypaysvg .st9 {
  fill: #001426;
}/*# sourceMappingURL=theme.css.map */