/* General Style Start */

@font-face {
  font-family: eucilid_medium;
  src: url(../fonts/eucilid/EuclidCircularBMedium.ttf);
}

@font-face {
  font-family: eucilid_bold;
  src: url(../fonts/eucilid/EuclidCircularBBold.ttf);
}

@font-face {
  font-family: eucilid_regular;
  src: url(../fonts/eucilid/EuclidCircularBRegular.ttf);
}

body {
  background-color: #ffffff;
}

.row {
  margin: 0px !important;
}

* {
  font-family: "Poppins", sans-serif;
}

.mh10p0 {
  min-height: 10px;
  padding: 0px;
}

.mh10p5 {
  min-height: 10px;
  padding: 5px;
}

.mh10p10 {
  min-height: 10px;
  padding: 10px;
}

.mh10p15 {
  min-height: 10px;
  padding: 15px;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* @media (min-width: 1200px)
{
    .container
    {
        width: 1238px;
    }
} */

/* General Style End */

/* Menu Start */

.menu_top_line_outer {
  min-height: 20px;
  background-color: #0c253f;
  padding: 0px;
}

.menu_top_line_inner {
  min-height: 20px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu_top_line_socials_outer {
  min-width: 10px;
  height: 35px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 15px;
}

.menu_top_line_socials_box {
  width: 30px;
  height: 30px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #fff;
}

.menu_top_contents_outer {
  flex: 1;
  height: 35px;
  float: left;
  background-color: #4c7094;
  clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 20px 100%);
  padding: 0px 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.menu_top_contents_inner {
  min-width: 10px;
  height: 25px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
  margin-right: 15px;
  cursor: pointer;
}

.menu_top_contents_box {
  width: 19px;
  height: 19px;
  float: left;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #fff;
  border-radius: 50%;
  margin-right: 5px;
}

@media only screen and (max-width: 600px) {
  .menu_top_contents_inner span {
    display: none;
  }

  .menu_top_contents_inner {
    margin-right: 5px;
  }
}

.menu_line_outer {
  min-height: 20px;
  padding: 0px;
  background-size: cover;
  background-position: center top;
}

.menu_line_outer:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 1;
}

.menu_line_inner {
  min-height: 30px;
  padding: 10px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 5;
}

.menu_line_box_outer {
  width: 200px;
  height: 60px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}

.menu_line_box_outer img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.menu_line_center_contents {
  flex: 1;
  height: 35px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  cursor: pointer;
  margin-top: 2px;
}

.menu_line_center_btn {
  min-width: 10px;
  height: 35px;
  float: left;
  font-size: 13px;
  font-weight: 500;
  color: #0c253f;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 2px;
  letter-spacing: 0.5px;
}

.menu_line_center_btn_select {
  min-width: 10px;
  height: 35px;
  float: left;
  font-size: 13px;
  font-weight: 600;
  color: #0c253f;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.5px;
  padding-bottom: 1px;
  border-bottom: 3px solid #0c253f;
}

.menu_line_box_outer:last-child {
  justify-content: flex-end;
}

.menu_line_box_btn {
  min-width: 10px;
  height: 35px;
  float: left;
  background-color: #fff;
  padding: 0px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  color: #0c253f;
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.1s ease;
}

.menu_line_box_btn:hover {
  background-color: #0c253f;
  color: #fff;
}

.menu_line_center_btn_bottom_outer {
  width: 100%;
  min-height: 10px;
  float: left;
  display: none;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  gap: 10px;
}

.menu_line_center_btn_bottom_outer .menu_line_box_btn {
  display: flex !important;
  font-size: 11px;
  -webkit-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.3);
}

.menu_line_box_mobile_btn {
  width: 35px;
  height: 35px;
  background-color: #fff;
  float: left;
  display: none;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  border-radius: 5px;
  font-size: 18px;
  color: #0c253f;
}

@media only screen and (min-width: 1000px) {
  .menu_line_center_contents {
    flex: 1;
    height: 35px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    cursor: pointer;
    margin-top: 2px;
  }
}

@media only screen and (max-width: 1000px) {
  .menu_line_box_outer {
    width: 50%;
  }

  .menu_line_center_contents {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    top: 78px;
    background-color: #fff;
    display: none;
    padding: 10px;
    -webkit-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.3);
  }

  .menu_line_center_btn_select {
    width: 100%;
    height: 45px;
  }

  .menu_line_center_btn {
    width: 100%;
    height: 45px;
  }

  .menu_line_box_btn {
    display: none;
  }

  .menu_line_center_btn_bottom_outer {
    display: flex;
  }

  .menu_line_box_mobile_btn {
    display: flex;
  }
}

@media only screen and (max-width: 600px) {
  .menu_line_box_outer {
    width: 50%;
  }

  .menu_line_center_contents {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    top: 78px;
    background-color: #fff;
    display: none;
    padding: 10px;
    -webkit-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.3);
  }

  .menu_line_center_btn_select {
    width: 100%;
    height: 45px;
  }

  .menu_line_center_btn {
    width: 100%;
    height: 45px;
  }

  .menu_line_box_btn {
    display: none;
  }

  .menu_line_center_btn_bottom_outer {
    display: flex;
  }

  .menu_line_box_mobile_btn {
    display: flex;
  }
}

/* Menu End */

/* Footer Start */

.footer_outer {
  min-height: 80px;
  background-color: #fff;
  padding: 0px;
  border-top: 1px solid #dadada;
}

.footer_inner {
  min-height: 80px;
  padding: 15px 0px;
}

.footer_bottom_outer {
  min-height: 30px;
  background-color: #0c253f;
  padding: 0px;
}

.footer_bottom_inner {
  min-height: 30px;
  padding: 13px 0px;
  font-size: 10px;
  color: #fff;
}

.footer_bottom_inner span {
  float: right;
}

.footer_bottom_inner span a {
  color: #fff;
}

.footer_logo_outer {
  width: 100%;
  height: 60px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.footer_logo_outer img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  float: left;
}

.footer_text_outer {
  width: 100%;
  min-height: 20px;
  float: left;
  font-size: 11px;
  line-height: 21px;
  font-weight: 300;
  color: #333;
  margin-top: 15px;
}

.footer_social_outer {
  width: 100%;
  min-height: 30px;
  float: left;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.footer_social_btn {
  width: 32px;
  height: 32px;
  float: left;
  border-radius: 50%;
  border: 1px solid #0c253f;
  display: flex;
  align-items: center;
  justify-content: Center;
  font-size: 13px;
  color: #fff;
  transition: all 0.2s ease;
  cursor: pointer;
  background-color: #0c253f;
}

.footer_social_btn:hover {
  background-color: #0c253f;
  color: #fff;
}

.footer_contents_title {
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  float: left;
  margin-bottom: 20px;
}

.footer_contents_line {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  float: left;
  margin-bottom: 10px;
  cursor: pointer;
  color: #0c253f;
}

.footer_contact_box {
  width: 100%;
  min-height: 10px;
  float: left;
  margin-bottom: 15px;
}

.footer_contact_box_icon {
  width: 35px;
  height: 35px;
  background-color: #0c253f;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #fff;
}

.footer_contact_box_texts {
  width: calc(100% - 45px);
  min-height: 10px;
  float: left;
  margin-left: 10px;
}

.footer_contact_box_texts h3 {
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  color: #333;
  float: left;
  margin: 0px;
  margin-bottom: 5px;
}

.footer_contact_box_texts h4 {
  width: 100%;
  font-size: 11px;
  font-weight: 400;
  color: #333;
  float: left;
  margin: 0px;
}

@media only screen and (max-width: 600px) {
  .footer_bottom_inner {
    text-align: center;
  }

  .footer_bottom_inner span {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}

/* Footer End */

/* Error Page Start */

.error_page_outer {
  min-height: 10px;
  padding: 0px;
}

.error_page_inner {
  min-height: 70vh;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.error_page_inner h1 {
  width: 100%;
  font-size: 85px;
  font-weight: 700;
  color: #4c7094;
  text-align: center;
  margin: 0px;
}

.error_page_inner h2 {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  color: #0c253f;
  text-align: center;
  margin: 0px;
  margin-top: 10px;
}

.error_page_inner h3 {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  text-align: center;
  margin: 0px;
  margin-top: 20px;
}

.error_page_inner h4 {
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  color: #333;
  text-align: center;
  margin: 0px;
  margin-top: 40px;
  cursor: pointer;
}

/* Error Page End */

/* Login Page Start */

.login_page_outer {
  min-height: 10px;
  padding: 0px;
}

.login_page_inner {
  min-height: 70vh;
  padding: 40px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login_page_box_outer {
  min-height: 485px;
  padding: 0px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #dadada;
  -webkit-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.37);
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.37);
  position: ralative;
}

.login_page_box_left {
  height: 100%;
  background-color: #aee2ff;
  padding: 50px 30px;
  background-size: cover;
  background-position: center top;
  position: absolute;
  left: 0px;
  top: 0px;
}

.login_page_box_right {
  min-height: 40px;
  padding: 0px;
  float: right;
}

.login_page_box_left_logo_outer {
  width: 100%;
  height: 60px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login_page_box_left_logo_outer img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  float: left;
}

.login_page_box_left_title {
  width: 100%;
  min-height: 20px;
  float: left;
  font-size: 18px;
  font-weight: 600;
  color: #093c5d;
  margin-top: 30px;
  text-align: center;
}

.login_page_box_left_buttons {
  width: 100%;
  min-height: 10px;
  float: left;
  margin-top: 50px;
}

.guess_user_right_container {
  /* width: 120px; */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.guess_user_right_container select {
  width: 200px;
}

.guess_user_right_container div input {
  /* width: 200px; */
}

.login_page_guess_alert {
  font-size: 10px;
  padding: 7px;
  margin-bottom: 10px;
}

.login_page_guess_alert2 {
  font-size: 16px !important;
  letter-spacing: 8px;
}

.login_page_guess_code_modal_header {
  margin-bottom: 10px;
}

.login_page_box_left_button {
  width: 100%;
  height: 40px;
  background-color: #fff;
  float: left;
  border-radius: 5px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  color: #093c5d;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.2s ease;
}

.left_button_select {
  width: calc(100% + 30px);
  opacity: 1;
  border-radius: 5px 0px 0px 5px;
  transition: all 0.2s ease;
  font-weight: 600;
}

.login_page_box_right_title {
  width: 100%;
  min-height: 10px;
  background-color: #dbf2ff;
  float: left;
  padding: 13px;
  font-size: 16px;
  font-weight: 600;
  color: #0c253f;
}

.login_page_box_right_contents {
  width: 100%;
  min-height: 20px;
  padding: 20px;
  float: left;
}

.guess_user_button {
  margin-bottom: 0 !important;
  height: 34px !important;
  padding: 0 !important;
  width: 140px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 6px !important;
  background-color: #fff !important;
  color: #0c253f !important;
  border: 1px solid #0c253f !important;
  cursor: pointer !important;
  transition: all 0.5s ease !important;
  opacity: 0.9;
  margin-right: 0 !important;
}

.guess_user_button:hover {
  opacity: 1;
}

.guess_user_button div {
  font-size: 12px;
}

[type="file"] {
  height: 0;
  overflow: hidden;
  width: 0;
}

[type="file"] + label {
  background: #f15d22;
  border: none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Rubik", sans-serif;
  font-size: inherit;
  font-weight: 500;
  margin-bottom: 1rem;
  outline: none;
  padding: 1rem 50px;
  position: relative;
  transition: all 0.3s;
  vertical-align: middle;

  &:hover {
    background-color: darken(#f15d22, 10%);
  }

  &.btn-1 {
    background-color: #f79159;
    box-shadow: 0 6px darken(#f79159, 10%);
    transition: none;

    &:hover {
      box-shadow: 0 4px darken(#f79159, 10%);
      top: 2px;
    }
  }

  &.btn-2 {
    background-color: #99c793;
    border-radius: 50px;
    overflow: hidden;

    &::before {
      color: #fff;
      content: "\f382";
      font-family: "Font Awesome 5 Pro";
      font-size: 100%;
      height: 100%;
      right: 130%;
      line-height: 3.3;
      position: absolute;
      top: 0px;
      transition: all 0.3s;
    }

    &:hover {
      background-color: darken(#99c793, 30%);

      &::before {
        right: 75%;
      }
    }
  }

  &.btn-3 {
    background-color: #ee6d9e;
    border-radius: 0;
    overflow: hidden;

    span {
      display: inline-block;
      height: 100%;
      transition: all 0.3s;
      width: 100%;
    }

    &::before {
      color: #fff;
      content: "\f382";
      font-family: "Font Awesome 5 Pro";
      font-size: 130%;
      height: 100%;
      left: 0;
      line-height: 2.6;
      position: absolute;
      top: -180%;
      transition: all 0.3s;
      width: 100%;
    }

    &:hover {
      background-color: darken(#ee6d9e, 30%);

      span {
        transform: translateY(300%);
      }

      &::before {
        top: 0;
      }
    }
  }
}

body {
  font-family: "Literata", serif;
  font-size: 14px;
  line-height: 1.3;
  margin: 1rem 0;
  text-align: center;
}

.wrapper {
  background-color: #fff;
  border-radius: 1rem;
  margin: 0 auto;
  max-width: 500px;
  padding: 2rem;
  width: 100%;
}

.footer {
  font-size: 0.8rem;
  margin-bottom: 0;
  margin-top: 3rem;
}

h1,
p {
  margin-bottom: 2rem;
}

h1 {
  font-family: "Rubik", sans-serif;
  font-size: 1.7rem;
}

a {
  color: #31c1ef;
  text-decoration: none;
}

.login_page_box_right_tabs {
  width: 100%;
  height: 36px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 25px;
}

.login_page_box_right_tab {
  min-width: 10px;
  height: 36px;
  background-color: #fff;
  float: left;
  padding: 0px 15px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  color: #0c253f;
  cursor: pointer;
  border: 1px solid #dadada;
  opacity: 0.5;
}

.login_page_box_right_tab_select {
  opacity: 1;
}

.custom_input_outer {
  width: 100%;
  min-height: 10px;
  padding: 0px;
  margin-bottom: 10px;
  float: left;
  margin-bottom: 10px;
}

.custom_input_outer p {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  float: left;
  margin: 0px;
  margin-bottom: 5px;
}

.custom_input_outer input {
  width: 100%;
  height: 45px;
  float: left;
}
.custom_input_outer input::first-letter {
  text-transform: uppercase;
}
.inputgenerated {
  flex: 1 !important;
  height: 45px;
  float: left;
}
.custom_input_outer input::-webkit-outer-spin-button,
.custom_input_outer input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.custom_input_outer input[type="number"] {
  -moz-appearance: textfield;
}
.secletClass {
  width: 65px !important;
  height: 45px;
  float: left;
  padding: 0 5px;
  font-size: 13px !important;
}
.custom_input_outer select {
  width: 100%;
  height: 45px;
  float: left;
}
.rowSelected {
  width: 100%;
  display: flex;
  gap: 5px;
}
.custom_input_mini_link {
  width: 100%;
  float: left;
}

.custom_input_mini_link a {
  float: right;
  font-size: 12px;
  font-weight: 500;
  color: #333 !important;
}

.login_buttons_btn {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  float: left;
  margin-top: 25px;
  margin-bottom: 40px;
}

.login_buttons_btn button {
  min-width: 50px;
  height: 40px;
  float: left;
  padding: 0px 25px;
  background-color: #0c253f !important;
  border: 0px !important;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  border-radius: 5px;
  margin-top: 10px;
}

.login_page_bottom_links {
  width: 100%;
  font-weight: 500;
  color: #333;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  margin-top: 5px;
}

.login_page_bottom_links span {
  color: #337ab7;
  cursor: pointer;
}

@media only screen and (max-width: 600px) {
  .login_page_box_left {
    position: relative;
  }

  .login_page_box_left_buttons {
    margin-top: 20px;
  }

  .left_button_select {
    width: 100% !important;
  }
}

.login_page_notification_box {
  width: 100%;
  min-height: 10px;
  float: left;
  background-color: #0c253f3d;
  padding: 15px;
  line-height: 23px;
  font-size: 12px;
  font-weight: 500;
  color: #0c253f;
  border-radius: 5px;
  margin-bottom: 15px;
}

/* Login Page End */

/* Text Page Start */

.text_page_outer {
  min-height: 10px;
  padding: 0px;
  background-color: #f5f5f5;
}

.text_page_inner {
  min-height: 70vh;
  padding: 25px 15px;
}

.text_page_box {
  min-height: 50px;
  background-color: #fff;
  padding: 15px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.37);
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.37);
}

.text_page_title_outer {
  min-height: 20px;
  padding-top: 5px;
  padding-bottom: 15px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  border-bottom: 1px solid #dadada;
  margin-bottom: 20px;
}

/* Text Page End */

/* Homepage Start */

.homepage_outer {
  min-height: 10px;
  padding: 0px;
}

.homepage_inner {
  min-height: 70vh;
  padding: 30px 0px;
}

.homepage_top_line_outer {
  min-height: 20px;
  padding: 0px;
}

.homepage_top_line_btn {
  width: 45px;
  height: 45px;
  float: left;
  cursor: pointer;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #dadada;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #0c253f;
  position: relative;
}

.homepage_top_line_btn_badge {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 7px;
  top: 7px;
  background-color: #0c253f;
  border-radius: 50%;
}

.homepage_top_line_search_outer {
  width: calc(100% - 55px);
  height: 45px;
  float: left;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #dadada;
  display: flex;
  align-items: center;
  justify-content: center;
}

.homepage_top_line_search_outer1 {
  height: 40px;
  float: left;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #dadada;
  display: flex;
  align-items: center;
  justify-content: center;
}

.homepage_top_line_search_icon {
  width: 30px;
  height: 30px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
}
.homepage_top_line_search_outer1 input,
.homepage_top_line_search_outer input {
  flex: 1;
  font-size: 14px;
  color: #333;
  border: 0px !important;
  outline: 0px !important;
  font-size: 13px;
}

.homepage_top_line_tabs_outer {
  width: 100%;
  height: 45px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.homepage_top_line_tabs_outer2 {
  width: 100%;
  height: 45px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.guess_user_works_work_state_buttons_container button {
  border: 1px solid #0c253f;
  margin-top: 5px;
  padding: 5px 10px;
  border-radius: 5px;
  opacity: 0.9;
  transition: all 0.4s;
}

.guess_user_works_work_state_buttons_container button:hover {
  opacity: 1;
}

.legal_person_works_send_inspector_message {
  color: #0c253f;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.9;
  transition: all 0.4s;
}

.legal_person_works_deliver_work_button {
  width: 100%;
  padding: 10px;
  border: 1px solid #dadada;
  background-color: #fff;
  cursor: pointer;
  border-radius: 4px;
}

.legal_person_works_send_inspector_message:hover {
  text-decoration: none;
  color: #0c253f;
  opacity: 1;
}

.homepage_top_line_tab {
  min-width: 10px;
  height: 41px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  color: #cbcbcb;
  padding: 0px 15px;
  border-radius: 5px;
  border: 1px solid #cbcbcb;
  padding-bottom: 1.5px;
  cursor: pointer;
}

.top_line_tab_select {
  border: 1px solid #0c253f;
  color: #0c253f;
}

.page_banner_image {
  width: 100%;
  float: left;
  border-radius: 8px;
}

.homepage_line_outer {
  width: 100%;
  min-height: 20px;
  background-color: #fff;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #dadada;
  margin-bottom: 15px;
  position: relative;
}

.homepage_line_outer2 {
  width: 100%;
  min-height: 20px;
  background-color: #fff;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #dadada;
  margin-bottom: 15px;
  position: relative;
}

.student_teachers_detail_teacher .teacher_box_contents h1,
p {
  text-align: start;
}

@media screen and (max-width: 600px) {
  .student_teachers_detail_teacher .teacher_box_contents h1,
  p {
    text-align: center;
  }
}

.homepage_line_icon {
  width: 90px;
  height: 70px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
  flex-direction: column;
}

.homepage_line_icon p {
  width: 100%;
  font-size: 11px;
  font-weight: 600;
  color: #333;
  text-align: center !important;
  margin: 0px;
  margin-top: 10px;
}

.homepage_line_icon img {
  width: auto;
  height: auto;
  max-width: 90%;
  max-height: 80%;
  float: left;
}

.homepage_line_tv_center {
  width: 160px;
  min-height: 20px;
  float: left;
}

.homepage_line_tv_center img {
  width: 100%;
  height: 40px;
  object-fit: contain;
  float: left;
}

.homepage_line_tv_center p {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #0c253f;
  float: left;
  margin: 0px;
  margin-top: 12px;
  text-align: center;
}

.homepage_line_tv_center p b {
  font-weight: 600;
}

.homepage_line_tv_center2 {
  width: 160px;
  min-height: 20px;
  float: left;
}

.homepage_line_tv_center2 img {
  width: 100%;
  height: 40px;
  object-fit: contain;
  float: left;
}

.homepage_line_tv_center2 p {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #0c253f;
  float: left;
  margin: 0px;
  margin-top: 12px;
  text-align: center !important;
}

.homepage_line_tv_center2 p b {
  font-weight: 600;
}

.homepage_line_contents_box {
  flex: 1;
  min-height: 10px;
  float: left;
}

.homepage_line_icon_contents {
  width: 100%;
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  float: left;
  text-align: left;
}
.homepage_line_icon_contents_text i {
  margin-right: 10px;
}
.homepage_line_icon_contents:last-child {
  margin: 0px;
}

.homepage_line_icon_contents_icon {
  width: 25px;
  height: 25px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.homepage_line_icon_contents_icon img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.homepage_line_icon_contents_text {
  flex: 1;
  font-size: 12px !important;
  font-weight: 500;
  color: #333;
  float: left;
}

.homepage_line_contents_box_title {
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  float: left;
  margin-bottom: 10px;
}

.homepage_line_contents_box_buttons {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: ctnter;
  justify-content: center;
  gap: 15px;
}

.homepage_line_contents_box_btn {
  flex: 1;
  height: 30px;
  float: left;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 400;
  color: #333;
  cursor: pointer;
  border: 1px solid #0c253f;
  color: #0c253f;
}

@media only screen and (max-width: 600px) {
  .homepage_top_line_tabs_outer {
    flex-direction: column;
    height: auto;
  }

  .homepage_top_line_tab {
    width: 100%;
  }

  .homepage_line_outer {
    flex-direction: column;
  }

  .homepage_line_icon {
    margin: 0px;
  }

  .homepage_line_contents_box {
    width: 100% !important;
  }
}

.homepage_line_bell_btn {
  width: 23px;
  height: 23px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #333;
  cursor: pointer;
}

/* Homepage End */

/* Preloader Start */

.preloader_outer {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader_outer::before {
  content: "";
  width: 50%;
  height: 100vh;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #f5f5f5;
  z-index: 1;
  transition: all 1s ease;
}

.preloader_outer::after {
  content: "";
  width: 50%;
  height: 100vh;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #f5f5f5;
  z-index: 1;
  transition: all 1s ease;
}

.preloader_logo_outer {
  width: 250px;
  float: left;
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader_logo_outer img {
  width: 250px;
  height: 105px;
  object-fit: contain;
}

.preloader_logo_mask {
  width: 250px;
  height: 105px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 4;
  mask: url("../images/system/logo.png") no-repeat center / contain;
  -webkit-mask: url("../images/system/logo.png") no-repeat center / contain;
}

.preloader_logo_mask::after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 1.5s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflect 1.5s ease-in-out infinite;
}

@media screen and (max-width: 992px) {
  .login_page_box_right_contents {
    margin-top: 380px;
  }

  .legal_person_workflow_all_announcement_item {
    flex-direction: column;
    padding: 15px;
  }

  .legal_person_workflow_all_announcement_item_part {
    width: 100%;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 600px) {
  .login_page_box_right_contents {
    margin-top: 0;
  }
}

@keyframes reflect {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

@-webkit-keyframes reflect {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

.preloader_close::before {
  width: 0% !important;
  opacity: 0 !important;
}

.preloader_close::after {
  width: 0% !important;
  opacity: 0 !important;
}

/* Preloader End */

/* Teachers Start */

.modalHeader {
  text-align: center;
  margin-top: 25px;
  color: #003865;
  font-size: 24px;
}

.modalBody input {
  margin-top: 10px;
}

.teacher_right_boxes {
  width: 160px;
  min-height: 10px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}

.teacher_right_box {
  width: 100%;
  min-height: 20px;
  background-color: #4c70943d;
  float: left;
  padding: 13px;
  border-radius: 5px;
}

.teacher_right_box h1 {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #0c253f;
  margin: 0px;
  text-align: center;
  /* margin-bottom:10px; */
}

.teacher_right_box h2 {
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  color: #0c253f;
  margin: 0px;
  text-align: center;
}

.teacher_right_box h2 i {
  font-size: 13px;
}

.teacher_box_contents {
  flex: 1;
  min-height: 10px;
  float: left;
}

.teacher_box_contents h1 {
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #0c253f;
  margin: 0px;
  margin-bottom: 10px;
}

.teacher_box_contents2 h1,
p {
  text-align: start !important;
}

.teacher_box_contents p {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #0c253f;
  margin: 0px;
  line-height: 22px;
}

.teacher_box_contents2 div {
  text-align: start;
  margin-top: 5px;
}

.teacher_box_contents2 div span {
  font-size: 12px;
}

.teacher_box_contents2 div span:nth-child(1) {
  font-weight: 600;
}

@media only screen and (max-width: 600px) {
  .teacher_box_contents h1 {
    text-align: center;
  }

  .teacher_box_contents p {
    text-align: center;
  }

  .teacher_right_boxes {
    width: 100%;
  }

  .teacher_box_contents2 h1,
  p {
    text-align: center !important;
  }
}

/* Teachers End */

/* About Us Start */

.about_us_page_top_outer {
  min-height: 20px;
  padding: 0px;
  background-size: cover;
  background-position: center;
}

.about_us_page_top_inner {
  min-height: 20px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about_us_page_top_titles {
  min-height: 20px;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 40px 30px;
}

.about_us_page_top_titles h1 {
  width: 100%;
  font-size: 21px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  margin: 0px;
  margin-bottom: 15px;
  letter-spacing: 1px;
}

.about_us_page_top_titles p {
  width: 100%;
  font-size: 11px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  margin: 0px;
  line-height: 22px;
}

.about_us_page_outer {
  min-height: 10px;
  padding: 0px;
}

.about_us_page_inner {
  min-height: 70vh;
  padding: 20px;
}

/* About Us End */

/* Contact Start */

.contact_page_top_map {
  height: 350px;
  padding: 0px;
}

.contact_page_top_map iframe {
  width: 100%;
  height: 350px;
  float: left;
  border: 0px;
}

.custom_contact_page_outer {
  min-height: 50px;
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
  margin-top: -40px;
  margin-bottom: 40px;
}

.custom_content_page_box {
  min-height: 30px;
  padding: 15px 30px;
  border-left: 1px solid #dadada;
  float: right;
}

.custom_content_page_box:last-child {
  border-left: 0px;
  border-right: 1px solid #dadada;
  margin-right: -1px;
}

.custom_content_page_box h3 {
  width: 100%;
  height: auto;
  float: left;
  font-size: 23px;
  font-weight: 300;
  margin: 0px;
  margin-bottom: 60px;
  color: #003865;
}

.custom_content_page_box h3 b {
  font-weight: 700;
}

.contact_detailbox_outer {
  width: 100%;
  min-height: 20px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
}

.contact_detailbox_icon {
  width: 40px;
  height: 40px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #003865;
  opacity: 0.6;
}

.contact_detailbox_text {
  width: calc(100% - 55px);
  min-height: 10px;
  float: left;
  margin-left: 15px;
}

.contact_detailbox_text h4 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0px;
  font-size: 16px;
  font-weight: 500;
  color: #003865;
  margin-bottom: 10px;
}

.contact_detailbox_text h5 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0px;
  font-size: 13px;
  font-weight: 300;
  color: #003865;
  line-height: 18px;
}

@media only screen and (max-width: 600px) {
  .custom_content_page_box {
    border: 0px !important;
    padding: 10px;
  }
}

.custom_input_outer2 {
  min-height: 10px;
  padding: 5px;
  margin-bottom: 7px;
}

.custom_input_outer2 p {
  width: 100%;
  height: auto;
  float: left;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  margin: 0px;
  margin-bottom: 4px;
}

.custom_input_outer2 input {
  width: 100%;
  height: 43px;
  background-color: #ececec;
  box-sizing: border-box;
  padding: 0px 15px;
  border-radius: 5px;
  font-size: 13px;
  color: #333;
  border: 0px;
  outline: 0px;
  transition: all 0.2s ease;
}

.custom_input_outer2 input:focus {
  border-left: 5px solid #0c253f;
  color: #0c253f;
  font-weight: 500;
}

.custom_input_outer2 label {
  width: 100%;
  height: 43px;
  background-color: #ececec;
  box-sizing: border-box;
  padding: 0px 15px;
  border-radius: 5px;
  font-size: 13px;
  color: #333;
  border: 0px;
  outline: 0px;
  transition: all 0.2s ease;
  line-height: 43px;
  font-weight: 400;
  cursor: pointer;
}

.custom_input_outer2 label:hover {
  border-left: 5px solid #0c253f;
  color: #0c253f;
  font-weight: 500;
}

.custom_input_outer2 label input {
  display: none;
}

.custom_input_outer2 select {
  width: 100%;
  height: 43px;
  background-color: #ececec;
  box-sizing: border-box;
  padding: 0px 15px;
  border-radius: 5px;
  font-size: 13px;
  color: #333;
  border: 0px;
  outline: 0px;
  transition: all 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}

.custom_input_outer2 select:focus {
  border-left: 5px solid #0c253f;
  color: #0c253f;
  font-weight: 500;
}

.custom_input_outer2 textarea {
  width: 100%;
  height: 143px;
  background-color: #ececec;
  box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 13px;
  color: #333;
  border: 0px;
  outline: 0px;
  transition: all 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}

.custom_input_outer2 textarea:focus {
  border-left: 5px solid #0c253f;
  color: #0c253f;
  font-weight: 500;
}

.custom_input_outer2 button {
  width: 100%;
  height: 43px;
  background: #0c253f;
  border-radius: 8px;
  color: #fff;
  font-weight: 500;
  border: 0px;
  outline: 0px;
  font-size: 15px;
  margin-top: 35px;
  box-sizing: border-box;
  padding-bottom: 2px;
}

/* Contact End */

/* SSS Start */

.sss_line_outer {
  min-height: 20px;
  background-color: #fff;
  padding: 20px;
  border-radius: 7px;
  border: 1px solid #dadada;
  margin-bottom: 20px;
}

.sss_line_title {
  width: 100%;
  min-height: 30px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.sss_line_circle {
  width: 35px;
  height: 35px;
  float: left;
  background-color: #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #333;
  border-radius: 50%;
  transition: all 0.5s ease;
}

.sss_line_title_text {
  width: calc(100% - 45px);
  min-height: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  margin-right: 10px;
  color: var(--first_color);
}

.sss_line_content_text {
  width: 100%;
  min-height: 20px;
  float: left;
  font-size: 13px;
  color: var(--first_color);
  display: none;
}

.sss_line_active .sss_line_content_text {
  display: block;
}

.sss_line_active .sss_line_title {
  padding-bottom: 20px;
  border-bottom: 1px solid #dadada;
  margin-bottom: 20px;
}

.sss_line_active .sss_line_circle {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* SSS End */

/* Notifications Start */

.notification_box_outer {
  width: 100%;
  min-height: 20px;
  background-color: #dadada;
  margin-bottom: 10px;
  border-radius: 7px;
  padding: 20px;
  float: left;
  position: relative;
}

.notification_box_outer h1 {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin: 0px;
  float: left;
  margin-bottom: 15px;
}

.notification_box_outer p {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  margin: 0px;
  float: left;
  margin-bottom: 15px;
}

.notification_box_outer h2 {
  width: 100%;
  font-size: 13px;
  font-weight: 300;
  color: #333;
  margin: 0px;
  float: left;
}

.notification_box_delete {
  width: 30px;
  height: 30px;
  position: absolute;
  right: -8px;
  top: -8px;
  background-color: #ff0000;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 15px;
  border-radius: 50%;
  cursor: pointer;
  padding-top: 1px;
}

/* Notifications End */

/* Homepage Start */

.index_slider_outer {
  min-height: 10px;
  background-color: #fff;
  padding: 0px;
}

.index_slider_inner {
  height: 480px;
  background-color: #fff;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 55px;
}

.index_slider_inner_contents {
  flex: 1;
  min-height: 20px;
  background-color: #fff;
  padding: 0px;
  float: left;
}

.index_slider_inner_contents h1 {
  width: 100%;
  font-size: 28px;
  font-weight: 700;
  color: #0c253f;
  float: left;
  margin: 0px;
  margin-bottom: 15px;
}

.index_slider_inner_contents p {
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  color: #333;
  float: left;
  margin: 0px;
  margin-bottom: 35px;
  line-height: 25px;
}

.index_slider_inner img {
  height: 480px;
  float: left;
}

.index_slider_inner_btn {
  min-width: 10px;
  height: 50px;
  float: left;
  background-color: #0c253f;
  padding: 0px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}

@media only screen and (max-width: 600px) {
  .index_slider_inner {
    height: auto;
    padding: 45px 0px;
  }

  .index_slider_inner img {
    display: none;
  }
}

.index_slider_bottom_bar {
  min-height: 50px;
  background-color: #eaeaea;
  padding: 0px;
  position: relative;
  z-index: 2;
}

.index_slider_bottom_bar_inner {
  min-height: 50px;
  padding: 0px;
}

.index_slider_bottom_bar_box {
  min-height: 50px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index_slider_bottom_bar_box_icon {
  width: 55px;
  height: 55px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 35px;
  color: #0c253f;
}

.index_slider_bottom_bar_box_contents {
  flex: 1;
  min-height: 10px;
  float: left;
  margin-left: 15px;
}

.index_slider_bottom_bar_box_contents h1 {
  width: 100%;
  font-size: 17px;
  font-weight: 600;
  color: #0c253f;
  float: left;
  margin: 0px;
  margin-bottom: 7px;
}

.index_slider_bottom_bar_box_contents h2 {
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #333;
  float: left;
  margin: 0px;
}

.index_slider_bottom_bar_box:last-child {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: -10px;
  margin-bottom: -10px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.35);
  position: relative;
}

.index_slider_bottom_bar_box:last-child:before {
  content: "";
  width: 11px;
  height: 10px;
  background-color: #a8a8a8;
  position: absolute;
  top: 0px;
  left: -11px;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.index_slider_bottom_bar_box:last-child:after {
  content: "";
  width: 11px;
  height: 10px;
  background-color: #a8a8a8;
  position: absolute;
  bottom: 0px;
  left: -11px;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}

@media only screen and (max-width: 600px) {
  .index_slider_bottom_bar_box:last-child:before {
    display: none;
  }

  .index_slider_bottom_bar_box:last-child:after {
    display: none;
  }
}

.homepage_image_contents_outer {
  min-height: 20px;
  padding: 0px;
}

.homepage_image_contents_inner {
  min-height: 20px;
  padding: 30px 20px;
}

.homepage_contents_title {
  width: 100%;
  min-height: 10px;
  float: left;
  font-size: 20px;
  font-weight: 600;
  color: #0c253f;
  text-align: center;
  padding-bottom: 18px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}

.homepage_contents_title:after {
  content: "";
  width: 80px;
  height: 2px;
  background-color: #4c7094;
  position: absolute;
  bottom: 0px;
}

.homepage_image_contents_line {
  width: 100%;
  min-height: 10px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

.homepage_image_contents_texts {
  width: 100%;
  min-height: 20px;
  float: left;
}

.homepage_image_contents_texts h1 {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0px;
  margin-bottom: 15px;
}

.homepage_image_contents_texts p {
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #333;
  margin: 0px;
  line-height: 23px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dadada;
}

@media only screen and (max-width: 600px) {
  .homepage_image_contents_line {
    flex-direction: column;
  }
}

.homepage_colored_line_outer {
  min-height: 25px;
  background-color: #0c253f;
  padding: 50px 0px;
}

.homepage_colored_line_inner {
  min-height: 25px;
  float: left;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 35px;
  gap: 25px;
}

.homepage_colored_line_logo {
  width: 150px;
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.homepage_colored_line_logo img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  float: left;
}

.homepage_colored_line_hr {
  width: 1px;
  height: 90px;
  background-color: #fff;
}

.homepage_colored_line_contents {
  flex: 1;
  min-height: 10px;
  float: left;
}

.homepage_colored_line_contents h1 {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin: 0px;
  margin-bottom: 25px;
}

.homepage_colored_line_contents h2 {
  width: 100%;
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  margin: 0px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 600px) {
  .homepage_colored_line_inner {
    flex-direction: column;
  }

  .homepage_colored_line_hr {
    display: none;
  }
}

.homepage_comments_outer {
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  margin-bottom: 30px;
}

.homepage_comments_inner {
  min-height: 20px;
  padding: 0px;
}

.homepage_comments_inner_quote {
  width: 40px;
  height: 40px;
  font-size: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0068f629;
  float: left;
}

.homepage_comments_inner_slider {
  width: calc(100% - 110px);
  min-height: 40px;
  float: left;
  margin: 0px 15px;
}

.homepage_comments_inner_slider_box {
  width: 100%;
  min-height: 20px;
  padding: 0px;
  float: left;
}

.homepage_comments_inner_slider_box p {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--first_color);
  text-align: center;
  margin-bottom: 15px;
}

.homepage_comments_inner_slider_box p i {
  color: gold;
  margin: 0px 2px;
}

/* Homepage End */

/* Student Profile Start */

.student_profile_outer {
  min-height: 10px;
  padding: 20px 0px;
}

.student_profile_inner {
  min-height: 70vh;
  padding: 0px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.student_profile_left {
  width: 100%;
  min-height: 50px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #dadada;
  padding: 15px;
  position: relative;
  float: left;
}

.student_profile_left_edit {
  width: 25px;
  height: 25px;
  background-color: #4c7094;
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #fff;
  cursor: pointer;
  padding-bottom: 2px;
  padding-left: 1px;
  z-index: 5;
}

.student_profile_image_outer {
  width: 100%;
  min-height: 20px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  position: relative;
}

.student_profile_image_outer2 {
  margin-top: -80px;
  z-index: 6;
}

.student_profile_image {
  width: 90px;
  height: 90px;
  background-color: #dadada;
  float: left;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  position: relative;
}

.student_profile_content_line_outer {
  width: 100%;
  min-height: 20px;
  float: left;
  margin-bottom: 25px;
}

.student_profile_content_line_title {
  width: 100%;
  min-height: 10px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}

.student_profile_content_line_title_icon {
  width: 25px;
  height: 25px;
  background-color: #b7dce5;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #093c5d;
  border-radius: 50%;
}

.student_profile_content_line_title_text {
  flex: 1;
  font-size: 13px;
  font-weight: 600;
  color: #093c5d;
  float: left;
  text-align: left;
  margin-left: 10px;
}

.student_profile_content_line_outer p {
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  color: #333;
  float: left;
  margin: 0px;
}

.student_profile_left_button_outer {
  width: 100%;
  min-height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin-top: 25px;
}

.student_profile_left_button {
  min-width: 10px;
  height: 40px;
  float: left;
  background-color: #b7dce5;
  border-radius: 5px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #093c5d;
  padding: 0px 25px;
  font-weight: 500;
  cursor: pointer;
}

.student_profile_left_button i {
  margin-right: 5px;
  margin-top: -1px;
  font-size: 14px;
}

.student_profile_right {
  width: 100%;
  min-height: 50px;
  padding: 15px;
  float: left;
  border: 1px solid #dadada;
  background-color: #fff;
  border-radius: 8px;
  position: relative;
}

.student_profile_right_title {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  color: #0c253f;
  float: left;
  text-align: center;
  margin-bottom: 25px;
}

.student_profile_right p {
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #333;
  float: left;
  margin: 0px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 600px) {
  .student_profile_inner {
    flex-direction: column;
  }
}

.student_profile_image_change {
  width: 30px;
  height: 30px;
  background-color: #4c7094;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
}

.student_profile_image_change input {
  display: none;
}

.user_profile_left_link {
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  text-align: center;
  margin-bottom: 13px;
  cursor: pointer;
}

.wallet_box_outer {
  width: 100%;
  min-height: 10px;
  float: left;
  background-color: #eceff1;
  padding: 15px;
  border-radius: 8px;
  position: relative;
}

.homepage_line_icon_contents_text2 {
  font-size: 12px;
  color: #999;
  font-weight: 400 !important;
}

.homepage_line_icon_contents2 {
  font-size: 12px;
  display: flex;
  justify-content: start;
  align-items: start;
  text-align: start;
  gap: 5px;
}

.homepage_line_icon_contents2 span {
  font-weight: 600;
}

.real_person_profile_bank_account_edit {
  font-size: 12px;
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}

.homepage_line_icon_contents .bank_account_edit_modal_edit_button {
  margin-top: 10px;
  border: none;
}

.wallet_box_outer h1 {
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  color: #093c5d;
  float: left;
  margin: 0px;
}

.wallet_box_outer p {
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  float: left;
  margin: 0px;
  margin-top: 7px;
}

/* Student Profile End */

/* Teacher Lessons Start */

.add_new_lesson_btn {
  width: 120px;
  height: 41px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 12px;
  font-weight: 500;
  color: #0c253f;
  padding-bottom: 1px;
  cursor: pointer;
}

.add_new_lesson_btn i {
  margin-right: 5px;
}

@media only screen and (max-width: 600px) {
  .homepage_top_line_tabs_outer {
    width: 100% !important;
  }

  .add_new_lesson_btn {
    width: 100%;
    margin-top: 10px;
    justify-content: center;
  }
}

/* Teacher Lessons End */

/* Teacher Profile Start */

.teacher_documentLine {
  width: 100%;
  min-height: 10px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.teacher_documentLineBtn {
  width: 35px;
  height: 35px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #333;
  cursor: pointer;
}

.teacher_documentLineText {
  flex: 1;
  font-size: 13px;
  font-weight: 600;
  color: #333;
  margin-top: 1px;
}

.teacher_card_outer {
  width: 100%;
  min-height: 40px;
  border-radius: 7px;
  float: left;
  background-size: cover;
  background-position: center;
  padding: 20px;
}

.teacher_card_top {
  width: 100%;
  min-height: 10px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  margin-bottom: 20px;
}

.teacher_card_top_image {
  width: 100px;
  height: 100px;
  float: left;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}

.teacher_card_top_right {
  flex: 1;
  min-height: 20px;
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
}

.teacher_card_top_right h1 {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  color: #4dbbcb;
  float: left;
  margin: 0px;
  margin-bottom: 7px;
  text-align: left !important;
}

.teacher_card_top_right h2 {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  float: left;
  margin: 0px;
  margin-bottom: 7px;
  text-align: left !important;
}

.teacher_card_top_right h3 {
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  color: #000000;
  float: left;
  opacity: 0.7;
  font-style: italic;
  margin: 0px;
  margin-bottom: 7px;
  text-align: left !important;
}

.teacher_card_top_right h4 {
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  color: #4dbbcb;
  float: left;
  opacity: 1;
  margin: 0px;
  text-align: left !important;
}

.teacher_card_bottom {
  width: 100%;
  min-height: 20px;
  float: left;
}

.teacher_card_bottom h1 {
  width: 100%;
  font-size: 13px;
  font-weight: 600;
  color: #333;
  float: left;
  margin: 0px;
  margin-bottom: 7px;
  text-align: left !important;
  padding: 6px;
  background-color: #000;
  border-radius: 4px;
  color: white;
}

.teacher_card_bottom p {
  width: 100%;
  min-height: 50px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  float: left;
  margin: 0px;
  background-color: #4dbbcb;
  padding: 10px;
  border-radius: 5px;
  text-align: left !important;
  background-color: white;
  color: black;
}

.legal_person_work_add_announcement_button {
  width: 15%;
  font-size: 14px;
  padding: 5px;
  margin-bottom: 6px;
  border-radius: 4px;
  border: 1px solid #0c253f;
  background-color: white;
  color: #0c253f;
  cursor: pointer;
  transition: all 0.4s;
}

.legal_person_work_add_announcement_button_container {
  display: flex;
  justify-content: start;
}

.legal_person_work_add_announcement_button:hover {
  background-color: #0c253f;
  color: #fff;
}

/* Teacher Profile End */

/* Live Stream Start */

.live_stream_page_outer {
  min-height: 20px;
  padding: 0px;
}

.live_stream_page_inner {
  min-height: 100vh;
  padding: 0px;
}

.live_stream_chat_box_outer {
  min-height: 10px;
  padding: 0px;
}

.live_stream_chat_box {
    margin-top: 60px;
    width: 350px;
    height: 90vh;
  background-color: #0c253f;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 10px 0px 0px 10px;
}

.live_stream_chat_box_top {
  width: 100%;
  min-height: 10px;
  padding-top: 5px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

.live_stream_chat_box_top i {
  float: right;
  cursor: pointer;
  font-size: 18px;
  display: none;
}

.live_stream_chat_box_bottom {
  width: 100%;
  min-height: 10px;
  float: left;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}

.live_stream_chat_box_bottom input {
  flex: 1;
  height: 40px;
  border: 0px !important;
  background-color: rgba(0, 0, 0, 0);
  outline: 0px !important;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
}

.live_stream_chat_box_bottom input::placeholder {
  color: #dadada;
}

.live_stream_chat_box_bottom button {
  width: 40px;
  height: 40px;
  float: left;
  background-color: #4c7094;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px;
  border-radius: 50px;
  font-size: 18px;
  color: #fff;
  padding-right: 6px;
  padding-bottom: 4px;
}

.live_stream_chat_box_center {
  width: 100%;
  flex: 1;
  margin: 15px 0px;
  overflow-y: auto;
}

.message_outer {
  min-height: 10px;
  padding: 0px;
  margin-bottom: 15px;
}

.live_stream_chat_message {
  min-width: 10px;
  max-width: 80%;
  float: left;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 10px;
  border-radius: 5px;
  color: #fff;
  font-size: 10px;
  font-weight: 300;
  line-height: 18px;
}

.message_outer h1 {
  width: 100%;
  float: left;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  text-align: left;
  margin: 0px;
  margin-bottom: 10px;
  opacity: 0.5;
}

.message_outer h3 {
  width: 100%;
  float: left;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  text-align: left;
  margin: 0px;
  margin-top: 10px;
  opacity: 0.5;
}

.sender_message h1 {
  text-align: right;
}

.sender_message .live_stream_chat_message {
  float: right;
}

.sender_message h3 {
  text-align: right;
}

.live_stream_chat_box_center::-webkit-scrollbar {
  width: 1px;
}

.live_stream_chat_box_center::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.live_stream_chat_box_center::-webkit-scrollbar-thumb {
  background: #888;
}

.live_stream_chat_box_center::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.live_stream_left_outer {
  height: 90vh;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 15px;
  gap: 15px;
}

.live_stream_left_title {
  width: 100%;
  min-height: 10px;
  float: left;
  padding-bottom: 15px;
  border-bottom: 1px solid #dadada;
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

.live_stream_left_title b {
  font-weight: 600;
}

.live_stream_left_bottom {
  width: 100%;
  min-height: 10px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.live_stream_left_bottom_btn {
  width: 55px;
  height: 35px;
  float: left;
  background-color: #353a5f;
  float: left;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
}

.live_stream_left_bottom_btn_comment {
  width: 55px;
  height: 35px;
  float: left;
  background-color: #353a5f;
  float: left;
  border-radius: 25px;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
}

.live_stream_left_bottom_btn_center {
  width: 75px;
  height: 35px;
  float: left;
  background-color: #ff4667;
  float: left;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
}

.live_stream_left_users_slider {
  width: 100%;
  min-height: 20px;
  float: left;
  padding: 0px 20px;
}

.live_stream_left_users_slider .slick-prev {
  left: 0px;
}

.live_stream_left_users_slider .slick-prev:before {
  color: #333;
}

.live_stream_left_users_slider .slick-next {
  right: 0px;
}

.live_stream_left_users_slider .slick-next:before {
  color: #333;
}

.live_stream_user_box {
  width: 100%;
  height: 130px;
  background-color: #d9d9d9;
  float: left;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 65px;
  color: #333;
}

.live_stream_user_box_bottom {
  width: 100%;
  min-height: 10px;
  float: left;
  background: rgb(0, 0, 0);
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0.8211659663865546) 51%,
    rgba(0, 0, 0, 0.5914740896358543) 73%,
    rgba(0, 0, 0, 0) 100%
  );
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 13px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  z-index: 9;
}

.live_stream_left_video_outer {
  width: 100%;
  flex: 1;
  float: left;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

.live_stream_left_video_mic_btn {
  width: 35px;
  height: 35px;
  background-color: rgba(0, 0, 0, 0.7);
  float: left;
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #fff;
  z-index: 9;
}

@media only screen and (max-width: 600px) {
  .live_stream_chat_box {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 99;
    border-radius: 0px !important;
  }

  .live_stream_chat_box_top i {
    display: block;
  }

  .live_stream_chat_box_outer {
    display: none;
  }

  .live_stream_left_bottom_btn_comment {
    display: flex;
  }
}

.custom_table * th {
  padding: 15px !important;
  text-align: center;
  font-weight: 600;
  color: #333;
  font-size: 14px !important;
}

.custom_table * td {
  padding: 15px !important;
  text-align: center;
  font-weight: 500;
  color: #333;
  font-size: 13px !important;
}

.custom_table tbody tr:nth-child(odd) td {
  background-color: #e3e3e3 !important;
}

/* Live Stream End */

/* Real Person Workflow Start */

.real_person_workflow_top {
  min-height: 20px;
  padding: 0px;
  background-size: cover;
  background-position: center;
}

.real_person_workflow_top_inner {
  min-height: 20px;
  padding: 30px 0px;
}

.real_person_workflow_top_inner h1 {
  width: 100%;
  font-size: 30px;
  font-weight: 600;
  color: #093c5d;
  text-align: center;
}

.real_person_workflow_top_btn_outer {
  min-height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.real_person_workflow_top_btn {
  min-width: 10px;
  height: 50px;
  float: left;
  padding: 0px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #093c5d;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  padding-bottom: 1px;
}

.real_person_workflow_top_btn i {
  margin-right: 10px;
}

.real_person_workflow_contents {
  min-height: 10px;
  padding: 15px 0px;
}

.real_person_workflow_contents_inner {
  min-height: 20px;
  padding: 0px;
}

.real_person_workflow_content_box {
  min-height: 20px;
  border: 1px solid #dadada;
  padding: 20px;
  border-radius: 5px;
}

.real_person_workflow_content_box_top {
  min-height: 10px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.real_person_workflow_content_box_bottom {
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0px;
  gap: 10px;
  cursor: pointer;
  margin-top: 25px;
}

.real_person_workflow_content_box_bottom_btn {
  min-width: 10px;
  height: 33px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  color: #0c253f;
  padding: 0px 15px;
  border-radius: 5px;
  border: 1px solid #0c253f;
}

@media only screen and (max-width: 600px) {
  .real_person_workflow_content_box_top {
    flex-direction: column;
  }
}

.real_person_workflow_content_table_image {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}

.real_person_workflow_content_table_btn {
  width: 100%;
  height: 40px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: Center;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  border-radius: 5px;
  padding: 0px 45px;
  cursor: pointer;
}

.custom_table2 * td {
  vertical-align: middle !important;
}

/* Real Person Workflow End */

.job_filter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
}

.job_filter i {
  font-size: 20px;
  color: rgb(51, 51, 51);
  cursor: pointer;
  opacity: 0.7;
  transition: all 0.4s;
}

.job_filter i:hover {
  opacity: 1;
}

.job_filter label {
  text-align: center;
}

.real_person_workflow_content_box_bottom_btn2 {
  min-width: 10px;
  height: 33px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  color: #0c253f;
  padding: 0px 15px;
  border-radius: 5px;
  border: 1px solid #0c253f;
  transition: all 0.4s;
}

.real_person_workflow_content_box_bottom_btn2:hover {
  background-color: #0c253f;
  color: white;
}

.modal_content_css {
  width: 800px;
}

@media screen and (max-width: 800px) {
  .modal_content_css {
    width: 100%;
    margin: 0;
  }
}

/* Legal Person Work All Announcements  Start */

.legal_person_workflow_all_announcements_inner {
  width: 100%;
  min-height: 1000px;
  padding: 25px;
}

.legal_person_workflow_all_announcements {
  width: 100%;
  min-height: 10px;
  background-color: rgb(248, 248, 248);
  padding: 10px;
  padding-bottom: 50px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.legal_person_workflow_all_announcement_item {
  width: 100%;
  min-height: 10px;
  background-color: blue;
  margin-top: 10px;
  display: flex;
  border-radius: 5px;
  background: rgb(104, 195, 211);
  background: linear-gradient(
    90deg,
    rgba(104, 195, 211, 1) 0%,
    rgba(215, 238, 243, 1) 100%
  );
  position: relative;
}
.legal_person_workflow_all_announcement_itemBasvurs {
  width: 100%;
  min-height: 10px;
  background-color: purple;
  margin-top: 10px;
  display: flex;
  border-radius: 5px;
  background: rgb(104, 195, 211);
  background: linear-gradient(
    90deg,
    rgb(190, 104, 211) 0%,
    rgba(215, 238, 243, 1) 100%
  );
  position: relative;
}

.legal_person_workflow_all_announcement_item:not(:first-child) {
  margin-top: 50px;
}

.legal_person_workflow_all_announcement_item_part {
  width: 33.333333333333%;
  min-height: 10px;
  padding: 10px;
}

.legal_person_workflow_all_announcement_item_part_inner {
  width: 100%;
  min-height: 10px;
  text-align: start;
}

.legal_person_workflow_all_announcement_item_part_text_container {
  font-size: 12px;
  margin-top: 10px;
}

.legal_person_workflow_all_announcement_item_part_text_container
  span:nth-child(1) {
  font-weight: 600;
}

.legal_person_workflow_all_announcement_item2 {
  display: flex;
  justify-content: end;
}
.legal_person_buttonsArea {
  position: absolute;
  right: 0;
  bottom: -35px;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 5px;
}

.legal_person_workflow_all_announcement_item2_button {
  border: none;
  margin-top: 10px;
  font-size: 12px;
  padding: 10px 15px;
  background-color: #68c3d3;
  border-radius: 4px;
  cursor: pointer;
  opacity: 0.9;
  transition: all 0.4s;
  /* position: absolute;
    bottom: -35px;
    right: 0; */
}
.legal_person_workflow_all_announcement_item1_button {
  border: none;
  margin-top: 10px;
  font-size: 12px;
  padding: 10px 15px;
  background-color: #68c3d3;
  border-radius: 4px;
  cursor: pointer;
  opacity: 0.9;
  transition: all 0.4s;
  /* position: absolute; */
}

.legal_person_workflow_all_announcement_item2_button:hover {
  opacity: 1;
}

.legal_person_workflow_tabs_menu_inner {
  display: flex;
  justify-content: start;
  gap: 10px;
  margin-top: 10px;
}

.legal_person_workflow_tabs_menu_inner div {
  width: max-content;
  padding: 5px 10px;
  opacity: 0.7;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.4s;
}

.legal_person_workflow_tabs_menu_inner div:hover {
  opacity: 1;
}

.legal_person_workflow_tab_active {
  border-bottom: 2px solid #68c3d3;
  opacity: 1 !important;
}

/* Legal Person Work All Announcements  End */

/* Chat Start */

.chat_inner {
  width: 100%;
  min-height: 10px;
  margin: 50px 0;
  padding: 10px;
}

.chat_left {
  background-color: rgb(200, 200, 200);
  min-height: 10px;
  padding: 20px;
  border-radius: 7px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.chat_left_inner {
  width: 100%;
}

.chat_right {
  min-height: 10px;
}

.chat_left_input_text_container {
  position: relative;
}

.chat_left_input_text_container input {
  padding-right: 30px;
}

.chat_left_input_text_container i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #0c253f;
}

.chat_left_messages_container {
  display: flex;
  flex-direction: column;
}

.chat_left_message_image_container {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}

.chat_left_message_image_container img {
  width: 100%;
  height: 100%;
}

.chat_left_message_container {
  background-color: rgb(248, 248, 248);
  display: flex;
  gap: 5px;
  font-size: 14px;
  padding: 5px;
  margin-top: 10px;
  border-radius: 5px;
}

.chat_left_online_dot {
  width: 10px;
  height: 10px;
  background-color: #00ff00;
  border-radius: 50%;
}

.chat_left_offline_dot {
  width: 10px;
  height: 10px;
  background-color: red !important;
  border-radius: 50%;
  opacity: 0.6;
}

.chat_left_online_bottom_container {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
}

.chat_left_message_content_container {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  margin-left: 15px;
}

.chat_left_message_container_active {
  background-color: #093c5d !important;
  color: "white" !important;
}

.chat_left_message_user_name_active {
  color: white !important;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.chat_right_inner {
  margin: 0 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: rgb(235, 235, 235);
  min-height: 10px;
  display: flex;
  flex-direction: column;
}

.chat_right_top_container {
  width: 100%;
  min-height: 10px;
  height: 65px;
  background-color: rgb(200, 200, 200);
  display: flex;
  align-items: center;
  padding: 0 8px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.chat_right_image_container {
  width: 60px;
  height: 60px;
  position: relative;
}
.chat_right_image_container img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.chat_left_online_dot_abs {
  position: absolute;
  bottom: 0;
  right: 5px;
}

.chat_left_message_detail_user_container {
  display: flex;
  align-items: center;
}

.chat_left_message_detail_user_container div {
  font-size: 14px;
}

.chat_left_message_detail_user_container div:nth-child(1) {
  margin-right: 6px;
}

.chat_left_message_detail_user_container div:nth-child(2) {
  margin-right: 6px;
}

.chat_left_message_detail_user_container div:nth-child(3) {
  color: #ccc;
  font-size: 10px;
}

.chat_messages_container {
  height: 600px;
  overflow: auto;
}

.chat_left_message_detail {
  /* background-color: #31c1ef; */
  margin-top: 10px;
  padding: 10px;
  padding-right: 15px;
  padding-left: 15px;
}

.chat_send_message_input_container {
  min-height: 10px;
  text-align: start;
  padding-right: 20px;
  padding-left: 20px;
}

.chat_send_message_input_inner {
  background-color: #0c253f;
  height: 40px;
  display: flex;
  align-items: center;
}

.chat_left_message_details_container {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.chat_send_message_container {
  width: 100%;
  padding: 10px;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  position: relative;
}

.chat_send_message_container input {
  width: 100%;
}

.chat_send_message_container .fas.fa-paperclip {
  position: absolute;
  right: 110px;
  top: 50%;
  transform: translateY(-50%);
  color: black;
  cursor: pointer;
  /* color: #457b9d; */
}

.chat_send_message_container .fas.fa-image {
  position: absolute;
  right: 140px;
  top: 50%;
  transform: translateY(-50%);
  color: black;
  cursor: pointer;
  /* color: #457b9d; */
}

.chat_send_message_button_container {
  width: 80px;
  height: 34px;
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: rgba(287, 182, 3, 1);
  color: white;
  border: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  opacity: 0.9;
  transition: all 0.4s;
}

.chat_send_message_button_container:hover {
  opacity: 1;
}

.chat_left_message_detail2 {
  /* background-color: #31c1ef; */
  margin-top: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  padding-right: 15px;
  padding-left: 15px;
}

.chat_left_message_detail_item_container {
  display: flex;
  justify-content: start;
  background-color: white;
  max-width: 40%;
  width: max-content;
  margin-top: 10px;
  padding: 15px;
  font-size: 12px;
  text-align: start;
  border-radius: 10px;
  position: relative;
}

.chat_right_triangle_image_container {
  position: absolute;
  top: -12px;
  left: 30px;
  width: 15px;
  height: 15px;
}

.chat_right_triangle_image_container2 {
  position: absolute;
  top: -12px;
  right: 30px;
  width: 15px;
  height: 15px;
}

/* Chat End */

/* İnspector Daybook Start */

.inspector_daybook_inner {
  min-height: 10px;
  min-height: 90vh;
  padding: 20px;
}

.inspector_daybook {
  width: 100%;
  min-height: 10px;
  margin-top: 60px;
  padding: 5px;
}

.inspector_daybook_top_container {
  width: 100%;
  min-height: 10px;
  background-color: rgb(200, 200, 200);
  height: 65px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.inspector_daybook_top_left_container {
  display: flex;
  gap: 5px;
  margin: 0 20px;
}

.inspector_daybook_top_left_container i {
  font-size: 20px;
}

.inspector_daybook_top_left_container h3 {
  margin: 0 !important;
  margin-left: 5px;
}

.inspector_daybook_note_add_button {
  margin: 0 20px;
  /* height: 26px; */
  width: 120px;
  background-color: #0c253f;
  color: white;
  padding: 5px 8px;
  border-radius: 4px;
  cursor: pointer;
}

.inspector_daybook_note_add_button span {
  margin-left: 5px;
}

.inspector_daybook_note_add_modal_note_add_container {
  display: flex;
  justify-content: end;
  margin-top: 10px;
}

.inspector_daybook_middle_container {
  width: 100%;
  min-height: 10px;
  padding: 20px 20px;
  background-color: rgb(235, 235, 235);
}

.inspector_daybook_notes_container {
  width: 100%;
  min-height: 10px;
  /* background-color: #00ff00; */
}

.inspector_daybook_note_container {
  width: 100%;
  min-height: 10px;
  background-color: white;
  padding: 10px 10px;
  border-radius: 10px;
  margin-top: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  text-decoration: none;
}

.inspector_daybook_note_container {
  text-decoration: none !important;
  color: black;
  opacity: 0.9;
}

.inspector_daybook_note_container:hover {
  text-decoration: none !important;
  color: black;
  opacity: 1;
}

.inspector_daybook_notes_container a {
  text-decoration: none;
}

.inspector_daybook_note_top_container {
  display: flex;
  justify-content: space-between;
}

.inspector_daybook_note_top_left_container {
  display: flex;
  gap: 10px;
}

.inspector_daybook_note_top_container {
  padding: 10px;
}

.inspector_daybook_note_top_left_container {
  display: flex;
  align-items: center;
}

.inspector_daybook_note_top_left_container span:nth-child(1) {
  font-weight: 600;
}

.inspector_daybook_note_top_left_container span:nth-child(3) {
  font-weight: 600;
}

.inspector_daybook_note_top_left_container span:nth-child(4) {
  font-size: 12px;
  color: #ccc;
}

/* .inspector_daybook_note_top_right_container{
    display: flex;
    gap: 10px;
} */

.inspector_daybook_note_top_right_container i {
  font-size: 20px;
  cursor: pointer;
}

.inspector_daybook_note_top_right_container i:nth-child(1) {
  color: #ccc;
}

.inspector_daybook_note_top_right_container i:nth-child(2) {
  color: red;
  margin-left: 15px;
}

.inspector_daybook_note_top_container2 {
  border-top: 1px solid rgb(180, 180, 180);
  text-align: start;
}

/* Inspector Daybook End */

/* Pagination Start */
.filter_annoucement_pagination_container {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 30px;
}

.filter_announcement_pagination_inner {
  padding: 10px;
}

.filter_announcement_pagination {
  display: flex;
}

.filter_announcement_pagination div {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0c253f;
  margin: 0 4px;
  border-radius: 4px;
  color: white;
  opacity: 0.9;
  transition: all 0.4s;
  cursor: pointer;
}

.filter_announcement_pagination div:hover {
  opacity: 1;
}

.first_pagination_item {
  background-color: rgb(222, 222, 222) !important;
  color: black !important;
}

.filter_announcement_pagination_active {
  background-color: rgba(287, 182, 3, 1) !important;
}

.pagination_mobile_none {
  display: none !important;
}

@media screen and (max-width: 600px) {
  .filter_announcement_pagination_inner {
    padding: 0;
  }
}
/* Pagination End */

.custom_table .real_person_success_ranking_tbody tr:nth-child(1) td {
  background-color: #0c253f !important;
  color: white;
}

.custom_table .real_person_success_ranking_tbody tr:nth-child(2) td {
  background-color: #185391 !important;
  color: white;
}

.custom_table .real_person_success_ranking_tbody tr:nth-child(3) td {
  background-color: #297fdb !important;
  color: white;
}

.legal_person_profile_bar_outer {
  min-height: 10px;
  display: flex;
  margin-top: 30px;
  margin-bottom: 15px;
}

.legal_person_profile_bar_item {
  width: 33.33333333333%;
  min-height: 4px;
  background: rgb(210, 210, 210);
  border-radius: 5px;
  position: relative;
}

.legal_person_profile_bar_item_abs {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  background-color: #00ff00;
}

.student_lessons_score_container {
  position: absolute;
  top: 2px;
  right: 2px;
  display: flex;
  align-items: center;
  gap: 3px;
  height: 30px;
  z-index: 99;
}

.form-control-change {
  height: 22px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.teacher_lessons_container {
  height: 30px;
  cursor: pointer;
}

.teacher_lessons_container h1 {
  font-size: 14px;
  font-weight: 500;
}

.statusBtnPositive {
  width: 100%;
  padding: 6px;
  border-radius: 4px;
  background-color: #008700;
  font-weight: 600;
  color: white;
}

.statusBtnNegative {
  width: 100%;
  padding: 6px;
  border-radius: 4px;
  font-weight: 600;
  color: white;
  background-color: #ce0000;
}

.statusBtnWaiting {
  width: 100%;
  padding: 6px;
  border-radius: 4px;
  font-weight: 600;
  color: white;
  background-color: #003865;
}

.worksTopBarArea .title,
.homepage_top_line_outer .title {
  display: flex;
  align-items: end;
  justify-content: start;
  height: 100%;
  font-size: 16px;
  font-weight: 500;
}

.applyBtn {
  width: 100%;
  padding: 6px;
  border-radius: 4px;
  font-weight: 600;
  color: white !important;
  background-color: #185391;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none !important;
}
.advertBtn {
  width: 150px;
  padding: 10px;
  border-radius: 4px;
  font-weight: 400;
  color: white;
  cursor: pointer;
  background-color: #003865;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ihales_button {
  width: 150px;
  padding: 10px;
  border-radius: 4px;
  font-weight: 400;
  color: white;
  cursor: pointer;
  background-color: #ee6d9e;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.editBtn {
  width: 100%;
  padding: 6px;
  border-radius: 4px;
  font-weight: 600;
  color: white !important;
  background-color: #ce8d00;
  cursor: pointer;
  text-decoration: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.worksTopBarArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.worksTopBarArea .rightSide {
  display: flex;
  align-items: center;
  gap: 10px;
}
.advert_input_area {
  padding: 15px;
  border: 1px solid #c5c5c5;
  border-radius: 12px;
  margin-bottom: 45px;
}
.advert_input_area .advert_inputs {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.advert_input_area .input {
  width: 50%;
}
.advert_input_area .text {
  font-weight: 600;
}
.advertPage .title {
  font-size: 16px;
  font-weight: 600;
  margin: 20px 0;
  display: flex;
  padding-left: 5px;
}
.advert_inputs .docBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 10px;
  border: 1px solid #c5c5c5;
  border-radius: 7px;
}
.advert_inputs .docBox .image {
  width: 40px;
  height: 40px;
}
.advert_inputs .docBox .image img {
  width: 100%;
}
.advert_inputs .docBox .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.advertPage .buttonsArea {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
}
.advertPage .subtext {
  font-weight: 500;
  color: gray;
  display: flex;
  margin-top: 5px;
}
.buttonsArea .cancelBtn {
  color: white;
  border: none;
  background-color: #ce0000;
  padding: 5px 20px;
  height: 30px;
  border-radius: 5px;
  font-size: 12px;
}
.buttonsArea .publishBtn {
  color: white;
  border: none;
  background-color: #008700;
  padding: 5px 20px;
  height: 30px;
  border-radius: 5px;
  font-size: 12px;
}
.advert_input_area .text1 {
  font-weight: 500;
  font-size: 12px;
  margin-top: 5px;
}
.advertPage .viewBtn {
  padding: 5px 20px;
  background-color: #c5c5c5;
  font-weight: 500;
  margin-bottom: 10px;
  border-radius: 5px;
  cursor: pointer;
}
.advertPage .item a {
  color: #093c5d;
  font-weight: 500;
  font-size: 13px;
}

@media (max-width: 991px) {
  .legal_person_workflow_all_announcement_item_part {
    width: 100%;
  }
}
.applysWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.applysWrapper .showApplys {
  padding: 5px 15px;
  height: 35px;
  background-color: #f5f5f5;
  border: 1px solid #c5c5c5;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.applysWrapper .showApplys i {
  margin-left: 5px;
}
.applysWrapper .applys {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #008700;
  color: white;
  font-weight: 500;
}
.custom_table03 * th {
  background-color: #6b7d90 !important;
}
.custom_table03 {
  margin: 0;
  border-bottom: 1px solid #0c253f;
}
.custom_table03 a {
  color: #0c253f;
  font-weight: 500;
  font-size: 12px;
}
.applyButtonsArea {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.applyButtonsArea .acceptBtn {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border-radius: 7px;
  background-color: #008700;
  font-size: 16px;
  cursor: pointer;
}
.applyButtonsArea .refuseBtn {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border-radius: 7px;
  background-color: crimson;
  font-size: 16px;
  cursor: pointer;
}
.inspector_detail_inputs {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.inspector_detail_inputs input {
  padding: 8px 10px;
  border-radius: 7px;
  border: none;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: gray;
  background-color: #f5f5f5;
  border: 1px solid #c5c5c5;
  outline: none;
}
.inspector_detail_inputs .inputText {
  font-weight: 500;
  font-size: 15px;
  text-align: left;
}
.inpector_profile_title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 25px;
}
.accountProcesses {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-around;
  padding: 20px;
}
.accountProcesses .btnAccountFreeze {
  font-weight: 500;
  color: #093c5d;
  cursor: pointer;
  text-align: center;
}
.btnAccountDelete {
  font-weight: 500;
  color: crimson;
  cursor: pointer;
  text-align: center;
}
.vibCardArea {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 7px;
}
.vibCardArea .logo {
  color: white;
  font-size: 18px;
  font-weight: 500;
  padding: 10px;
}
.vibCardArea img {
  width: 100%;
  height: 100%;
}
.vibCardArea .profileImage {
  width: 80px;
  height: 80px;
  border: 5px solid white;
  margin-top: -40px;
}
.vibCardArea .cardHeader {
  background-color: #0c253f;
  width: 75%;
  padding-bottom: 50px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.vibCardArea .cardLine {
  width: 75%;
  height: 10px;
  background-color: #0c253f;
  position: relative;
  margin-top: -30px;
  z-index: -1;
}
.vibCardArea .cardBody {
  margin-top: 20px;
}
.vibCardArea .cardBody .name {
  font-size: 16px;
  font-weight: 600;
}
.vibCardArea .cardBody .subtext {
  font-weight: 500;
}
.vibCardArea .cardFooter {
  margin-top: 20px;
  width: 75%;
  background-color: #0c253f;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: 10px;
  color: white;
  font-size: 16px;
  font-weight: 500;
}
.vibcardWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}
.selectedBtn {
  background-color: #0c253f;
  color: white;
}
.guessBtnsArea {
  display: flex;
  gap: 15px;
}
.selectStudyBtn {
  font-weight: 500;
  cursor: pointer;
  color: #0c253f;
}
.profileStatusBar {
  margin: 20px 10px;
  background-color: white;
  position: relative;
  z-index: 3;
}
.profileStatusBar .circle1 {
  background: rgb(210, 210, 210);
  width: 100%;
  height: 10rem;
  border-radius: 10rem 10rem 0 0;
  z-index: 4;
  position: relative;
  display: flex;
  overflow: hidden;
}
.profileStatusBar .circle2 {
  height: 10rem;
  width: 80%;
  background-color: white;
  border-radius: 10rem 10rem 0 0;
  position: absolute;
  z-index: 5;
  margin-top: -80px;
  left: 20px;
}
.profileStatusBar .arrow {
  width: 5px;
  height: 8rem;
  background-color: black;
  position: absolute;
  border-radius: 10rem 10rem 10rem 10rem;
  rotate: 140deg;
  top: 30px;
  left: 40%;
  z-index: 5;
}
.circle1 .item {
  width: 100%;
  height: 100px;
  background-color: green;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle1 .item-gray {
  width: 100%;
  height: 100px;
  background: rgb(210, 210, 210);
  flex: 1;
}
.profileStatusBar .text1 {
  margin-right: 15px;
  font-weight: 500;
  color: white;
}
.profileStatusBar .text3 {
  margin-left: 15px;
  font-weight: 500;
  color: white;
}
.profileStatusBar .text2 {
  font-weight: 500;
  color: white;
}
.arrow i {
  position: absolute;
  z-index: 0;
  font-size: 24px;
  right: 23%;
  bottom: 50%;
  color: #4d90fe;
  rotate: -40deg;
}
.arrowA i {
  position: absolute;
  z-index: 0;
  font-size: 24px;
  left: 23%;
  bottom: 50%;
  color: #4d90fe;
  rotate: 220deg;
}
.arrowB i {
  position: absolute;
  z-index: 0;
  font-size: 24px;
  left: 45%;
  bottom: 93%;
  color: #4d90fe;
  rotate: 270deg;
}
.titleStudentProfile {
  font-size: 16px;
  font-weight: 500;
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  padding: 10px 0;
  margin-top: 20px;
}
.certificates li {
  text-align: left;
  font-size: 14px;
  margin-bottom: 8px;
  font-weight: 500;
}
.student_profile_outer .certificates {
  margin-top: 15px;
}
.cvAreaTitle {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  border-top: 1px solid #c5c5c5;
  padding-top: 10px;
}
.cvArea .cvText {
  font-size: 13px;
  padding: 10px;
}
#buyModal input {
  margin-bottom: 10px;
}
#buyModal .modal-header::after,
#buyModal .modal-header::before {
  display: none;
}
#buyModal .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.buyLessonBtn {
  color: white;
  background-color: #093c5d;
  padding: 5px 10px;
  border-radius: 7px;
  cursor: pointer;
  font-size: 12px;
}
.selectCustom {
  padding: 6px;
  border: 1px solid #dadada;
  border-radius: 4px;
  background-color: white;
  outline: none;
}
.cancelBtn {
  padding: 5px 10px;
  color: white;
  background-color: #ce0000;
  border-radius: 7px;
  cursor: pointer;
}
.contactBtn {
  padding: 5px 10px;
  color: white;
  background-color: #093c5d;
  border-radius: 7px;
  cursor: pointer;
}
/* 09 12 2023 revize start */

.sliderGenerated {
  width: 100% !important;
  height: 600px;
  padding: 0 !important;
  margin: 0 !important;
}
.slideDeteilIntroTop {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.slideDeteilIntroTop img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  display: block;
}
.sliderGenerated .slick-next {
  right: 30px !important;
  z-index: 1 !important;
  top: 50px !important;
}
.sliderGenerated .slick-next::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f324" !important;
  color: #333 !important;
  opacity: 1 !important;
  font-size: 24px;
}
.sliderGenerated .slick-prev::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f323" !important;
  color: #333 !important;
  opacity: 1 !important;
  font-size: 24px;
}
.sliderGenerated .slick-prev {
  right: 100px !important;
  z-index: 1 !important;
  top: 50px !important;
  left: unset !important;
}
.sliderGenerated .slick-prev,
.slick-next {
  width: 60px !important;
  height: 60px !important;
  background-color: #dbf2ff !important;
  border-radius: 5px;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  border: 1px solid #dadada;
}
.sliderGenerated .slick-dots {
  bottom: 30px !important;
  right: 30px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  height: 100% !important;
  width: 50px !important;
  align-items: center !important;
  gap: 10px !important;
}
.sliderGenerated .slick-dots li button:before {
  content: "" !important;
  width: 20px !important;
  height: 20px !important;
  background-color: #003865 !important ;
}
.iconMenuTwitter {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
.modalGenerate0912 {
  /* Rectangle 1 */

  width: 100%;
  min-height: 565px;

  background: conic-gradient(
    from 180deg at 50% 50%,
    #c0d0d9 0deg,
    rgba(113, 149, 169, 0.682292) 178.12deg,
    rgba(221, 243, 255, 0.328125) 271.2deg,
    rgba(231, 231, 231, 0.640625) 360deg
  );
  transform: rotate(180deg);
  padding: 30px;
  position: relative;
}
.absTimesEnd {
  font-size: 14px;
  position: absolute;
  right: 10px !important;
  top: 10px !important;
  z-index: 99;
  border: none !important;
  background: none !important;
}
.introModalNew {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  /* Rectangle 684 */

  box-sizing: border-box;

  width: 100%;
  min-height: 497px;

  background: radial-gradient(
      100% 359.18% at 0% 0%,
      rgba(255, 255, 255, 0.6) 0%,
      rgba(255, 255, 255, 0.2) 100%
    )
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15px);
  /* Note: backdrop-filter has minimal browser support */
  border-radius: 20px;
  transform: rotate(180deg);
}
.centerHeaderIndModals {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 40px;
  text-align: center;

  color: #01243d;
}
.flexDetailModal {
  width: 100%;
  display: flex;
  gap: 10px;
}
.detailOneFelexModal {
  min-height: 10px;
  flex: 1;
  background: radial-gradient(
      100% 359.18% at 0% 0%,
      rgba(255, 255, 255, 0.6) 0%,
      rgba(255, 255, 255, 0.2) 100%
    )
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  background-blend-mode: overlay;
  background: linear-gradient(
    112.19deg,
    rgba(255, 255, 255, 0.3) 3%,
    rgba(255, 255, 255, 0) 100%
  );
  border: 1px solid;

  border-image-source: linear-gradient(
    112.19deg,
    rgba(255, 255, 255, 0.3) 3%,
    rgba(255, 255, 255, 0) 100%
  );

  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 15px;
  align-items: center;
  gap: 6px;
}
.detailOneFelexModal span {
  font-size: 13px;
  margin: 0;
  padding: 0;
  font-family: "Kumbh Sans";
}
.detailOneFelexModal p {
  font-size: 13px;
  margin: 0;
  padding: 0;
  font-weight: 600;
  color: rgba(1, 36, 61, 1);
  font-family: "Kumbh Sans";
}
.detailOneFelexModal input {
  background: rgba(139, 157, 173, 1);
  width: 100%;
  height: 22px;
  padding: 0 15px;
  font-size: 13px;
  outline: 0 !important;
  border: none !important;
  opacity: 22%;
  font-family: "Kumbh Sans";
  text-align: center;
}
.detailOneFelexModal input:focus {
  opacity: 1 !important;
}
.leftMenuGenerate {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-height: 10px;
}
.leftDetailCard {
  box-sizing: border-box;

  width: 100%;
  min-height: 30px;

  background: radial-gradient(
      100% 359.18% at 0% 0%,
      rgba(255, 255, 255, 0.6) 0%,
      rgba(255, 255, 255, 0.2) 100%
    )
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15px);

  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  gap: 5px;
}
.leftDetailCard p {
  height: 15px;

  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-align: center;

  color: #01243d;
  margin: 0 !important;
  padding: 0 !important;
}
.leftDetailCard input {
  width: 100%;
  height: 22px;
  padding: 0 10px;
  background: #8b9dad;
  opacity: 0.22;
  outline: 0 !important;
  font-family: "Kumbh Sans";
  border: none rgba(0, 0, 0, 0.1);
  text-align: center;
}
.leftDetailCard input:focus {
  opacity: 1 !important;
}
.bottomModalLine {
  box-sizing: border-box;
  width: 100%;
  min-height: 150px;
  background: radial-gradient(
      100% 359.18% at 0% 0%,
      rgba(255, 255, 255, 0.6) 0%,
      rgba(255, 255, 255, 0.2) 100%
    )
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15px);
  border-radius: 20px;
}
.bottomModalLine {
  display: flex;
  flex-direction: column;
  padding: 10px;
  align-items: center;
}
.bottomModalLine p {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  text-align: center;
  color: #01243d;
}
.centersBottomChangeCenters {
  width: 100%;
  display: flex;
  justify-content: center;
  min-height: 10px;
  gap: 5px;
}
.generateDetails_modalBottom {
  min-width: 10px;
  min-height: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  position: relative;
}
.detailcardIndsRoduces {
  box-sizing: border-box;

  width: 121px;
  height: 41px;

  background: linear-gradient(
      97.37deg,
      #385c7d 5.72%,
      #739fc7 58.05%,
      #82afd8 96.94%
    ),
    linear-gradient(97.37deg, #385c7d 5.72%, #739fc7 58.05%, #82afd8 96.94%),
    linear-gradient(97.37deg, #385c7d 5.72%, #739fc7 58.05%, #82afd8 96.94%);
  opacity: 0.49;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15px);
  border-radius: 20px;
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
}
.detailcardIndsRoduces_dead {
  width: 121px;
  height: 41px;
  border-radius: 20px;
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.detailcardIndsRoduces_dead span {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  text-align: center;

  color: #01243d;
  text-transform: uppercase;
}
.bottomTextChange {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  text-align: center;

  color: #01243d;
}
.bottomTextChange_input {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  text-align: center;

  color: #01243d;
  background: none !important;
  width: 65px;
  border: none !important;
  outline: 0 !important;
}
.detailcardIndsRoduces_dead select {
  background: none !important;
  outline: 0 !important;
  border: none !important;
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  width: 55px;
  padding: 0 10px;
}
.arrowBottom {
  width: auto;
  height: 25px;
  object-fit: contain;
  margin-top: 10px;
}
.lastBottomsCenters_modals {
  /* Rectangle 694 */

  box-sizing: border-box;

  width: 259px;
  height: 32px;

  background: linear-gradient(
      97.37deg,
      #385c7d 5.72%,
      #739fc7 58.05%,
      #82afd8 96.94%
    ),
    linear-gradient(97.37deg, #385c7d 5.72%, #739fc7 58.05%, #82afd8 96.94%),
    linear-gradient(97.37deg, #385c7d 5.72%, #739fc7 58.05%, #82afd8 96.94%);
  opacity: 0.49;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15px);
  /* Note: backdrop-filter has minimal browser support */
  border-radius: 20px;
}
.centerBottomsLast_modalsGnne {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

  position: absolute;

  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  text-align: center;

  color: #01243d;
  border: none !important;
  outline: o !important;
  background: none !important;
}
.topDetailsLineGenerate_modalİhale {
  box-sizing: border-box;
  width: 100%;
  min-height: 64px;
  background: radial-gradient(
      100% 359.18% at 0% 0%,
      rgba(255, 255, 255, 0.6) 0%,
      rgba(255, 255, 255, 0.2) 100%
    )
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15px);
  border-radius: 20px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.leftIhaleMenuLeft {
  width: 70%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.textLeftIhaleModalTop {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #01243d;
  display: flex;
}
.textLeftIhaleModalTop span {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 400 !important;
  font-size: 14px;
  line-height: 17px;
  text-align: center;

  color: #01243d;
}
.bottomText_ihales {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 12px;
  line-height: 15px;
  color: #01243d;
}
.TopsRightModal_ihaleTops {
  display: flex;
  flex-direction: column;
}
.ihaleModalTextCenterGenerate {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: center;

  color: #01243d;
}
.generateBGEmodal {
  width: 100%;
  height: 200px;
  background-image: url("../images/icons/bgemodal.png");
  background-size: cover;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.centerBgeModalGeneratedCenter {
  width: 110px;
  height: 110px;
  position: relative;
}
.centerBgeModalGeneratedCenter img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.messageTextTopInModal {
  /* 110.000 TL */

  position: absolute;
  top: 35px;
  left: 25px;
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 15px;
  line-height: 19px;
  text-align: center;
  color: #01243d;

  transform: rotate(-7.95deg);
}
.w100İhaaleModalBottoms {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.buttonsGenerateBottomSpaceses {
  box-sizing: border-box;
  background: radial-gradient(
      100% 359.18% at 0% 0%,
      rgba(255, 255, 255, 0.6) 0%,
      rgba(255, 255, 255, 0.2) 100%
    )
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15px);
  border-radius: 12px;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none !important;
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  color: #01243d;
  text-transform: uppercase;
}
.centerModalTextİhales {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  color: #01243d;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  width: 100%;
}
.generatesRelativeihales_modal {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}
.positionAbsoluteLeft {
  box-sizing: border-box;

  position: absolute;
  top: 0;
  left: 0;
  width: 48%;
  min-height: 290px;

  background: radial-gradient(
      100% 359.18% at 0% 0%,
      rgba(255, 255, 255, 0.6) 0%,
      rgba(255, 255, 255, 0.2) 100%
    )
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15px);
  border-radius: 12px;
  padding: 10px;
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  background-color: #ffffffe3;
}
.positionAbsoluterigh {
  box-sizing: border-box;

  position: absolute;
  top: 0;
  right: 0;
  width: 48%;
  min-height: 290px;

  background: radial-gradient(
      100% 359.18% at 0% 0%,
      rgba(255, 255, 255, 0.6) 0%,
      rgba(255, 255, 255, 0.2) 100%
    )
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15px);
  border-radius: 12px;
  padding: 10px;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  background-color: #ffffffe3;
}
.absTimesLineModal {
  background: unset !important;
  outline: 0 !important;
  border: none !important;
  font-size: 15px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.absTimesLineModal_secons {
  background: unset !important;
  outline: 0 !important;
  border: none !important;
  font-size: 15px;
  position: absolute;
  top: 5px;
  left: 5px;
}
.openModalHeaders {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #01243d;
}
.centerihaleModalRed {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  color: #ff0000;
}
.centerihemaldmodalBlack {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  color: rgba(1, 36, 61, 1);
}
.rowRightİhaleAbsModals {
  display: flex;
  gap: 10px;
}
.rowRightİhaleAbsModals span {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  color: #ff0000;
  flex: 1;
  display: flex;
}
.rowRightİhaleAbsModals select {
  box-sizing: border-box;

  width: 83px;
  height: 29px;

  background: linear-gradient(
      97.37deg,
      #c70000 5.72%,
      #c00000 49.41%,
      #ff0000 96.94%
    ),
    linear-gradient(97.37deg, #385c7d 5.72%, #739fc7 58.05%, #82afd8 96.94%),
    linear-gradient(97.37deg, #385c7d 5.72%, #739fc7 58.05%, #82afd8 96.94%);
  opacity: 0.42;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15px);
  border-radius: 20px;
  border: none;
  outline: 0 !important;
  color: #fff;
  font-size: 10px;
}
.generateButtonsLine_top {
  box-sizing: border-box;

  position: absolute;
  width: 104px;
  height: 29px;

  background: linear-gradient(0deg, #9fb3be, #9fb3be),
    linear-gradient(97.37deg, #385c7d 5.72%, #739fc7 58.05%, #82afd8 96.94%),
    linear-gradient(97.37deg, #385c7d 5.72%, #739fc7 58.05%, #82afd8 96.94%);
  opacity: 0.42;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15px);
  border-radius: 20px;
}
.realCentersModalDetail {
  position: relative;
  width: 120px;
  height: 29px;
}
.realCentersModalDetail input {
  position: absolute;
  border: none;
  padding: 0 5px;
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  color: #01243d;
  outline: 0 !important;
  border-radius: 20px;
  top: 0;
  left: 0;
  width: 120px;
  height: 29px;
}
.realCentersModalDetail input::placeholder {
  color: #333;
  opacity: 1; /* Firefox */
}

.realCentersModalDetail input::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #333;
}
.realCentersModalDetail button {
  position: absolute;
  border: none;
  padding: 0 5px;
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  color: #01243d;
  outline: 0 !important;
  border-radius: 20px;
  top: 0;
  left: 0;
  width: 120px;
  height: 29px;
}
.gapsMessagesTop {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.ntextTabsSecondHeader_menu {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 12px;
  text-align: center;

  color: #01243d;
}
.centerGiftMenuMains {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.center150h150wletterTop {
  width: 250px;
  height: 250px;
  position: relative;
}
.imagesLetterGif {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imagesPngGift {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}
.priceTutarsAlll {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 10px;
  text-align: center;
  color: #01243d;
  width: 100px;
  left: 60px;
  height: 30px;
  background: unset !important;
  border: none;
  color: #333;
  top: 90px;
  position: absolute;
  outline: 0 !important;
  display: none;
}
/* Chrome, Safari, Edge, Opera */
.priceTutarsAlll::-webkit-outer-spin-button,
.priceTutarsAlll::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.priceTutarsAlll[type="number"] {
  -moz-appearance: textfield;
}
.btnSendRequare {
  box-sizing: border-box;

  height: 33.24px;
  width: 100px;

  background: url(.png),
    radial-gradient(
        90.16% 143.01% at 15.32% 21.04%,
        rgba(165, 239, 255, 0.2) 0%,
        rgba(110, 191, 244, 0.0447917) 77.08%,
        rgba(70, 144, 213, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  background-blend-mode: overlay, normal;
  backdrop-filter: blur(40px);
  /* Note: backdrop-filter has minimal browser support */
  border-radius: 59px;
}
.btnSendRequare span {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  color: #01243d;
  text-transform: uppercase;
}
.absBottomButons {
  position: absolute;
  bottom: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.centerModalStateTwoTab2 {
  width: 100%;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.center_imagesTables {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.centerAbs_ihalesRooms {
  width: 100%;
  height: 40px;
  position: absolute;
  top: calc(50% - 20px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.centerAbs_ihalesRooms span {
  font-family: "Kumbh Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;

  color: #020100;

  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.tabsMenuBasvuruies {
  min-height: 10px;
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
}
.activeTabBas {
  border-bottom: 2px solid #003865;
  padding-bottom: 5px;
  color: #003865;
  font-weight: 600;
  cursor: pointer;
}
.pasiveTabBas {
  padding-bottom: 5px;
  color: gray;
  font-weight: 600;
  cursor: pointer;
}
.buttonGenerate {
  background-color: red;
  padding: 5px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
}
.btnBgenones_check {
  background: none !important;
  outline: 0 !important;
  border: none !important;
}
.addColorNew {
  width: 100%;
  min-height: 150px;
  background: radial-gradient(
      100% 359.18% at 0% 0%,
      rgb(191 88 255 / 60%) 0%,
      rgba(255, 255, 255, 0.2) 100%
    )
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
}
.absAddNew_editButton {
  background: none !important;
  border: none !important;
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}
.addButtonNewsLine {
  width: 100%;
  height: 45px;
  border-radius: 5px;
  background-color: #003865;
  color: #fff;
  border: none !important;
  margin-top: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.generateModalRate {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  background-color: #33333378;
  display: none;
  justify-content: center;
  align-items: center;
}
.centerCardModalWhite {
  min-height: 10px;
  background-color: #ffffff42;
  border-radius: 20px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  backdrop-filter: blur(116px);
}
.centerCardModalWhite p {
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
  font-size: 22px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  letter-spacing: 1px;
}
.rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 10px;
}

.rating input {
  display: none;
}

.rating label {
  cursor: pointer;
  color: #ddd;
  font-size: 24px;
}

.rating input:checked ~ label {
  color: #fdd835;
}
.sendAndCloseModal {
  width: 100%;
  display: flex;
  gap: 10px;
}
.sendAndCloseModal button {
  flex: 1;
  height: 40px;
  border-radius: 5px;
  background-color: #008700;
  color: #fff;
  border: none !important;
  font-size: 14px;
  letter-spacing: 1px;
}
.tabMenuLastly {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
 margin-top: 40px;
}

.activedTabModal{
  color: #003865 ;
  font-weight: 600;
  background: none !important;
  border: none !important;
  font-size: 14px;
  cursor: pointer;
}
.pasivedTabModal{
  color: gray ;
  font-weight: 600;
  background: none !important;
  border: none !important;
  font-size: 14px;
  cursor: pointer;
}

.fl-wrapper {
    z-index: 9999999999999999999999999999999999999999999999999999999999999 !important;
}


/* 09 12 2023 revize end */
.fl-main-container{
    z-index: 9999999999999999999999999999999999999999999999999999999999999 !important;
}