/*
 <======>
  Sadiyev Azizxan

  sadiyev.eziz@gmail.com
  https://www.linkedin.com/in/azizxansadiyev/

<=====>
*/

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

/* SF-PRO --- */
@font-face {
  font-family: 'ALS Schlange sans';
  src: url('../fonts/subset-ALSSchlangesans-Bold.eot');
  src: url('../fonts/subset-ALSSchlangesans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/subset-ALSSchlangesans-Bold.woff2') format('woff2'),
    url('../fonts/subset-ALSSchlangesans-Bold.woff') format('woff'),
    url('../fonts/subset-ALSSchlangesans-Bold.ttf') format('truetype'),
    url('../fonts/subset-ALSSchlangesans-Bold.svg#ALSSchlangesans-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ALS Schlange sans';
  src: url('../fonts/subset-ALSSchlangesans-Light.eot');
  src: url('../fonts/subset-ALSSchlangesans-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/subset-ALSSchlangesans-Light.woff2') format('woff2'),
    url('../fonts/subset-ALSSchlangesans-Light.woff') format('woff'),
    url('../fonts/subset-ALSSchlangesans-Light.ttf') format('truetype'),
    url('../fonts/subset-ALSSchlangesans-Light.svg#ALSSchlangesans-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ALS Schlange sans';
  src: url('../fonts/subset-ALSSchlangesans-Black.eot');
  src: url('../fonts/subset-ALSSchlangesans-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/subset-ALSSchlangesans-Black.woff2') format('woff2'),
    url('../fonts/subset-ALSSchlangesans-Black.woff') format('woff'),
    url('../fonts/subset-ALSSchlangesans-Black.ttf') format('truetype'),
    url('../fonts/subset-ALSSchlangesans-Black.svg#ALSSchlangesans-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ALS Schlange sans';
  src: url('../fonts/subset-ALSSchlangesans.eot');
  src: url('../fonts/subset-ALSSchlangesans.eot?#iefix') format('embedded-opentype'),
    url('../fonts/subset-ALSSchlangesans.woff2') format('woff2'),
    url('../fonts/subset-ALSSchlangesans.woff') format('woff'),
    url('../fonts/subset-ALSSchlangesans.ttf') format('truetype'),
    url('../fonts/subset-ALSSchlangesans.svg#ALSSchlangesans') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ALS Schlange sans';
  src: url('../fonts/subset-ALSSchlangesans-Thin.eot');
  src: url('../fonts/subset-ALSSchlangesans-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/subset-ALSSchlangesans-Thin.woff2') format('woff2'),
    url('../fonts/subset-ALSSchlangesans-Thin.woff') format('woff'),
    url('../fonts/subset-ALSSchlangesans-Thin.ttf') format('truetype'),
    url('../fonts/subset-ALSSchlangesans-Thin.svg#ALSSchlangesans-Thin') format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* SF-PRO --- */

.page {
  display: block;
  margin: 0 auto;
  padding: 32px;
  width: 100%;
  min-width: 310px;
  min-height: 370px;
  background-color: #F7F5F5;
  overflow: auto;
}

.main_center {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1396px;
  padding: 0;
  margin: 0 auto;
}

.wrap_main_body .main_center {
  max-width: 100%;
  padding-left: 64px;
}


/* html {
  scroll-behavior: smooth;
} */

body {
  font-family: 'ALS Schlange sans', Arial, Helvetica, sans-serif;
  background-color: #F7F5F5;
}

body.mm_noscroll {
  overflow-y: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

.fixed_header {
  position: fixed;
  top: 0px;
  width: 100%;
}


/*! ====  HEADER START  ===== */

header {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 310px;
  z-index: 999999;
}

.main_page header {
  top: 24px;
}

.main_page .header_top {
  padding: 16px 48px;
  background: transparent;
}

.header_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  padding: 16px 24px;
  background: #FFF;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}

.main_page header .main_center {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
}

.header_left {
  display: flex;
  align-items: center;
  width: auto;
  float: left;
  margin: 0;
}

.header_right {
  display: flex;
  align-items: center;
  width: auto;
  float: right;
  margin-left: auto;
}


.logo_sect {
  display: block;
  float: left;
  width: auto;
}

.logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  float: left;
  width: auto;
}

.logo_img {
  display: block;
  width: 64px;
  height: 64px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../img/logo.svg");
}

.main_page .logo_img {
  width: 96px;
  height: 96px;
  background-image: url("../img/logo_w.svg");
}


/* .logo_img img {
  display: block;
  width: 100%;
  height: 100%;
} */
/*! Langs */

.lang_list {
  display: flex;
  align-items: center;
  position: relative;
  float: right;
  margin-left: auto;
}

.lang_list li {
  display: block;
  float: left;
  list-style: none;
  margin-left: 10px;
}

.lang_list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, 0.08);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1px;
  color: #4F5054;
  opacity: 1;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.lang_list li.active a,
.lang_list li a:hover {
  background: #D43157;
  color: #fff;
}


.main_page .lang_list li a {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

.main_page .lang_list li.active a,
.main_page .lang_list li a:hover {
  background: #fff;
  color: #D43157;
}

/*! ====  HEADER FINISH  ===== */

/*! USe all page important */
/*! Collapsible */
.wrap_faq {
  width: 100%;
}

.collapse_row {
  width: 100%;
  margin-bottom: 24px;
  background-color: #FFF;
  overflow: hidden;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
}

.collapse_btn {
  display: flex;
  align-items: flex-start;
  position: relative;
  width: 100%;
  min-height: 36px;
  padding: 32px 88px 32px 40px;
  text-align: left;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  color: #262729;
  opacity: 1;
  word-break: break-word;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.clp_clicked.collapse_btn {
  color: #D43157;
}

.collapse_btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 32px;
  right: 40px;
  width: 36px;
  height: 36px;
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("../img/icons/arrow_faq.svg");
}

.collapse_btn.clp_clicked::before {
  background-position: 0 100%;
}

.collapse_content {
  display: none;
  width: 100%;
  padding: 0 40px 32px 40px;
  margin-top: -8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.4px;
  color: #262729;
  word-break: break-word;
}


/*! Collapsible */
/*! Pgination */

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  /* padding-top: 16px; */
}

.pagination_list {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 6px;
  border: 1px solid #E9EBF0;
  background: #FFF;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.pagination_list li {
  display: block;
  float: left;
  margin: 0 4px;
}

.pagination_list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  padding: 8px;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.1px;
  color: #15161A;
  opacity: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
}

.pagination_list li.active a {
  background-color: #FF244E;
  color: #ffffff;
}

.pagination_list li:hover:not(.active) a {
  background-color: #F5F6FA;
}

.pagination_list li.first-a a,
.pagination_list li.last-a a {
  color: #292929;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.pagination_list li.first-a a::before,
.pagination_list li.last-a a::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.pagination_list li.first-a a::before {
  margin-right: 4px;
  background-image: url("../img/icons/p_prev.svg");
}

.pagination_list li.last-a a::after {
  margin-left: 4px;
  background-image: url("../img/icons/p_next.svg");
}

.pagination_list li.first-a a:hover:before {
  background-position: 0 100%;
}

.pagination_list li.last-a a:hover::after {
  background-position: 0 100%;
}

/*! Pgination */

/*! ---Popup Part --- */
.w_325 {
  max-width: 325px;
}

.w_840 {
  max-width: 840px;
}

.w_612 {
  max-width: 612px;
}

.modal.opened {
  opacity: 1;
  visibility: visible;
}

.modal {
  opacity: 0;
  visibility: hidden;
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #00000085;
  z-index: 9999999999999;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
}

.modal_body {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 20px 16px;
}

.modal_content {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  max-height: 100%;
  /* overflow: auto; */
  padding: 0px;
}

.modal_item {
  display: block;
  padding: 24px;
  background-color: #fff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.modal_header {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 24px;
  position: relative;
  padding: 0px 28px 12px 0px;
  border-bottom: 1px solid #e8eaed;
}

.modal_close {
  display: block;
  position: absolute;
  right: 0;
  float: right;
  width: 24px;
  height: 24px;
  margin: 0;
  cursor: pointer;
  background-position: 0 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../img/icons/close_b.svg");
}


.modal_container {
  display: block;
  width: 100%;
  overflow: auto;
  padding: 16px 0 0 0;
}

.modal_title {
  display: block;
  text-align: left;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.5px;
  color: #0e1013;
  opacity: 1;
}

.modal_text {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.5px;
  color: #31373D;
  opacity: 1;
  word-break: break-word;
}

.w_840 .modal_buttons {
  justify-content: flex-end;
}

.w_840 .btn_item {
  width: auto;
}

.modal_buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
  margin: 16px 0 0 0;
}

.w_600 {
  max-width: 600px;
}

.btn_item.close {
  border-color: #D8DDE5;
  background: rgba(247, 249, 250, 0.24);
}

.btn_item.delete {
  color: #D81A48;
  border-color: #D81A48;
  background: #FFEEF3;
}

.btn_item.apply {
  color: #fff;
  border-color: #0F78D4;
  background: #0F78D4;
}

.w_840 .modal_buttons {
  justify-content: flex-end;
}

.w_840 .btn_item {
  width: auto;
}

.modal_buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
  margin: 32px 0 0 0;
}

.modal_buttons .btn_item {
  display: flex;
  width: 100%;
}

.send_form_img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  margin: 0 auto 32px auto;
}

.send_form_img img {
  display: block;
  width: 100%;
  height: 100%;
}

/*! ---Popup Part --- */

/* !form items */
.btn_sect {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.btn_item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 56px;
  padding: 10px 24px;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: #D43157;
  text-align: center;
  font-family: 'ALS Schlange sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1px;
  color: #FFF;
  opacity: 1;
  backdrop-filter: blur(46px);
  border: 1px solid transparent;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
}

.btn_item .btn_icon {
  display: inline-flex;
  align-items: center;
  position: relative;
  width: auto;
  padding-left: 24px;
}

.btn_item .btn_icon::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 16px;
  height: 16px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  /* background-image: url("../img/icons/has_notif.svg"); */
}

.btn_item.login {
  border-color: #D8DDE5;
  background: rgba(247, 249, 250, 0.24);
}

.btn_item.register {
  color: #fff;
  background-color: #FF244E;
  border-color: #FF244E;
}

.btn_item:hover {
  opacity: 0.80;
}

.btn_item.disabled {
  opacity: 1;
  color: rgba(0, 0, 0, 0.38);
  background-color: rgba(0, 0, 0, 0.08);
}


.form_item:last-child {
  margin: 0;
}

.form_item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  position: relative;
  margin-bottom: 12px;
}

.show_error input {
  border-color: #FF244E !important;
}

.show_error .error_type {
  display: block !important;
}

.error_type {
  display: none;
  width: 100%;
  padding: 0 10px;
  margin-top: 8px;
  text-align: left;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: #FF244E;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
}

.form_label_input sup {
  color: #FF244E;
}

.form_label_input {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0;
  margin-bottom: 12px;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.4px;
  color: #878F99;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
}

textarea.form_input_item {
  overflow-y: hidden;
}

.form_input_item {
  display: flex;
  min-width: 100%;
  width: 100%;
  height: 56px;
  padding: 16px 20px;
  text-align: left;
  font-family: 'ALS Schlange sans';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.5px;
  color: #262729;
  opacity: 1;
  cursor: pointer;
  border: none;
  outline: none;
  border: 1px solid #7F8285;
  background-color: #fff;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease;

  border-radius: 40px !important;
  -webkit-border-radius: 40px !important;
  -moz-border-radius: 40px !important;
  -ms-border-radius: 40px !important;
  -o-border-radius: 40px !important;
}

.calendar .form_input_item {
  padding-right: 40px;
}

.calendar::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  content: "";
  display: block;
  position: absolute;
  right: 12px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../img/icons/f_calendar.svg");
}

.form_input_item:focus {
  border-color: #bfc2c4;
}

.show_error .form_input_item {
  border-color: #D61E24;
}

.form_input_item::placeholder {
  color: #747678;
  font-weight: 400;
}

.form_submit {
  display: block;
  width: 100%;
}

.form_button_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 56px;
  padding: 16px 20px;
  cursor: pointer;
  border: none;
  outline: none;
  font-family: 'ALS Schlange sans';
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #181E00;
  opacity: 1;
  border: 1px solid #7F8285;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 40px !important;
  -webkit-border-radius: 40px !important;
  -moz-border-radius: 40px !important;
  -ms-border-radius: 40px !important;
  -o-border-radius: 40px !important;
}

.form_button_item:hover {
  background: #DCF056 !important;
}

/* *Select2 section */
.customDrop {
  z-index: 99999999;
}

.form_item .select2-container .select2-selection--single .select2-selection__rendered,
.form_item .select2-container--default .select2-selection--single {
  border: none;
  /* line-height: 1; */
  color: #252F4A;
}

.form_item .select2-container--default .select2-results__option--selected {
  background-color: #daecff;
}

.form_item .select2-container {
  min-width: 110px;
  width: 100% !important;
  position: relative;
}

.show_error .select2-container--default .select2-selection--single {
  border-color: #FF244E !important;
}

.show_error ~ .select2-container--default .select2-selection--single {
  border-color: #FF244E !important;
}

.show_error ~ .error_type {
  display: block !important;
}

.form_item .select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
  width: 100% !important;
  position: relative;
  padding: 16px 48px 16px 20px;
  height: 56px;
  text-align: left;
  font-family: 'ALS Schlange sans';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.5px;
  color: #262729;
  opacity: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  outline: none;
  border: 1px solid #7F8285;
  background-color: #fff;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease;
  border-radius: 40px !important;
  -webkit-border-radius: 40px !important;
  -moz-border-radius: 40px !important;
  -ms-border-radius: 40px !important;
  -o-border-radius: 40px !important;
}

.form_item .select2-selection__arrow {
  display: block;
  width: 20px !important;
  height: 20px !important;
  top: auto !important;
  right: 20px !important;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/icons/arrow_drop.svg");
}

/* .form_item .select2-container--default.select2-container--open .select2-selection--single {
  border-radius: 28px !important;
  -webkit-border-radius: 28px !important;
  -moz-border-radius: 28px !important;
  -ms-border-radius: 28px !important;
  -o-border-radius: 28px !important;
  border: 1px solid rgba(127, 130, 133, 0.30);
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
} */

/* .form_item .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-radius: 0 0 6px 6px !important;
  -webkit-border-radius: 0 0 6px 6px !important;
  -moz-border-radius: 0 0 6px 6px !important;
  -ms-border-radius: 0 0 6px 6px !important;
  -o-border-radius: 0 0 6px 6px !important;
} */

.form_item .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.form_item .select2-selection__arrow b {
  display: none !important;
}

.select2-container {
  z-index: 99999;
}

.select2-container--open .select2-dropdown {
  /* top: 64px; */
  margin-top: 12px;
  padding: 16px;
  border: none;
  border-radius: 28px !important;
  -webkit-border-radius: 28px !important;
  -moz-border-radius: 28px !important;
  -ms-border-radius: 28px !important;
  -o-border-radius: 28px !important;
  border: 1px solid rgba(127, 130, 133, 0.30);
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
}

.select2-container--open .select2-dropdown--above {
  margin-top: -12px;
}

.select2-container--open.select2-dropdown--below {
  margin-top: 12px;
}

.select2-container--open.select2-dropdown--above {
  margin-top: -12px;
}


.select2-results__option img {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.select2-results__option span {
  display: flex;
  align-items: center;
  gap: 12px;
}

.select2-results__option {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  text-align: left;
  text-align: left;
  font-family: 'ALS Schlange sans';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.5px;
  color: #262729;
  opacity: 1;
  /* overflow: hidden; */
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: transparent !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: transparent !important;
  color: #D43157;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  padding: 16px;
  height: 28px;
  border: none;
  border: 1px solid rgba(127, 130, 133, 0.30);
  border-radius: 28px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  -ms-border-radius: 28px;
  -o-border-radius: 28px;
}

.select2-search--dropdown {
  padding: 4px 12px 8px 12px;
}

.select2-container--default .select2-search {
  display: flex;
  align-items: center;
  position: relative;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-search::before {
  content: "";
  display: block;
  position: absolute;
  right: 31px;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /* background-image: url("../img/icons/search.svg"); */
}

.select2-results {
  display: block;
  /* padding-right: 16px; */
}

.select2-results__options::-webkit-scrollbar-thumb {
  background-color: #EBEBEB;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.select2-results__options::-webkit-scrollbar-track {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

.select2-results__options::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
}

/* *Select2 section */

/* !form items */

/* !Error messages */
.public_message {
  width: 100%;
}

#core_js_messages {
  width: 100%;
}

.alert {
  display: block;
  width: 100%;
  padding: 12px 16px 12px 16px;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 18px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.error_message {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

/* !Error messages */
/*! USe all page important */


/*! ====  MAIN START  ===== */

main {
  display: block;
  position: relative;
  width: 100%;
  padding: 0px;
}

.section_wrap {
  display: block;
  position: relative;
  width: 100%;
}

.wrap_left {
  float: left;
  width: calc(100% - 336px);
  padding: 0 48px 0 0;
}

.wrap_right {
  float: left;
  width: 336px;
}

.sect_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  width: 100%;
}

.sect_head {
  display: block;
  width: auto;
  position: relative;
}

.sect_title {
  display: inline-flex;
  align-items: center;
  width: auto;
  position: relative;
  text-align: left;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  color: #262729;
  opacity: 1;
  word-break: break-word;
}

.sect_info {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 8px;
  position: relative;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.4px;
  color: #262729;
  opacity: 1;
}


.sect_body {
  display: block;
  width: 100%;
}

.sect_footer {
  display: block;
  width: 100%;
}

.main_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
  width: 100%;
  z-index: 9;
}

.container_item_text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  padding-right: 24px;
  /* width: calc(100% - 620px); */
  width: 50%;
  max-width: 700px;
}

.main_title {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  width: auto;
  position: relative;
  text-align: left;
  font-size: 94px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.2;
  color: #FFF;
  opacity: 1;
  word-break: break-word;
}

.main_text {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  width: auto;
  position: relative;
  text-align: left;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #FFF;
  opacity: 1;
  word-break: break-word;
}

.main_message_sect {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
  padding: 14px 20px;
  width: 100%;
  max-width: 404px;
  background: #FFF;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
}

.main_message_sect textarea::placeholder {
  color: rgb(127 130 133 / 60%);
}

.main_message_sect textarea {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  min-height: 72px;
  outline: none;
  border: none;
  resize: none;
  text-align: left;
  font-family: 'ALS Schlange sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.15px;
  color: #262729;
}

.container_item_img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  /* max-width: 620px; */
  max-width: 50%;
  overflow: hidden;
}


.container_item_img::before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  padding-top: 48%;
}

.container_item_img img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  /* max-width: 100%;
  max-height: 100%; */
  object-fit: cover;
}

.scroll_list:hover::-webkit-scrollbar-thumb {
  background-color: #7F8285;
}

.scroll_list::-webkit-scrollbar-track {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.scroll_list::-webkit-scrollbar {
  width: 4px;
}

.scroll_list::-webkit-scrollbar-thumb {
  background-color: #7F8285;
  transition: all 0.3s ease;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

/* Titles icons */

.more {
  display: inline-flex;
  justify-content: center;
  width: auto;
  margin: 0 0 0 auto;
}

.more.back {
  margin: 0 12px 0 0;
}

.more_link:hover {
  background-color: rgba(212, 49, 87, 0.08);
}

/* .more_link:hover::before {
  right: 4px;
} */

.more_link::before {
  content: "";
  display: block;
  position: absolute;
  right: 24px;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../img/icons/more_r.svg");
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}

.back .more_link::before {
  right: auto;
  left: 24px;
  background-image: url("../img/icons/back_link.svg");
}

.back .more_link {
  padding: 10px 24px 10px 56px;
}

.more_link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: auto;
  height: 56px;
  padding: 10px 56px 10px 24px;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1px;
  color: #D43157;
  opacity: 1;
  background-color: transparent;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
}

.more_item {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 24px 0 0 0;
}

.more_catg:hover {
  background-color: rgba(0, 0, 0, 0.12);
}

.more_catg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: auto;
  height: 56px;
  padding: 10px 24px;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1px;
  color: #262729;
  opacity: 1;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.08);
  transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
}

.load_more::before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../img/icons/loading.svg");
  transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
}

.load_more {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 48px;
  height: 48px;
  padding: 12px;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1px;
  color: #262729;
  opacity: 1;
  cursor: pointer;
  background-color: #E9EBF0;
  transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.swiper-link {
  display: flex;
  align-items: center;
  width: 100%;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* *All pages Grid */

.row_adm {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0;
}

.col_adm {
  display: block;
  float: left;
  padding: 0;
}

.col_in {
  display: block;
  width: 100%;
}

.item_adm {
  display: block;
  width: 100%;
  padding: 16px 20px;
  background-color: #fff;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  border-right: 1px solid #E9EBF0;
  border-bottom: 1px solid #E9EBF0;
  border-left: 1px solid #E9EBF0;
  border-radius: 0px 0px 8px 8px;
  -webkit-border-radius: 0px 0px 8px 8px;
  -moz-border-radius: 0px 0px 8px 8px;
  -ms-border-radius: 0px 0px 8px 8px;
  -o-border-radius: 0px 0px 8px 8px;
}

/* todo Grid system */

/* !Row Gap */
.gap_0 {
  gap: 0;
}

.gap_4 {
  gap: 4px;
}

.gap_6 {
  gap: 6px;
}

.gap_8 {
  gap: 8px;
}

.gap_10 {
  gap: 10px;
}

.gap_12 {
  gap: 12px;
}

.gap_16 {
  gap: 16px;
}

.gap_18 {
  gap: 18px;
}

.gap_24 {
  gap: 24px;
}

.gap_32 {
  gap: 32px;
}

.gap_48 {
  gap: 48px;
}

/* !Row Gap */

/* !Row Margin */
.mg_adm_0 {
  margin: 0;
}

.mg_adm_4 {
  margin-left: -4px;
  margin-right: -4px;
}

.mg_adm_6 {
  margin-left: -6px;
  margin-right: -6px;
}

.mg_adm_8 {
  margin-left: -8px;
  margin-right: -8px;
}

.mg_adm_12 {
  margin-left: -12px;
  margin-right: -12px;
}

.mg_adm_16 {
  margin-left: -16px;
  margin-right: -16px;
}

.mg_adm_18 {
  margin-left: -18px;
  margin-right: -18px;
}

.mg_adm_24 {
  margin-left: -24px;
  margin-right: -24px;
}

.mg_adm_32 {
  margin-left: -32px;
  margin-right: -32px;
}

.mg_adm_48 {
  margin-left: -48px;
  margin-right: -48px;
}

.mgt_adm_4 {
  margin-top: 4px;
}

.mgt_adm_6 {
  margin-top: 6px;
}

/* !Row Margin */

/* !Col Padding */
.pg_adm_0 {
  padding: 0;
}

.pg_adm_4 {
  padding-left: 4px;
  padding-right: 4px;
}

.pg_adm_6 {
  padding-left: 6px;
  padding-right: 6px;
}

.pg_adm_8 {
  padding-left: 8px;
  padding-right: 8px;
}

.pg_adm_12 {
  padding-left: 12px;
  padding-right: 12px;
}

.pg_adm_16 {
  padding-left: 16px;
  padding-right: 16px;
}

.pg_adm_18 {
  padding-left: 18px;
  padding-right: 18px;
}

.pg_adm_24 {
  padding-left: 24px;
  padding-right: 24px;
}

.pg_adm_32 {
  padding-left: 32px;
  padding-right: 32px;
}

.pg_adm_48 {
  padding-left: 48px;
  padding-right: 48px;
}

/* !Col Padding */

/* Col 1 */
.col_adm_1 {
  float: none;
  width: 100%;
  padding: 0;
}

/* Col 2 */
.col_adm_2 {
  width: 50%;
}

/* Col 3 */
.col_adm_3 {
  width: 33.333%;
}

/* Col 4 */
.col_adm_4 {
  width: 25%;
}

/* Col 5 */
.col_adm_5 {
  width: 20%;
}

/* Col 6 */
.col_adm_6 {
  width: 16.666%;
}


/* Col 7 */
.col_adm_7 {
  width: 14.28%;
}

/* todo Grid system */


/* *All pages Grid */


/*! Wrap Container */
.main_page {
  overflow: auto;
}

.main_full_container {
  display: block;
  position: relative;
  width: 100%;
}

.main_page .main_full_container {
  padding-top: 160px;
}

.main_page .main_full_bg {
  display: block;
  position: relative;
  width: 100%;
  height: calc(100vh - 64px);
  overflow: auto;
  background-color: #D43157;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/background_desk.svg");
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
}

.wrap_main_body {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: auto;
  background: none !important;
  min-height: calc(100vh - 224px);
  padding: 0 0 112px 0;
  /* overflow: auto; */
  /* background-color: #D43157;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/background_desk.svg");
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px; */
}

.form_item_img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #D43157;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* background-image: url("../img/form_bg.svg"); */
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
}

.form_item_img::before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.form_item_img img {
  display: block;
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

/* .main_page .wrap_main_body {
  padding: 158px 48px 40px 48px;
} */

.wrap_container {
  width: 100%;
  padding-top: 128px;
}

.main_page .wrap_container {
  padding-top: 0;
}

/* Admin items */
.img_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 8px 8px 0px 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
  -moz-border-radius: 8px 8px 0px 0px;
  -ms-border-radius: 8px 8px 0px 0px;
  -o-border-radius: 8px 8px 0px 0px;
}

.img_item::before {
  content: "";
  display: block;
  width: 100%;
  position: relative;
  padding-top: 65%;
}

.img_item img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  object-fit: cover;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}


.stat_col a:hover .img_item img {
  transform: scale(1.04);
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
}

.adm_item_link {
  display: block;
  width: 100%;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}

.item_views::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #E9EBF0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-image: url("../img/icons/views.svg");
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.item_views {
  display: inline-flex;
  align-items: center;
  position: relative;
  min-height: 20px;
  padding: 0 0 0 28px;
  margin: 0px 12px 0 0;
  text-align: left;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: #15161A;
  opacity: 1;
}

.item_catg::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #FF244E;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-image: url("../img/icons/category_icon.svg");
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.item_catg {
  display: inline-flex;
  align-items: center;
  position: relative;
  min-height: 20px;
  padding: 0 0 0 28px;
  margin: 0px 12px 0 0;
  text-transform: capitalize;
  text-align: left;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: #15161A;
  opacity: 1;
}

.item_date {
  display: inline-flex;
  align-items: center;
  position: relative;
  min-height: 20px;
  margin: 16px 16px 0 0;
  text-align: left;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  color: #727782;
  opacity: 1;
}

.item_title {
  width: 100%;
  margin: 8px 0 0 0;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.15px;
  color: #15161A;
  opacity: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}

.item_info {
  width: 100%;
  margin: 8px 0 0 0;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.15px;
  color: #15161A;
  opacity: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}

/* Admin items */
/*! Wrap Container */
/*! Wrap Slider */

.wrap_slider {
  width: 100%;
}

.slider_container {
  width: 100%;
  position: relative;
}

/* swiper pagination */
.wrap_slider .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: auto;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 24px 0 0 0;
}

.wrap_slider .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  margin: 0 8px !important;
  background: #fff;
  border: 1px solid #7F8285;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.wrap_slider .swiper-pagination-bullet-active {
  width: 14px;
  height: 14px;
  background: #D43157;
  border-color: #D43157;
}

/* swiper pagination */

/* swiper arrow */
.wrap_slider .swiper_arrows {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  /* padding: 0 4px; */
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0 auto;
}

.wrap_slider .swiper-button-next::before,
.wrap_slider .swiper-button-prev::before {
  content: "";
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.wrap_slider .swiper-button-next,
.wrap_slider .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 32px;
  height: 100%;
  margin: 0;
  top: 0;
  opacity: 1;
  z-index: 5;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
}

.wrap_slider .swiper-button-next {
  float: right;
  background: linear-gradient(90deg, #F5F6FA 0%, #E8EBF0 100%);
  right: 0px;
  margin: 0 0 0 auto;
  border-radius: 0px 8px 8px 0px;
  -webkit-border-radius: 0px 8px 8px 0px;
  -moz-border-radius: 0px 8px 8px 0px;
  -ms-border-radius: 0px 8px 8px 0px;
  -o-border-radius: 0px 8px 8px 0px;
}

.wrap_slider .swiper-button-prev {
  float: left;
  background: linear-gradient(90deg, #E8EBF0 0%, #F5F6FA 100%);
  left: 0;
  margin: 0 auto 0 0;
  border-radius: 8px 0px 0px 8px;
  -webkit-border-radius: 8px 0px 0px 8px;
  -moz-border-radius: 8px 0px 0px 8px;
  -ms-border-radius: 8px 0px 0px 8px;
  -o-border-radius: 8px 0px 0px 8px;
}

.wrap_slider .swiper-button-next::before {
  background-image: url("../img/icons/next.svg");
}

.wrap_slider .swiper-button-prev::before {
  background-image: url("../img/icons/prev.svg");
}

.wrap_slider .swiper-button-next:hover,
.wrap_slider .swiper-button-prev:hover {
  box-shadow: none;
}

/* swiper arrow */

/*! Wrap Slider */
/* todo =============== I todo here ==============  */

.toast {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  min-width: 190px;
  margin-left: -95px;
  text-align: center;
  padding: 12px 16px;
  position: fixed;
  left: 50%;
  bottom: 24px;
  background: #242C32;
  box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.14), 0px 6px 30px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.20);
  opacity: 0;
  z-index: 999999999999;
  transition: opacity 0.5s, visibility 0.5s;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  -moz-transition: opacity 0.5s, visibility 0.5s;
  -ms-transition: opacity 0.5s, visibility 0.5s;
  -o-transition: opacity 0.5s, visibility 0.5s;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.toast_text::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 32px;
  height: 32px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/icons/toast_icon.svg");
}

.toast_text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 32px;
  padding-left: 48px;
  text-align: left;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.408px;
  color: #fff;
}

.toast.show {
  visibility: visible;
  opacity: 1;
}

.tooltip {
  display: block;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  left: 50%;
  top: 100%;
  min-width: 140px;
  padding: 10px;
  text-align: left;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
  color: #E6EAF0;
  background: #001833;
  z-index: 999999999;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
}

.tooltip_show {
  position: relative;
}

.tooltip_show:hover .tooltip {
  opacity: 1;
  visibility: visible;
}

.tooltip_button {
  display: block;
  position: relative;
  width: 12px;
  height: 12px;
  cursor: pointer;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/icons/tooltip_btn.svg");
}

/*! ====  MAIN PAGE FINISH  ===== */

/* ! SIGN PAGE */
.form_container {
  margin-bottom: 56px;
}

.form_sect {
  display: block;
  width: 100%;
  padding: 48px 80px;
  background: #FFF;
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
}

.form_sect form {
  margin: 32px 0 0 0;
}

.form_sect .btn_sect {
  margin: 20px 0 0 0;
}


.back_link {
  display: block;
  position: absolute;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../img/icons/back_link.svg");
}

/* !form items */
.pass_eye_0203 {
  display: block;
  position: absolute;
  right: 20px;
  top: 15px;
  z-index: 2;
}

.show-password_0203,
.hide-password_0203 {
  float: left;
  width: 24px;
  height: 24px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.show-password_0203 {
  display: inline-block;
  background-image: url("../img/icons/eye_opn_0203.svg?v1");
}

.hide-password_0203 {
  display: none;
  background-image: url("../img/icons/eye_cls_0203.svg?v1");
}

.showed .show-password_0203 {
  display: none !important;
}

.showed .hide-password_0203 {
  display: inline-block !important;
}

/* Login footer */

.footer_content {
  display: flex;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 48px 48px 48px;
}


.nar_link {
  display: inline-flex;
  margin-left: auto;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  cursor: pointer;
}

/* Login footer */
/* ! SIGN PAGE */
/** Error Page */
.wrap_error_page {
  padding: 160px 16px 80px 16px;
}

.wrap_error_page::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 10%;
  left: 0;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/icons/best_bg.svg);
  z-index: 0;
}

.error_page {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 424px;
  min-height: 424px;
  padding: 56px 48px;
  margin: 32px auto;
  background: #D43157;
  z-index: 5;
  border-radius: 48px;
  -webkit-border-radius: 48px;
  -moz-border-radius: 48px;
  -ms-border-radius: 48px;
  -o-border-radius: 48px;
}

.back_home_btn {
  display: inline-flex;
  align-items: center;
  margin-top: auto;
  padding: 16px 24px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  color: #262729;
  background: #fff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
}

.back_home_btn span {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 32px;
}

.back_home_btn span::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("../img/icons/back_link.svg");
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
}

.error_img {
  display: block;
  width: 170px;
  height: 114px;
  margin: 0 auto 16px auto;
}

.error_img img {
  display: block;
  width: 100%;
  height: 100%;
}


.wrap_error_page .error_page p {
  display: block;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  color: #262729;
  margin-bottom: 24px;
}

/* !==== Campaign Create Page */

/*! ====== BLOGGER LIST ======= */
.wrap_comments {
  padding: 0 0 64px 0;
}

.wrap_comments .sect_header {
  margin-bottom: 24px;
}

.blog_info {
  display: block;
  width: 100%;
  margin-top: 18px;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.4px;
  color: #262729;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 6;
}

.blog_title {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.5px;
  color: #7F8285;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 4;
}

.blog_name {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1px;
  color: #262729;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}

.blogger_items {
  /* display: flex; */
  display: block;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  min-height: 275px;
  padding: 32px 24px;
  background: #FFF;
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
}

.wrap_comments_page .wrap_comments {
  max-width: 682px;
  margin: 0 auto;
}

.wrap_comments_page .blogger_items {
  min-height: 0;
  margin-bottom: 16px;
}

.blog_conten {
  float: left;
  width: calc(100% - 48px);
  padding-left: 12px;
}

.blog_image_sect {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.blog_image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.blog_image::before {
  content: "";
  display: block;
  width: 100%;
  position: relative;
  padding-top: 100%;
}

.blog_image img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  object-fit: cover;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}

/*! ====== Blogger LIST ======= */

.current_message_box {
  display: block;
  width: 100%;
  width: 100%;
  min-height: 56px;
  padding: 16px 20px;
  border: 1px solid #7F8285;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 24px !important;
  -webkit-border-radius: 24px !important;
  -moz-border-radius: 24px !important;
  -ms-border-radius: 24px !important;
  -o-border-radius: 24px !important;
}

.curret_msg_text {
  display: inline-flex;
  align-items: center;
  width: auto;
  position: relative;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  color: #262729;
  opacity: 1;
  word-break: break-word;
}

.volume_item::before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("../img/icons/volume_btn.svg");
}

.volume_item.mute::before {
  background-position: 0 100%;
}

.volume_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 10px;
  position: absolute;
  left: 48px;
  bottom: 40px;
  cursor: pointer;
  z-index: 999;
  background: #D43157;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

#backgroundMusic {
  display: none;
}

/* @media (max-height: 640px) {
  .main_title {
    font-size: 74px;
  }

  .container_item_text {
    width: calc(100% - 420px);
    max-width: 700px;
  }

  .container_item_img {
    max-width: 420px;
  }

} */


@media only screen and (min-width: 1400px) and (max-width: 1550px) {


  /* .container_item_text {
    width: calc(100% - 500px);
    max-width: 700px;
  }

  .container_item_img {
    max-width: 500px;
  } */
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .main_title {
    font-size: 74px;
  }

  /* .container_item_text {
    width: calc(100% - 540px);
    max-width: 700px;
  }

  .container_item_img {
    max-width: 540px;
  } */
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  /* .volume_item {
    width: 48px;
    height: 48px;
    padding: 4px;
    left: 0;
    bottom: 0;
  } */

  /* .main_page .main_full_container {
    padding: 96px 16px 40px 16px;
  } */

  /* .wrap_main_body {
    padding: 0 0 64px 0;
  } */

  /* .main_page .main_full_bg {
    min-height: 100vh;
    height: auto;
    background-image: url("../img/background_mobile.svg");
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  } */

  .main_title {
    font-size: 74px;
  }

  /* .container_item_text {
    width: calc(100% - 420px);
    max-width: 700px;
  }

  .container_item_img {
    max-width: 420px;
  } */
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .volume_item {
    width: 48px;
    height: 48px;
    padding: 4px;
    left: 0;
    bottom: 0;
  }

  .main_page header {
    top: 0;
    left: 0;
    padding: 0;
  }

  .main_page .header_top {
    padding: 8px 16px;
    background: transparent;
  }

  .main_page .logo_img,
  .logo_img {
    width: 56px;
    height: 56px;
  }

  .main_page {
    padding: 0;
  }

  .wrap_main_body .main_center {
    padding-left: 0;
  }

  .wrap_main_body {
    padding: 0 0 64px 0;
  }

  .main_page .main_full_container {
    padding: 96px 16px 40px 16px;
  }

  .main_page .main_full_bg {
    min-height: 100vh;
    height: auto;
    background-image: url("../img/background_mobile.svg");
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }


  .main_title {
    font-size: 36px;
  }

  .container_item_text {
    width: 50%;
    max-width: 100%;
  }

  .container_item_img {
    max-width: 50%;
  }

  .footer_content {
    padding: 0 16px 24px 16px;
  }

  /* Form Page */
  .wrap_container {
    padding-top: 112px;
  }

  .page {
    padding: 0;
  }

  header {
    padding: 16px;
    top: 0;
  }

  .header_top {
    padding: 8px 16px;
    background: #FFF;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }

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

  .form_item_img {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }

  .form_sect {
    padding: 24px 20px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }

  .sect_title {
    font-size: 32px;
  }

  .wrap_comments {
    padding: 0 16px 48px 16px;
    overflow: hidden;
  }

  .wrap_comments .sect_header {
    align-items: flex-start;
    flex-wrap: nowrap;
  }

  .wrap_comments .sect_title {
    font-size: 28px;
    max-width: calc(100% - 156px);
  }

  .wrap_comments .swiper {
    width: 150%;
  }

  .blogger_items {
    padding: 20px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }

  .wrap_faq {
    padding: 0 16px 48px 16px;
  }

  .collapse_row {
    margin-bottom: 16px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }

  .collapse_btn {
    padding: 24px 68px 24px 20px;
    font-size: 20px;
  }

  .collapse_btn::before {
    top: 18px;
    right: 20px;
  }

  .collapse_content {
    padding: 0 20px 24px 20px;
  }

  /* Form Page */
}

@media only screen and (min-width: 561px) and (max-width: 767px) {
  .volume_item {
    width: 48px;
    height: 48px;
    padding: 4px;
    left: 0;
    bottom: 0;
  }

  .wrap_main_body .main_center {
    padding-left: 0;
  }

  .main_page header {
    top: 0;
    left: 0;
    padding: 0;
  }

  .main_page .header_top {
    padding: 8px 16px;
    background: transparent;
  }

  .main_page .logo_img,
  .logo_img {
    width: 56px;
    height: 56px;
  }

  .main_page {
    padding: 0;
  }

  .wrap_main_body {
    padding: 0 0 64px 0;
  }

  .main_page .main_full_container {
    padding: 96px 16px 40px 16px;
  }

  .main_page .main_full_bg {
    min-height: 100vh;
    height: auto;
    background-image: url("../img/background_mobile.svg");
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }


  .main_title {
    font-size: 36px;
  }

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

  .container_item_text {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }

  .container_item_img {
    max-width: 100%;
    margin-bottom: 24px;
  }

  .footer_content {
    padding: 0 16px 24px 16px;
  }

  /* Form Page */
  .wrap_container {
    padding-top: 112px;
  }

  .page {
    padding: 0;
  }

  header {
    padding: 16px;
    top: 0;
  }

  .header_top {
    padding: 8px 16px;
    background: #FFF;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }

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

  .form_container .row_adm {
    flex-direction: column-reverse;
  }

  .col_adm_2 {
    width: 100%;
  }

  .mg_adm_16 {
    margin: 0;
  }

  .pg_adm_16 {
    padding: 0;
  }

  .form_item_img {
    margin-bottom: 24px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }

  .form_sect {
    padding: 24px 20px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }

  .sect_title {
    font-size: 32px;
  }

  .wrap_comments {
    padding: 0 16px 48px 16px;
    overflow: hidden;
  }

  .wrap_comments .sect_header {
    align-items: flex-start;
    flex-wrap: nowrap;
  }

  .wrap_comments .sect_title {
    font-size: 28px;
    max-width: calc(100% - 156px);
  }

  .wrap_comments .swiper {
    width: 150%;
  }

  .blogger_items {
    padding: 20px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }

  .wrap_faq {
    padding: 0 16px 48px 16px;
  }

  .collapse_row {
    margin-bottom: 16px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }

  .collapse_btn {
    padding: 24px 68px 24px 20px;
    font-size: 20px;
  }

  .collapse_btn::before {
    top: 18px;
    right: 20px;
  }

  .collapse_content {
    padding: 0 20px 24px 20px;
  }

  .more_item {
    justify-content: flex-start;
  }

  /* Form Page */
}

@media only screen and (min-width: 0px) and (max-width: 560px) {
  .volume_item {
    width: 48px;
    height: 48px;
    padding: 4px;
    left: 0;
    bottom: 0;
  }

  .wrap_main_body .main_center {
    padding-left: 0;
  }

  .main_page header {
    top: 0;
    left: 0;
    padding: 0;
  }

  .main_page .header_top {
    padding: 8px 16px;
    background: transparent;
  }

  .main_page .logo_img,
  .logo_img {
    width: 56px;
    height: 56px;
  }

  .main_page {
    padding: 0;
  }

  .wrap_main_body {
    padding: 0 0 64px 0;
  }

  .main_page .main_full_container {
    padding: 96px 16px 40px 16px;
  }

  .main_page .main_full_bg {
    min-height: 100vh;
    height: auto;
    background-image: url("../img/background_mobile.svg");
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }

  .main_title {
    font-size: 36px;
  }

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

  .container_item_text {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }

  .container_item_img {
    max-width: 100%;
    margin-bottom: 24px;
  }

  .footer_content {
    padding: 0 16px 24px 16px;
  }

  /* Form Page */
  .wrap_container {
    padding-top: 112px;
  }

  .page {
    padding: 0;
  }

  header {
    padding: 16px;
    top: 0;
  }

  .header_top {
    padding: 8px 16px;
    background: #FFF;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }

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

  .form_container .row_adm {
    flex-direction: column-reverse;
  }

  .col_adm_2 {
    width: 100%;
  }

  .mg_adm_16 {
    margin: 0;
  }

  .pg_adm_16 {
    padding: 0;
  }

  .form_item_img {
    margin-bottom: 24px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }

  .form_sect {
    padding: 24px 20px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }

  .sect_title {
    font-size: 32px;
  }

  .wrap_comments {
    padding: 0 16px 48px 16px;
    overflow: hidden;
  }

  .wrap_comments .sect_header {
    align-items: flex-start;
    flex-wrap: nowrap;
  }

  .wrap_comments .sect_title {
    font-size: 28px;
    max-width: calc(100% - 156px);
  }

  .wrap_comments .swiper {
    width: 150%;
  }

  .blogger_items {
    padding: 20px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }

  .wrap_faq {
    padding: 0 16px 48px 16px;
  }

  .collapse_row {
    margin-bottom: 16px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }

  .collapse_btn {
    padding: 24px 68px 24px 20px;
    font-size: 20px;
  }

  .collapse_btn::before {
    top: 18px;
    right: 20px;
  }

  .collapse_content {
    padding: 0 20px 24px 20px;
  }

  .more_item {
    justify-content: flex-start;
  }

  /* Form Page */
}