@charset "UTF-8";
*,
*::before,
*::after {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  scroll-behavior: smooth;
}
#otpModal.modal {
    z-index: 1051;
}

button {
  outline: none;
}

button:focus {
  outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*** 
====================================================================
    Global Settings
====================================================================
***/
body {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #000;
  line-height: 1.3;
  font-weight: 400;
  background: #fff;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

body.active {
  overflow: hidden;
}

a {
  text-decoration: none;
  color: #fff!important;
}

#galleryModal, #otpModal, #chatModal {
  z-index: 1060 !important; 
}

.modal {
    z-index: 1060 !important;
}

.modal-backdrop {
    z-index: 1059 !important;
}

.modal-backdrop {
  z-index: 1059 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.3;
}

/* Typography */
h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.75rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

p {
  position: relative;
  line-height: 1.3;
}

.auto_container {
  position: relative;
  max-width: 93.75rem;
  padding: 0rem 2.5rem;
  margin: 0 auto;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

/* width */
::-webkit-scrollbar {
  width: 0.5rem;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff;
  border: 1px solid #DFDFDF;
  border-radius: 0.625rem;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #DFDFDF;
  border-radius: 0.625rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #DFDFDF;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  /* width: calc(100% - 5rem); */
  width: -webkit-fill-available;
  z-index: 20;
  display: block;
  background: #fff;
  padding: 0.625rem 2.5rem;
  -webkit-box-shadow: 0px 1px 5px #bebebe;
          box-shadow: 0px 1px 5px #bebebe;
}
.header_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header_logo {
  width: 4.5625rem;
  height: 4.5625rem;
  display: block;
}
.header_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.header .nav {
  margin: 0 1.25rem 0 3.75rem;
}
.header .nav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .nav_item {
  display: block;
  margin-right: 1.5rem;
}
.header .nav_item:last-child {
  margin-right: 0;
}
.header .nav_link {
  display: block;
  position: relative;
  color:black!important;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.3;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
}
.header .nav_link:hover {
  color: #0666fe;
}
.header .nav_link:hover::before {
  width: 90%;
}
.header .nav_link::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  -moz-ransform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: #0666fe;
  border-radius: 0.3125rem;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
}
.header .nav_link.active {
  color: #0666fe;
}
.header .nav_link.active::before {
  width: 90%;
}
.header_notification {
  margin: 0 10px 0 auto;
  position: relative;
  display: block;
  width: 26px;
}
.header_notification svg,
.header_notification img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  display: block;
}
.header_notification.active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #FF0000;
}
.header_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
.header_burger {
  cursor: pointer;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.625rem 0.9375rem;
  background: #0666fe;
  color: #fff;
  border-radius: 10px;
}
.header_burger p {
  font-size: 0.875rem;
  font-weight: 400;
  margin-right: 10px;
}
.header_burger span {
  display: block;
  width: 26px;
  height: 26px;
}
.header_burger span svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.header .mobile_logo {
  display: none;
}
.header_placeholder {
  height: 100px;
  display: block;
}

.custom-select select {
  display: none;
}

.custom-select {
  position: relative;
}

.select-selected {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  padding: 10px 40px 10px 20px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ced4da;
}
.select-selected.select-arrow-active {
  border-bottom: none;
  border: 4px 4px 0 0;
}
.select-selected.select-arrow-active:after {
  -webkit-transform: translateY(-50%) rotate(225deg);
          transform: translateY(-50%) rotate(225deg);
}
.select-selected::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: 20px;
  width: 8px;
  height: 8px;
  z-index: 4;
  border-bottom: 1.5px solid #868686;
  border-right: 1.5px solid #868686;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
}

.

.select-items {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 99;
  cursor: pointer;
  -webkit-animation-name: select;
          animation-name: select;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  background: #fff;
  max-height: 180px;
  overflow-y: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
}
.select-items div {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: black;
  padding: 10px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  background-color: rgba(200, 200, 200, 0.5);
  border: 1px solid #EDEDED;
  border-radius: 4px;
  margin-bottom: 2px;
  width: unset !important;
  min-width: calc(100% - 22px);
}
.select-items div:last-child {
  margin-bottom: 0;
}
.select-items div:hover {
  border: 1px solid #EDEDED;
}
.select-items::-webkit-scrollbar {
  width: 10px;
}
.select-items::-webkit-scrollbar-track {
  background: #ededed;
  border-radius: 10px;
}
.select-items::-webkit-scrollbar-thumb {
  background: #aeaeae;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgba(250, 250, 250, 0.5);
}

.footer {
  position: relative;
  background: #000;
  padding: 2.5rem 0;
  margin: auto 0 0 auto;
  width: calc(100% - 301px);
}
.footer.w100 {
  width: 100%;
}
.footer_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer_nav {
  margin-right: 10px;
}
.footer_nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer_nav li {
  margin-right: 1.25rem;
}
.footer_nav a,
.footer_nav p {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  color: #FFFFFF;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  position: relative;
}
.footer_nav a:before,
.footer_nav p:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 2px;
  border-radius: 5px;
  background: #fff;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
}
.footer_nav a:hover::before {
  width: 100%;
}
.footer_media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer_media li {
  display: block;
  margin-right: 2.5rem;
}
.footer_media li:last-child {
  margin-right: 0;
}
.footer_media li a {
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
}
.footer_media li a svg,
.footer_media li a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}

.home {
  position: relative;
  display: block;
  width: 100%;
}
.home .alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.625rem 0.9375rem;
  width: calc(100% - 1.875rem);
  background: #D9D9D9;
  font-weight: 600;
  font-size: 0.75rem;
}
.home .alert span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.home .alert span svg,
.home .alert span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.home .alert a {
  font-weight: 400;
  font-size: 0.75rem;
  text-decoration-line: underline;
  color: #0666fe;
  display: inline-block;
  margin-left: 10px;
}
.home_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #F0F0F0;
}
.home .profile_inner {
  padding: 0.75rem 1.25rem;
  width: calc(100% - 27.5rem);
}
.home .profile_inner-header {
  background: #fff;
  margin: 1.25rem 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.home .profile_aside {
  margin-top: 5px;
}
.home_story {
  padding: 0.9375rem 0;
}
.home_story-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.home_story-header h6 {
  font-weight: 500;
  font-size: 1rem;
}
.home_story-header a {
  font-weight: 500;
  font-size: 1rem;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
}
.home_story-header a:hover {
  color: #0666fe;
  text-decoration: underline;
}
.home_story-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.home_story-box::-webkit-scrollbar {
  display: none;
}
.home_story-item {
  position: relative;
  overflow: hidden !important;
}
.home_story-item-user {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  border-radius: 3px solid #0666fe;
}
.home_story-item-user img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  border-radius: 50%;
}
.home_story-item-photo {
  width: 100%;
  height: 240px;
  border-radius: 15px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home_story-item-photo img,
.home_story-item-photo video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.home_rooms {
  background: #fff;
  padding: 1.25rem;
}
.home_rooms-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
.home_rooms-header h6 {
  font-weight: 600;
  font-size: 0.875rem;
  color: #0666fe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home_rooms-header h6 span {
  display: inline-block;
  margin-left: 10px;
  color: #000;
}
.home_rooms-header a {
  font-weight: 600;
  font-size: 0.875rem;
  color: #0666fe;
}
.home_rooms-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  overflow-x: auto;
}
.home_rooms-box::-webkit-scrollbar {
  display: none;
}
.home_rooms-item {
  display: block;
  position: relative;
  height: 90px;
}
.home_rooms-item::before {
  content: "";
  position: absolute;
  top: 5px;
  right: 14px;
  width: 15px;
  height: 15px;
  background: url("../images/svg/video.svg") no-repeat center;
  background-size: contain;
}
.home_rooms-item::after {
  content: "";
  position: absolute;
  bottom: 20px;
  right: 15px;
  width: 10px;
  height: 10px;
  background: #00A825;
  border-radius: 50%;
}
.home_rooms-item img,
.home_rooms-item svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  border-radius: 50%;
}
.home_post {
  background: #fff;
  padding: 0.9375rem;
  margin-top: 1.25rem;
}
.home_post .gatsby_item {
  margin: 10px auto 20px;
}

.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 301px);
  margin: 93px 0 0 auto;
}
.main.w100 {
  width: 100%;
  margin-left: 0;
}
.main .sidebar {
  width: 18.75rem;
  position: fixed;
  top: 93px;
  left: 0;
  min-height: 100vh;
  border-right: 1px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main .sidebarqq {
  width: 18.75rem;
  position: fixed;
  top: 93px;
  left: 0;
  min-height: 100vh;
  border-right: 1px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main .sidebar_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  min-height: calc(100vh - 93px);
}
.main .sidebar_title {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.3;
  color: #FFFFFF;
  background: #0666fe;
  padding: 0.875rem 2.5rem;
}
.main .sidebar_nav {
  position: absolute;
  top: 60px;
  height: calc(100% - 178px);
  width: 100%;
  overflow-y: auto;
  z-index: 1;
}
.main .sidebar_nav li a {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.3;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  padding: 0.875rem 2.5rem;
  display: block;
  position: relative;
  z-index: 2;
  text-decoration: none;
  color: #000!important;
  overflow: hidden;
  -webkit-transition: color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: color 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.main .sidebar_nav li a::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -moz-ransform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 20px;
  width: 5px;
  height: 60%;
  background: #0666fe;
  border-radius: 5px;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
}
.main .sidebar_nav li a:hover {
  color: #0666fe;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 255, 0.2);
          box-shadow: 0 4px 10px rgba(0, 0, 255, 0.2);
}
.main .sidebar_nav li a:hover::before {
  opacity: 1;
}
.main .sidebar_nav li a.active {
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 255, 0.2);
          box-shadow: 0 4px 10px rgba(0, 0, 255, 0.2);
}
.main .sidebar_nav li a.active::before {
  opacity: 1;
}
.main .sidebar_links {
  margin: auto 0 0;
  padding-top: 0.9375rem;
  background: #fff;
  z-index: 5;
}
.main .sidebar_links li a {
    color:black!important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.875rem 2.5rem;
  overflow: hidden;
  -webkit-transition: color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: color 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.main .sidebar_links li a:hover {
  color: #0666fe;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 255, 0.2);
          box-shadow: 0 4px 10px rgba(0, 0, 255, 0.2);
}
.main .sidebar_links li a p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
}
.main .sidebar_links li a span {
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 15px;
  color:black!important;
}
.main .sidebar_links li a span svg,
.main .sidebar_links li a span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.main .sidebar .menu {
  position: absolute;
  top: 60px;
  height: calc(100% - 272px);
  width: 100%;
  overflow-y: auto;
  z-index: 1;
}
.main .sidebar .menu li a {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.3;
  display: block;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  padding: 0.9375rem 1.875rem;
  background: rgba(173, 173, 246, 0.7);
  border-bottom: 1px solid #86868F;
  color:black!important;
}
.main .sidebar .menu li a:hover {
  background: #fff;
}
.main .sidebar .menu li a:hover p {
  opacity: 1;
}
.main .sidebar .menu li a p {
  opacity: 0.5;
}
.main .sidebar .menu li a p.active {
  opacity: 1;
}
.main .sidebarqq .menu {
  position: absolute;
  top: 60px;
  height: calc(100% - 272px);
  width: 100%;
  overflow-y: auto;
  z-index: 1;
}
.main .sidebarqq .menu li a {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.3;
  display: block;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  padding: 0.9375rem 1.875rem;
  background: rgba(173, 173, 246, 0.7);
  border-bottom: 1px solid #86868F;
}
.main .sidebarqq .menu li a:hover {
  background: #fff;
}
.main .sidebarqq .menu li a:hover p {
  opacity: 1;
}
.main .sidebarqq .menu li a p {
  opacity: 0.5;
}
.main .sidebarqq .menu li a p.active {
  opacity: 1;
}

/*
** Media buttons styles (Wink, Add friend, Message)
*/

/* .profile-actions-bar {
      display: flex;
      justify-content: space-around; 
      padding: 10px 5px;
      border-top: 1px solid lightgrey;
      background: aliceblue;
  } */

  /* .profile-action-btn {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-decoration: none;
      color: #0666fe;
      font-size: 0.8rem;
      font-weight: 600;
  } */

  /* .profile-action-btn i {
      font-size: 1.5rem;
      color: blueviolet;
      margin-bottom: 5px;
  } */

.main .box {
  padding: 2.5rem;
  width: 100%;
  max-width: 68.75rem;
  margin: 0 auto;
  z-index: 2;
}
.main .user_photo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.25rem;
  width: 15.625rem;
  height: 15.625rem;
  margin: auto;
}
.main .user_photo input[type=file] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.main .user_photo label {
  display: block;
  position: absolute;
  right: 3.125rem;
  bottom: 2.5rem;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.main .user_photo label:hover {
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 255, 0.2);
          box-shadow: 0 4px 10px rgba(0, 0, 255, 0.2);
}
.main .user_photo img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 4px solid #0C0263;
}
.main .user_photo img.show {
  display: block;
}

.side_links {
  display: none;
}

.side_linksqq {
  display: none;
}

.bg-logo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -moz-ransform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 80%;
  height: 80%;
  min-height: 80vh;
  pointer-events: none;
}
.bg-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  pointer-events: none;
  -o-object-position: top;
     object-position: top;
}

.pag {
  margin: 6.25rem auto;
}
.pag ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pag li {
  margin-right: 0.625rem;
}
.pag li:last-child {
  margin-right: 0;
}
.pag_item {
  width: 2.8125rem;
  height: 2.8125rem;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #D1D1D1;
  border: 1.5px solid #DFE3E8;
  border-radius: 6px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  font-size: 1.1875rem;
  line-height: 1.3;
  text-align: center;
}
.pag_item.active, .pag_item:hover:not(p) {
  border-color: #0666fe;
  color: #0666fe;
}
.pag button {
  cursor: pointer;
}
.pag button:disabled, .pag button.disables {
  cursor: default !important;
}
.pag button:disabled:hover, .pag button.disables:hover {
  border-color: #919EAB;
}
.pag_arrow {
  background: #0666fe;
}
.pag_arrow svg {
  display: block;
  width: 50%;
  height: 50%;
  object-fit: contain;
  -o-object-fit: contain;
}
.pag_arrow.disabled, .pag_arrow:disabled {
  background: #919EAB;
}
.pag_arrow.disabled path, .pag_arrow:disabled path {
  fill: #C4CDD5;
}

.checkboxes {
  margin-top: 1.25rem;
}
.checkboxes.d-flex {
  gap: 0 20px;
}
.checkboxes_title {
  display: block;
  width: 100%;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.3;
  margin-bottom: 1.25rem;
}
.checkboxes_item {
  display: block;
  margin-bottom: 2.5rem;
}
.checkboxes_item input[type=checkbox] {
  display: none;
}
.checkboxes_item input[type=checkbox]:checked ~ .check_label::before {
  background: #E6F3FF;
}
.checkboxes_item input[type=checkbox]:checked ~ .check_label::after {
  opacity: 1;
}
.checkboxes_item label {
  display: block;
  cursor: pointer;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.3;
  position: relative;
  padding-left: 40px;
}
.checkboxes_item label span {
  font-size: 0.875rem;
  font-weight: 500;
}
.checkboxes_item label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -moz-ransform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border: 1px solid #3398FF;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
}
.checkboxes_item label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%);
  -moz-ransform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("../images/svg/tick.svg") no-repeat center;
  background-size: contain;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
}

.inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 1;
  margin-top: 15px;
  gap: 1.25rem;
}
.inputs_item {
  width: calc(50% - 2.5rem);
  max-width: 27.5rem;
  margin: 0.625rem 0;
}
.inputs_item.message {
  width: 60%;
  max-width: 42.5rem;
}
.inputs_item .select2 {
  background: #BBBBF3 !important;
}
.inputs_item label {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.inputs_item input,
.inputs_item textarea {
  width: calc(100% - 1.5rem);
  padding: 0.75rem;
  background: rgba(0, 0, 255, 0.22);
  border-radius: 7px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.3;
}
.inputs_item input::-webkit-input-placeholder, .inputs_item textarea::-webkit-input-placeholder {
  color: #000;
}
.inputs_item input::-moz-placeholder, .inputs_item textarea::-moz-placeholder {
  color: #000;
}
.inputs_item input:-ms-input-placeholder, .inputs_item textarea:-ms-input-placeholder {
  color: #000;
}
.inputs_item input::-ms-input-placeholder, .inputs_item textarea::-ms-input-placeholder {
  color: #000;
}
.inputs_item input::placeholder,
.inputs_item textarea::placeholder {
  color: #000;
}
.inputs_item textarea {
  height: 180px;
  resize: none;
}
.inputs_item .custom-select {
  margin-left: 0 !important;
}
.inputs_item .select-selected {
  background: rgba(0, 0, 255, 0.22) !important;
  border-radius: 7px;
  font-weight: 600;
  font-size: 1.25rem !important;
  line-height: 1.3;
  color: #000 !important;
  padding: 0.625rem 2.5rem 0.625rem 0.625rem !important;
}
.inputs_item .select-selected::after {
  border-color: #828282 !important;
}
.inputs_item .select-items div {
  background: rgba(0, 0, 255, 0.22);
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3;
}
.inputs_item span {
  display: block;
  margin-right: 0.625rem;
}

.line {
  display: block;
  width: 100%;
  height: 2px;
  background: #0666fe;
  margin: 1.875rem 0;
}

.form {
  margin-top: 1.25rem;
  max-width: 62.5rem;
}

@-webkit-keyframes tabs {
  from {
    opacity: 0;
    top: 20px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}

@keyframes tabs {
  from {
    opacity: 0;
    top: 20px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.select {
  position: relative;
  margin-bottom: 15px;
  width: 250px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.select .selectBtn {
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.select .selectBtn:after {
  content: "";
  position: absolute;
  top: 45%;
  right: 15px;
  width: 6px;
  height: 6px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.select .selectBtn span {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 0.625rem;
}
.select .selectBtn span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.select.toggle {
  border-radius: 3px 3px 0 0;
}
.select.toggle:after {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
}
.select .selectDropdown {
  position: absolute;
  top: 100%;
  width: 100%;
  border-radius: 0 0 3px 3px;
  border-top: 1px solid #eee;
  background: #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  visibility: hidden;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  height: 150px;
  overflow-y: auto;
}
.select .selectDropdown.toggle {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.select .option {
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.select .option span {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 0.625rem;
}
.select .option span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.select .option:hover {
  background: #f8f8f8;
}

.country {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.country .select2 {
  margin-bottom: 1.25rem;
}

.select2 {
  margin-bottom: 1.25rem;
  max-width: 26.875rem;
}
.select2 span {
  margin-right: 0 !important;
}
.select2-selection {
  padding: 0.875rem;
  display: block;
  height: unset !important;
  background: #D7D7D7 !important;
  border-radius: 8px;
  border: none !important;
}
.select2-selection__rendered span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.select2-selection__rendered span img {
  margin-right: 10px;
}
.select2-selection__arrow {
  top: 50% !important;
  right: 10px !important;
  height: unset !important;
  transform: translateY(-50%);
  -moz-ransform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.select2-selection__arrow b {
  border: none !important;
  margin: 0 !important;
  position: initial !important;
  top: unset !important;
  left: unset !important;
  width: 100% !important;
  height: 100% !important;
}
.select2-selection__arrow b::before {
  content: url("../images/svg/arrow-down.svg");
  width: 10px;
  height: 10px;
}

.notifications_box {
  margin-top: 2.5rem;
}
.notifications_item {
  padding: 0.625rem;
  border-bottom: 1px solid #0666fe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
}
.notifications_item:hover {
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 255, 0.2);
          box-shadow: 0 4px 10px rgba(0, 0, 255, 0.2);
}
.notifications_item-title {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.3;
  color: #0666fe;
}
.notifications_item-link {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3;
  color: #0666fe!important;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  padding: 10px;
  border-radius: 5px;
}
.notifications_item-link:hover {
  background: #0666fe;
  color: #fff!important;
}
.notifications_item-link:hover::after {
  width: 0;
  height: 0;
}
.notifications_item-link::after {
  content: "";
  display: block;
  margin-left: 15px;
  width: 18px;
  height: 18px;
  /* background: url("../images/svg/arrow-right.svg") no-repeat center; */
  background-size: contain;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
}

.gallery_box {
  margin-top: 2.5rem;
}
.gallery_filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  z-index: 1;
}
.gallery_filter-input label {
  font-weight: 500;
  font-size: 1.0625rem;
  line-height: 1.3;
  margin-bottom: 5px;
  display: block;
}
.gallery_filter-input .custom-select {
  min-width: 12.5rem;
}
.gallery_filter-input .select-selected {
  min-width: 12.5rem;
}
.gallery_filter-btn {
  font-weight: 500;
  font-size: 1.0625rem;
  line-height: 1.3;
  color: #FFFFFF;
  padding: 10px;
  border-radius: 5px;
  width: 100px;
  margin-bottom: 2px;
  margin-left: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  background: #0666fe;
}
.gallery_filter .select2-container--default .select2-selection--single {
  border-radius: 7px !important;
  padding: 0.5rem;
}
.gallery_filter .select2 {
  margin-bottom: 0;
  min-width: 300px;
}
.gallery_subtitle {
  font-weight: 500;
  font-size: 1.3125rem;
  line-height: 1.3;
  margin: 1.875rem 0 2.5rem;
}
.gallery_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
.gallery_item {
  width: 33.33%;
  text-align: center;
  height: max-content;
}
.gallery_item-photo {
  margin-bottom: 0.9375rem;
}
.gallery_item h4,
.gallery_item p {
  font-weight: 500;
  font-size: 1.1875rem;
  line-height: 1.3;
  margin-bottom: 5px;
}

.friends_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 3px solid #0666fe;
}
.friends_tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.25rem;
}
.friends_tabs-title {
  font-weight: 800;
  font-size: 1.5rem;
  line-height: 1.3;
  text-align: center;
  color: #FFFAF9;
  background: #9F9F9F;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  width: 50%;
  cursor: pointer;
  padding: 0.625rem;
}
.friends_tabs-title.active {
  color: #fff;
  background: #0666fe;
}
.friends_tabs-info {
  display: none;
  position: relative;
  -webkit-animation: tabs 0.2s linear;
          animation: tabs 0.2s linear;
}
.friends_tabs-info.active {
  display: block;
}
.friends_box {
  margin-top: 2.5rem;
}
.friends_title {
  font-weight: 800;
  font-size: 2rem;
  line-height: 48px;
}
.friends_title span {
  font-size: 1rem;
}
.friends_btn {
  font-weight: 800;
  font-size: 1.125rem;
  width: 12.5rem;
  border-radius: 0.3125rem;
  line-height: 1.3;
  text-align: center;
  color: #FFFAF9;
  background: #0666fe;
  padding: 0.75rem;
  cursor: pointer;
}
.friends_item {
  border: 1px solid #0666fe;
  border-radius: 1.125rem;
  padding: 2.5rem;
  margin-bottom: 0.9375rem;
}
.friends_item:last-child {
  margin-bottom: 0;
}
.friends_item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.friends_item-photo {
  min-width: 12.5rem;
  height: 12.5rem;
  display: block;
  border-radius: 50%;
  background: #C7C7C7;
  overflow: hidden;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.friends_item-photo img,
.friends_item-photo svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  display: block;
}
.friends_item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.friends_item-row a {
  color: #000!important;
}
.friends_item-row span {
  display: block;
  margin-left: 0.4375rem;
  width: 18px;
  height: 18px;
}
.friends_item-row span img,
.friends_item-row span svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  display: block;
}
.friends_item-title {
  font-weight: 800;
  font-size: 1.125rem;
  line-height: 28px;
  margin-right: 0.625rem;
}
.friends_item-txt {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 28px;
  margin: 5px 0;
}
.friends_item-subtxt {
  font-weight: 275;
  font-size: 0.875rem;
  line-height: 22px;
}
.friends_item-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.friends_item-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 1.25rem;
}
.friends_item-group:last-child {
  margin-right: 0;
}
.friends_item-group span {
  display: block;
  margin-right: 7px;
  width: 1rem;
  height: 1rem;
}
.friends_item-group span img,
.friends_item-group span svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.friends_item-group p {
  font-weight: 800;
  font-size: 1.125rem;
  line-height: 28px;
}
.friends_item-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  border-radius: 5px;
  background: #0666fe;
  width: 200px;
  padding: 0.75rem;
  margin: 0 0 0 auto;
}
.friends_item-btn p {
  font-weight: 800;
  font-size: 1.125rem;
  line-height: 28px;
  color: #FFFAF9;
  margin-right: 10px;
}
.friends_item-btn span {
  display: block;
  width: 17px;
  height: 15px;
}
.friends_item-btn span img,
.friends_item-btn span svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  display: block;
}
.friends_item-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 10px auto;
  background-color: transparent;
  cursor: pointer;
}
.friends_item-delete span {
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 10px;
}
.friends_item-delete span img,
.friends_item-delete span svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  display: block;
}
.friends_item-delete p {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.3;
  color: #FF0000;
}

.meet_box {
  margin-top: 2.5rem;
}
.meet_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.3;
}
.meet_title span {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.meet_title span svg,
.meet_title span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  display: block;
}
.meet_txt {
  margin: 1.25rem 0;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.3;
}
.meet_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.meet .custom-select {
  margin-left: 10px;
}
.meet .select-selected {
  background: #989898;
  color: #fff;
  padding: 7px 40px 7px 10px;
  font-size: 0.8125rem;
}
.meet .select-selected::after {
  border-color: #fff;
  width: 6px;
  height: 6px;
}
.meet_btn {
  margin-top: 1.875rem;
  font-weight: 800;
  font-size: 1.125rem;
  line-height: 1.3;
  text-align: center;
  color: #FFFAF9;
  display: block;
  background: #0666fe;
  padding: 0.75rem;
  width: 270px;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  border: 1px solid #0666fe;
}
.meet_btn:hover {
  background-color: transparent;
  color: #0666fe!important;
  text-decoration: none;
}
.meet_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0.9375rem;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  padding: 0.625rem;
  border-radius: 7px;
}
.meet_link:hover {
  background: #0666fe;
}
.meet_link:hover p {
  color: #fff;
}
.meet_link:hover path {
  fill: #fff;
}
.meet_link span {
  width: 22px;
  height: 22px;
  display: block;
  margin-right: 15px;
}
.meet_link span svg,
.meet_link span img {
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.meet_link p {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.3;
  color: rgba(0, 0, 255, 0.48);
  border-bottom: 2px solid rgba(0, 0, 255, 0.48);
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  width: calc(100% - 22px);
}

.forum {
  position: relative;
  margin-bottom: 2.5rem;
  margin-top: 93px;
  padding: 1.875rem 0;
}
.forum_wrap {
  position: relative;
}
.forum_links {
  display: block;
}
.forum_links span {
  width: 19px;
  height: 19px;
  display: block;
  margin-right: 10px;
}
.forum_links span svg,
.forum_links span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.forum_links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #0666fe;
  border: 1px solid #000;
  padding: 0.625rem 1.875rem;
}
.forum_links a p {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #FFFFFF;
}

.forum-avatar{
  width: 80px;  /* Or whatever size you want */
  height: 80px; /* Must be the same as width */
  object-fit: cover;
}

.forum_title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.3;
  margin: 1.25rem 0;
}
.forum_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.5625rem 1.25rem;
  margin-bottom: 1.875rem;
  background: rgba(215, 226, 239, 0.6);
  -webkit-box-shadow: 0px 4.98677px 3.98942px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4.98677px 3.98942px rgba(0, 0, 0, 0.25);
}
.forum_item:last-child {
  margin-bottom: 0;
}
.forum_item .group {
  width: 100%;
}
.forum_item-title {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.3;
  color: #0666fe;
  margin-bottom: 0.625rem;
}
.forum_item p,
.forum_item a {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.3;
  margin-bottom: 5px;
  color:black!important;
}
.forum_item p .blue,
.forum_item a .blue {
  color: #0666fe;
}
.forum_item a {
  color: #0666fe!important;
  display: block;
}
.forum_item-row a {
  display: inline-block;
}
.forum_item-row p {
  margin: 0;
  display: inline-block;
}
.forum_item-reply p {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.3;
}
.forum_item-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.forum_item-name {
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.3;
  color: #0666fe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.forum_item-name span {
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 0.625rem;
}
.forum_item-name span svg,
.forum_item-name span img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.forum_item-time {
  font-weight: 500;
  font-size: 0.6875rem;
  line-height: 1.3;
}
.forum_item-photo {
  width: 45px;
  height: 45px;
  display: block;
  margin-right: 0.625rem;
}
.forum_item-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.forum_item-txt {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  margin: 0.9375rem 0;
  max-width: 700px;
}
.forum_item-report {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}
.forum_item-report span {
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 5px;
}
.forum_item-report span img,
.forum_item-report span svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.forum_item-report p {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #9c0707!important;
}

.forum_item-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 10px;
  margin-top: 30px;
}
.forum_item-buttons button {
  display: block;
  width: 33.33%;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #0666fe;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  padding: 0.625rem;
  cursor: pointer;
  background: #fff;
  border-radius: 6px;
}
.forum_item-buttons button:hover {
  color: #fff;
  background: #0666fe;
}
.forum-search-list h6{
  color:#000!important;
}
.forum-search-card {
    border-radius: 8px;
    background: rgba(215, 226, 239, 0.6) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.2s ease-in-out;
    border: 1px solid #e9ecef;
}

.forum-search-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.forum-search-card .card-title {
    color: #0d6efd;
    font-weight: 600;
}

.comment-form-wrapper {
    display: flex;
    flex-direction: column;
}

.comment-preview {
    display: none;
    padding: 15px;
    margin-bottom: 10px;
    border: 1px dashed #ccc;
    border-radius: 5px;
    background: #f8f9fa;
    min-height: 80px;
    white-space: pre-wrap;
}

.quoted-text {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    padding: 10px;
    background: #f0f0f0;
    border-radius: 5px;
    border-left: 4px solid #0d6efd;
}

.quoted-text i {
    font-size: 2rem!important;
    color: #0d6efd!important;
    margin-right: 10px!important;
    line-height: 1!important;
    font-weight: 800 !important;
}

.quoted-text span {
    font-style: italic;
    color: #333;
    font-size: 1rem;
    padding-top: 5px;
    white-space: pre-wrap; 
}

.comment-form-wrapper button {
    align-self: flex-end;
    margin-top: 10px;
    width: 100px;
}

.btn-group > #emoji-trigger-btn,
.btn-group > #preview-btn {
    width: 35px;
    height: 31px;
    padding: 0;
    
    display: inline-flex;
    justify-content: center;
    align-items: center;
    
    font-size: 0.875rem;
    line-height: 1.5;
}

.custom-textarea-btn{
  display: inline!important;

}

.custom-text-area {
  color: #fff!important;
  font-weight: 800!important;
}

.custom-text-area::placeholder {
  color: #fff!important;
  font-weight: 800!important;
}

#preview-btn.active {
    background-color: #6c757d;
    color: #fff;
}

.emoji-picker-widget {
    position: absolute;
    bottom: 5px; 
    right: 5px; 
    z-index: 100;
    display: none;
}

#emoji-trigger-btn {
    font-size: 1.1rem;
    padding: 5px 10px;
}

.chat {
  position: relative;
  display: block;
  overflow: hidden;
  margin-top: 93px;
}
.chat_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 93px);
}
.chat_aside {
  position: relative;
  background: #F6F6F6;
  width: 20.625rem;
}
.chat_aside-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 3.125rem;
}
.chat_aside-user-photo {
  width: 160px;
  height: 160px;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 1rem;
}
.chat_aside-user-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.chat_aside-user-name {
  font-weight: 500;
  font-size: 1.5625rem;
  line-height: 1.3;
  color: #757575;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chat_aside-user-name span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.625rem;
}
.chat_aside-user-name span svg,
.chat_aside-user-name span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  margin-left: 0.3125rem;
  display: block;
}
.chat_aside-nav {
  padding-bottom: 2.5rem;
}
.chat_aside-nav-title {
  background: #0666fe;
  -webkit-box-shadow: 0px 5px 15px #004692;
          box-shadow: 0px 5px 15px #004692;
  border-radius: 0px 40px 40px 20px;
  font-weight: 500;
  font-size: 1.5625rem;
  line-height: 1.3;
  color: #FFFFFF;
  padding: 0.625rem;
  margin: 3.125rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 13.75rem;
  border-radius: 0 40px 40px 20px;
}
.chat_aside-nav-title span {
  margin-right: 10px;
  display: block;
  width: 24px;
  height: 25px;
}
.chat_aside-nav-title span svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.chat_aside-nav-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.9375rem 1.875rem;
  opacity: 0.5;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
}
.chat_aside-nav-list a.active {
  opacity: 1;
}
.chat_aside-nav-list a:hover {
  opacity: 1;
  background: #0666fe;
  color: #fff;
}
.chat_aside-nav-list a:hover path,
.chat_aside-nav-list a:hover g {
  fill: #fff;
}
.chat_aside-nav-list a p {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 0.13;
}
.chat_aside-nav-list a span {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 0.625rem;
}
.chat_aside-nav-list a span svg,
.chat_aside-nav-list a span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.chat_message {
  width: 31.25rem;
  background: #DDDDDD;
  padding: 1.25rem;
  min-height: calc(100vh - 133px);
  overflow-y: auto;
}
.chat_message::-webkit-scrollbar {
  display: none;
}
.chat_message-title {
  font-weight: 500;
  font-size: 1.5625rem;
  line-height: 1.3;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  color: #0666fe;
  margin-bottom: 2.5rem;
}
.chat_message-item {
  padding: 0.9375rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.9375rem;
  border-radius: 5px;
  position: relative;
}
.chat_message-item:last-child {
  margin-bottom: 0;
}
.chat_message-item.active {
  background: #0666fe;
}
.chat_message-item.active h6,
.chat_message-item.active p {
  color: #fff;
}
.chat_message-item.active .new_message {
  color: #0666fe;
  background: #fff;
}
.chat_message-item-photo {
  width: 5rem;
  height: 5rem;
  display: block;
  margin-right: 0.9375rem;
}
.chat_message-item-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.chat_message-item-info {
  width: calc(100% - 5.9375rem);
}
.chat_message-item h6 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.3;
  color: #0666fe;
  margin-bottom: 5px;
  width: calc(100% - 40px);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat_message-item p {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3;
  color: #002046;
}
.chat_message-item .new_message {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 26px;
  color: #fff;
  background: #0666fe;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.8125rem;
  line-height: 1.3;
  font-weight: 500;
}
.chat_box {
  width: calc(100% - 51.875rem);
  background: #D4D4D4;
  position: relative;
}
.chat_box-header {
  background: #F6F6F6;
  padding: 0.625rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.chat_box-header-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chat_box-header-photo {
  width: 80px;
  height: 80px;
  display: block;
  margin-right: 0.625rem;
  border-radius: 50%;
  overflow: hidden;
}
.chat_box-header-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.chat_box-header h6 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3;
  color: #002046;
}
.chat_box-header p {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.3;
  color: #58677A;
  margin-top: 5px;
}
.chat_box-header-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chat_box-header-group a {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.chat_box-header-group a:hover path {
  fill: #0666fe;
}
.chat_box-header-group a:last-child {
  margin-right: 0;
}
.chat_box-header-group a img,
.chat_box-header-group a svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  display: block;
}
.chat_box-header-group a path {
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
}
.chat_box-inner {
  overflow-y: auto;
  padding: 0.625rem 1.875rem;
  height: calc(100vh - 280px);
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  scroll-behavior: unset;
}
.chat_box-inner::-webkit-scrollbar {
  display: none;
}
.chat_box .friend_message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.25rem;
  width: 100%;
}
.chat_box .friend_photo {
  width: 70px;
  height: 70px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
}
.chat_box .friend_photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.chat_box .friend_message p {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.3;
  color: #FFFFFF;
  padding: 0.75rem 0.9375rem;
  margin-bottom: 5px;
  background: #0666fe;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0 10px 10px;
}
.chat_box .friend_message p:last-child {
  margin-bottom: 0;
}
.chat_box .my_message {
  margin-bottom: 1.25rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.chat_box .my_message p {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.3;
  color: #FFFFFF;
  padding: 0.75rem 0.9375rem;
  margin-bottom: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #757575;
  border-radius: 10px 10px 0 10px;
}
.chat_box .my_message p:last-child {
  margin-bottom: 0;
}
.chat_box .date {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.3;
  color: #FFFFFF;
  margin: 10px auto;
  background: #002F67;
  border-radius: 40px;
  display: inline-block;
  padding: 5px 12px;
}
.chat_box-form {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
}
.chat_box-input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 20px;
}
.chat_box-input .file_input input {
  display: none;
}
.chat_box-input .file_input label {
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: block;
}
.chat_box-input .file_input label svg,
.chat_box-input .file_input label img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  display: block;
}
.chat_box-input input {
  padding: 10px;
  width: calc(100% - 20px);
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3;
}
.chat_box-input input::-webkit-input-placeholder {
  color: #A6ADB5;
}
.chat_box-input input::-moz-placeholder {
  color: #A6ADB5;
}
.chat_box-input input:-ms-input-placeholder {
  color: #A6ADB5;
}
.chat_box-input input::-ms-input-placeholder {
  color: #A6ADB5;
}
.chat_box-input input::placeholder {
  color: #A6ADB5;
}
.chat_box button {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 20px;
  background-color: transparent;
  cursor: pointer;
}
.chat_box button:last-child {
  margin-right: 0;
}
.chat_box button img,
.chat_box button svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.chat_open {
  width: 18px;
  height: 30px;
  cursor: pointer;
  display: none;
}
.chat_open svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.chat .hour {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.13;
  display: block;
  margin-top: 0.625rem;
}
.chat .load_more {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: unset;
  padding: 0.9375rem 1.5625rem;
  margin: 0.9375rem 0;
  border-radius: 10px;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  background: #0666fe;
  color: #fff;
}
.chat .load_more:hover {
  border-color: #0666fe;
  background-color: transparent;
  color: #0666fe;
}
.chat .mobile_menu-btn {
  display: none;
}

.sign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.sign_aside {
  width: 22.5rem;
  min-height: calc(100vh - 12.75rem);
  position: relative;
  border-right: 1px solid #000000;
}
.sign_aside-form {
  margin-bottom: 1.875rem;
}

.invalid-feedback {
    display: none!important;
    width: 100%!important;
    margin-top: .25rem!important;
    font-size: .875em!important;
    color: #dc3545!important;
}

.invalid-feedback.oc-visible {
    display: block !important;
}
.form-group.has-error input,
.form-group.has-error select,
.form-group.has-error textarea {
    border-color: #dc3545;
}

.sign_aside-title {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.3;
  color: #ffffff;
  background: #0666fe;
  padding: 0.875rem 1.25rem;
  margin-bottom: 1.25rem;
}
.sign_aside-input {
  display: block;
  position: relative;
  margin-bottom: 0.625rem;
}
.sign_aside-input label {
  display: block;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3;
}
.sign_aside-input input {
  width: calc(100% - 21px);
  padding: 10px;
  font-weight: 400;
  font-size: 0.875rem;
  font-family: "Poppins", sans-serif;
  border: 1px solid #000000;
}
.sign_aside-check input {
  display: none;
}
.sign_aside-check input:checked ~ .log:before {
  background: #0666fe;
}
.sign_aside-check input:checked ~ .log::after {
  opacity: 1;
}
.sign_aside-check .log {
  cursor: pointer;
  position: relative;
  margin-left: 15px;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3;
}
.sign_aside-check .log::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -moz-ransform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: calc(100% + 10px);
  width: 20px;
  height: 20px;
  border: 1px solid #000000;
  border-radius: 2px;
}
.sign_aside-check .log::after {
  content: "✓";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -moz-ransform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: calc(100% + 15px);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  color: #ffffff;
  opacity: 0;
}
.sign_aside-btn {
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  background: #0666fe;
  cursor: pointer;
  margin: 0.75rem 0 0.75rem 0.75rem;
  padding: 0.625rem;
  width: 140px;
  border-radius: 5px;
}
.sign_aside-forget {
  font-weight: 400;
  font-size: 1rem;
  display: block;
  margin-left: 12px;
  color: blue !important;
}
.sign_aside-links {
  margin-left: 12px;
}
.sign_aside-links li {
  display: block;
  margin-bottom: 1.5625rem;
}
.sign_aside-links a {
  font-weight: 400;
  font-size: 1rem;
  display: block;
  color:#007bff!important;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
}
.sign_aside-links a:hover {
  color: #0666fe!important;
}
.sign_aside .sign_box-list {
  padding: 0 0.625rem;
}
.sign_box {
  width: calc(100% - 27.5rem);
  padding: 2.5rem;
}
.sign_box-title {
  font-weight: 700;
  font-size: 2.5rem;
}
.sign_box-title span {
  color: #0666fe;
}
.sign_box-subtitle {
  font-weight: 400;
  font-size: 1rem;
}
.sign_box-label {
  font-weight: 700;
  font-size: 1.875rem;
  color: #0666fe;
  margin: 2.5rem 0 1.25rem;
}
.sign_box-members {
  font-weight: 700;
  font-size: 1.75rem;
}
.sign_box-members span {
  color: #0666fe;
}
.sign_box-list {
  margin: 1.875rem 0 4.375rem;
}
.sign_box-list li {
  margin-bottom: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sign_box-list li p {
  font-weight: 700;
  font-size: 1rem;
}
.sign_box-list li span {
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 12px;
}
.sign_box-list li span svg,
.sign_box-list li span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.sign_box-list li:last-child {
  margin-bottom: 0;
}
.sign_box-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 14px;
}
.sign_box-txt a {
  color: #0666fe!important;
  display: block;
  margin-left: 5px;
}
.sign_box-subtxt {
  font-weight: 500;
  font-size: 0.875rem;
}
.sign_up {
  max-width: 37.5rem;
}
.sign_up-logo {
  width: 200px;
  display: block;
  margin: 0 auto 1.25rem;
}
.sign_up-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.sign_up-title {
  font-weight: 700;
  font-size: 1.125rem;
  margin-bottom: 1.5625rem;
  text-align: center;
}
.sign_up-title span {
  color: #F30000;
}
.sign_up-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.25rem;
}
.sign_up-input input {
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  max-width: 25rem;
  width: calc(100% - 1.875rem);
  padding: 0.625rem 0.9375rem;
  border-radius: 5px;
  border: 1px solid #000;
  background: #ffffff;
  -webkit-filter: drop-shadow(7px 9px 4px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(7px 9px 4px rgba(0, 0, 0, 0.25));
}
.sign_up-label {
  font-weight: 400;
  font-size: 1.0625rem;
  display: block;
  margin-right: 1.25rem;
  font-family: "Poppins", sans-serif;
  width: calc(50% - 1.25rem);
  text-align: right;
}
.sign_up-box {
  width: 80%;
}
.sign_up-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2.5rem 0;
}
.sign_up-check-item {
  margin-bottom: 0.9375rem;
  display: block;
}
.sign_up-check-item:last-child {
  margin-bottom: 0;
}
.sign_up-check-item input {
  display: none;
}
.sign_up-check-item input:checked ~ .check_label::after {
  opacity: 1;
}
.sign_up-check-item label {
  font-weight: 400;
  font-size: 1.125rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.sign_up-check-item label::before {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 50%;
  margin-right: 10px;
}
.sign_up-check-item label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%);
  -moz-ransform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: #0666fe;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  opacity: 0;
}
.sign_up-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sign_up .select-selected {
  font-weight: 600;
  font-size: 1rem;
  padding: 7px 40px 7px 7px;
}
.sign_up .select-selected::after {
  width: 6px;
  height: 6px;
  top: 47%;
}
.sign_up .select-items div {
  background: #fff;
  width: 100%;
}
.sign_up-txt {
  font-style: italic;
  font-weight: 500;
  font-size: 0.75rem;
  margin: 1.25rem 0 1.25rem auto;
}
.sign_up-txt span.red {
  color: #FF0000;
}
.sign_up-txt span.blue {
  color: #0666fe;
}
.sign_up-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.875rem 0;
}
.sign_up-file .select-selected {
  background: #8DB7FD;
}
.sign_up-file input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.sign_up-file label {
  font-weight: 600;
  font-size: 1rem;
  background: #8DB7FD;
  padding: 0.875rem 1.25rem;
  display: block;
  min-width: 18.75rem;
  cursor: pointer;
  border-radius: 7px;
}
.sign_up-file .file-name {
  margin-top: 5px;
  font-size: 0.75rem;
}
.sign_up-agree {
  margin-bottom: 0.9375rem;
}
.sign_up-agree input {
  display: none;
}
.sign_up-agree input:checked ~ .agree_label::before {
  background: #0666fe;
}
.sign_up-agree input:checked ~ .agree_label::after {
  opacity: 1;
}
.sign_up-agree label {
  font-weight: 500;
  font-size: 1.125rem;
  padding-left: 40px;
  display: block;
  width: calc(100% - 40px);
  cursor: pointer;
  position: relative;
}
.sign_up-agree label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -moz-ransform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 25px;
  height: 25px;
  border: 1px solid #000;
  display: block;
  margin-right: 10px;
  z-index: 1;
}
.sign_up-agree label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 1px;
  width: 25px;
  height: 25px;
  z-index: 2;
  transform: translateY(-50%);
  -moz-ransform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: url("../images/svg/tick.svg") no-repeat center;
  background-size: contain;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  opacity: 0;
}
.sign_up-agree label a {
  color: #0666fe;
  display: inline-block;
  margin-left: 5px;
}
.sign_up-btn {
  display: block;
  cursor: pointer;
  background-color: transparent;
  background: #0666fe;
  font-weight: 500;
  font-size: 1.125rem;
  color: #FFFFFF;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 0.75rem 2.5rem;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
}
.sign_up-btn:hover {
  border-color: #0666fe;
  background: #fff;
  color: #0666fe;
}

.profile {
  position: relative;
  display: block;
  width: 100%;
}
.profile_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #0666fe;
  padding: 1.25rem 1.875rem;
  position: relative;
}
.profile_header-photo {
  width: 100%;
  height: 26.25rem;
  position: relative;
  display: block;
}
.profile_header-photo input[type=file] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.profile_header-photo label {
  display: block;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.profile_header-photo label:hover {
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 255, 0.2);
          box-shadow: 0 4px 10px rgba(0, 0, 255, 0.2);
}
.profile_header-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile_header-photo img.show {
  display: block;
}
.profile_header-buttons {
  position: absolute;
  bottom: 1.875rem;
  right: 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile_header-buttons button {
  cursor: pointer;
  background-color: transparent;
  width: 40px;
  height: 40px;
  margin-right: 0.9375rem;
}
.profile_header-buttons button svg,
.profile_header-buttons button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.profile_header-buttons a {
  font-weight: 500;
  font-size: 1.125rem;
  text-align: center;
  color: #FFFFFF;
  border: 1px solid #fff;
  padding: 0.625rem 1.25rem;
  border-radius: 80px;
  display: block;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
}
.profile_header-buttons a:hover {
  background: #0666fe;
  border-color: #0666fe;
}
.profile_header-user {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: -150px;
  left: 50px;
}
.profile_header-user-photo {
  width: 200px;
  height: 200px;
  position: relative;
  display: block;
}
.profile_header-user-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  border-radius: 50%;
  border: 4px solid #0C0263;
}
.profile_header-user-name {
  display: block;
  margin-left: 1.25rem;
  font-family: "Inter";
  font-weight: 500;
  font-size: 1.75rem;
  color: #FFFFFF;
}
.profile_header-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.profile_header-nav li {
  margin-right: 3.125rem;
}
.profile_header-nav li:last-child {
  margin-bottom: 0;
}
.profile_header-nav a {
  display: block;
  font-family: "Inter";
  font-weight: 500;
  font-size: 1.125rem;
  color: #000!important;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  padding-bottom: 0.4375rem;
}
.profile_header-nav a.active, .profile_header-nav a:hover {
  border-bottom-color: #000;
}
.profile .mobile_profile-nav {
  display: none;
}
.profile_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.profile_inner {
  position: relative;
  width: calc(100% - 25rem);
}
.profile_inner-header {
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding: 1.25rem 1.875rem;
}
.profile_inner-header-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile_inner-header-buttons a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-right: 2.5rem;
}
.profile_inner-header-buttons a p {
  font-weight: 400;
  font-size: 0.875rem;
  color: #0666fe;
}
.profile_inner-header-buttons a span {
  width: 18px;
  height: 18px;
  display: block;
  margin-right: 10px;
}
.profile_inner-header-buttons a span svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.profile_inner-header-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1.5625rem 0;
}
.profile_inner-header-share span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  height: 50px;
  background: #D9D9D9;
  margin-right: 0.9375rem;
  border-radius: 50%;
}
.profile_inner-header-share span img {
  width: 70%;
  height: 70%;
  object-fit: contain;
  -o-object-fit: contain;
  border-radius: 50%;
}
.profile_inner-header-share p {
  font-weight: 400;
  font-size: 0.875rem;
}
.profile_inner-header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.profile_inner-header-row .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile_inner-header-row p {
  font-weight: 400;
  font-size: 0.875rem;
  color: #0666fe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 1.5625rem;
}
.profile_inner-header-row p span {
  display: block;
  width: 14px;
  height: 14px;
  margin-left: 5px;
}
.profile_inner-header-row p span img,
.profile_inner-header-row p span svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.profile_inner-header-row a {
  display: block;
  padding: 0.625rem 1.25rem;
  background: #0666fe;
  font-weight: 400;
  font-size: 0.875rem;
  color: #FFFFFF;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  border: 1px solid #0666fe;
}
.profile_inner-header-row a:hover {
  color: #0666fe!important;
  background: transparent!important;
}
.profile_post {
  padding: 1.875rem;
}
.profile_post-title {
  font-weight: 700;
  font-size: 1.25rem;
  color: #0666fe;
  margin-bottom: 1.875rem;
}
.profile_post-item {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 1.875rem;
}
.profile_post-item-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile_post-item-user-photo {
  width: 50px;
  height: 50px;
  display: block;
  margin-right: 10px;
}
.profile_post-item-user-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  border-radius: 50%;
}
.profile_post-item-user h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 0.875rem;
  color: #0666fe;
}
.profile_post-item-user h6 span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
}
.profile_post-item-user h6 span svg {
  width: 18px;
  height: 18px;
  display: block;
  margin-left: 7px;
}
.profile_post-item-user p {
  font-weight: 500;
  font-size: 0.75rem;
}
.profile_post-item-txt {
  margin: 1.25rem 0;
  font-weight: 500;
  font-size: 0.875rem;
}
.profile_post-item-gal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1.25rem;
}
.profile_post-item-gal-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.profile_post-item-gal-item.big {
  height: 290px;
  background: #D9D9D9;
}
.profile_post-item-gal-item.small > div {
  margin-bottom: 0.625rem;
  background: #D9D9D9;
  height: 8.75rem;
}
.profile_post-item-gal-item.small > div:last-child {
  margin-bottom: 0;
}
.profile_post-item-gal-item.two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.profile_post-item-gal-item.two > div {
  height: 18.125rem;
}
.profile_post-item-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex!important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.25rem;
  justify-content: space-around;
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid #f0f0f0;
}

.profile_post-item-footer a{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  cursor: pointer;
  margin-right: 1.25rem;
  align-items: center;
  text-decoration: none;
  color: #555;
}

.profile_post-item-footer button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  cursor: pointer;
  margin-right: 1.25rem;
}
.profile_post-item-footer a:last-child,
.profile_post-item-footer button:last-child {
  margin-right: 0;
}

.profile_post-item-footer a span{
  width: 18px;
  height: 18px;
  margin-right: 8px;
  display: inline-block;
}

.profile_post-item-footer button span {
  width: 18px;
  height: 18px;
  margin-right: 7px;
  display: block;
}
.profile_post-item-footer a span svg,
.profile_post-item-footer a span img,
.profile_post-item-footer button span svg,
.profile_post-item-footer button span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}

.profile_post-item-footer a p{
  font-size: 0.75rem;
  margin: 0;
  font-weight: 600;
  color: #0d6efd;
}

.profile_post-item-footer button p {
  font-weight: 500;
  font-size: 0.75rem;
}
.profile_post-item-footer p{
  color:black;
}
.profile_aside {
  width: 25rem;
}
.profile_aside-friends {
  padding: 0.625rem 1.875rem;
  margin-bottom: 1.875rem;
  border: 1px solid #0666fe;
}
.profile_aside-friends h4 {
  font-weight: 700;
  font-size: 20px;
  color: #0666fe;
  margin-bottom: 1.25rem;
}
.profile_aside-friends-item {
  margin-bottom: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile_aside-friends-item:last-child {
  margin-bottom: 0;
}
.profile_aside-friends-item-photo {
  width: 50px;
  height: 50px;
  display: block;
  margin-right: 10px;
}
.profile_aside-friends-item-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.profile_aside-friends-item h6 {
  font-weight: 500;
  font-size: 14;
  color: #0666fe;
  margin-bottom: 5px;
}
.profile_aside-friends-item p {
  font-weight: 500;
  font-size: 0.75rem;
  color: #0666fe;
}
.profile_aside-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #D9D9D9;
  min-height: 2.5rem;
}
.profile_aside-add h6 {
  font-weight: 700;
  font-size: 0.75rem;
  margin-right: 10px;
}
.profile_aside-add a {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  color: #0666fe;
}
.profile_aside-add span {
  display: block;
  width: 24px;
  height: 24px;
}
.profile_aside-add span img,
.profile_aside-add span svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.profile_aside-slider-photo {
  width: 100%;
  height: 340px;
}
.profile_aside-slider-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.profile_aside-slider p {
  font-weight: 700;
  font-size: 0.75rem;
  color: #FFFFFF;
  padding: 0.625rem;
  text-align: center;
  background: #0666fe;
}
.profile_aside-box {
  overflow-y: auto;
  max-height: 500px;
}


.profile_aside-box a {
  color: black!important;
}

/*
** Photo Grid Styles
*/ 

.photo-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    padding: 10px 0;
}

.photo-grid-item {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.profile_pic-item-photo {
    width: 100%;
    height: 250px !important;
    display: block;
    position: relative;
}

.profile_pic-item-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 480px) {

    .profile_header-photo{
      margin-top: 64px;
    }

    .photo-grid-container {
        grid-template-columns: 1fr;
    }
    
    .profile_pic-item-photo {
        height: 300px !important; 
    }
}

@media (max-width: 720px) {

    .profile_header-photo{
      margin-top: 220px;
    }
}

@media (max-width: 896px) {

    .profile_header-photo{
      margin-top: 64px;
    }
}

/*
** ======= End Photo Grid Styles ========
*/

/*
** New header menu buttons
*/

.mobile-nav-container {
    display: none; /* Hidden on desktop */
    width: 100%;   /* Full width to force a new line */
    justify-content: space-around; /* Spread buttons evenly */
    padding: 10px 0; /* Add some spacing */
    background-color: transparent; /* Optional: distinct background color */
    border-top: 1px solid #eee; /* Optional: separator line */
}

.mobile-nav {
    display: none;
    align-items: center;
    gap: 15px;
    margin-right: auto;
    margin-left: 20px;
}

.mobile-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #333;
    text-decoration: none;
    font-size: 12px;
}

.mobile-nav-item i {
    font-size: 20px; /* Slightly larger icons */
    margin-bottom: 4px;
    color: #0000FF;
}

.mobile-nav-item.active i,
.mobile-nav-item.active span {
    color: #0000FF;
    font-weight: bold;
}

@media (max-width: 768px) {
    .mobile-nav {
        display: flex;
    }
    
    .nav {
        display: none; 
    }

    .mobile-nav-container {
        display: flex; /* Show the container */
        order: 3; /* Force it to be the last item (after logo and group) */
    }
    
    .header_wrap {
        flex-wrap: wrap; /* Allow items to wrap to new lines */
    }
}

/*
** ======== End New header menu buttons ========
*/

.dropdown-item {
  color: black!important;
}

.profile_about-box {
  -webkit-box-shadow: 2px 6px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 2px 6px 4px rgba(0, 0, 0, 0.25);
  margin-bottom: 10px;
  padding: 0.75rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
}
.profile_about-box:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.profile_about-box h6 {
  font-weight: 600;
  font-size: 1.25rem;
  color: #0666fe;
  margin-bottom: 10px;
  width: 100%;
}
.profile_about-box p {
  font-weight: 400;
  font-size: 1.125rem;
  margin-bottom: 0.625rem;
}
.profile_about-col {
  min-width: 40%;
}
.profile_pic {
  padding: 1.25rem 2.5rem;
}
.profile_pic-title {
  font-weight: 700;
  font-size: 1.25rem;
  color: #0666fe;
  display: block;
  margin-bottom: 1.25rem;
}
.profile_pic-title span {
  color: #FF0000;
  font-size: 1rem;
}
.profile_pic-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
}
.profile_pic-row::-webkit-scrollbar {
  display: none;
}
.profile_pic-item {
  margin-right: 1.5625rem;
  color: #0666fe;
  text-align: center;
  font-size: 0.75rem;
}
.profile_pic-item:last-child {
  margin-right: 0;
}
.profile_pic-item-photo {
  width: 100%;
  display: block;
  margin-bottom: 0.625rem;
}
.profile_pic-item-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.profile_pic-item h3 {
  font-weight: 600;
}
.profile_pic-item h6 {
  margin: 0.3125rem;
  font-weight: 400;
}
.profile_pic-item p {
  font-weight: 200;
}
.profile_ver {
  padding: 1.25rem 2.5rem;
}
.profile_ver-title {
  font-weight: 700;
  font-size: 1.25rem;
  color: #0666fe;
  margin-bottom: 1.25rem;
}
.profile_ver-subtitle {
  font-weight: 600;
  font-size: 1.25rem;
  margin: 0.625rem 0;
}
.profile_ver-subtitle a {
  color: #0666fe;
  font-size: 0.875rem;
  text-decoration: underline;
}
.profile_ver-txt {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.625rem;
}
.profile_ver .ver_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.profile_ver .ver_box > div {
  margin-right: 1.25rem;
}
.profile_ver .ver_box > div:last-child {
  margin-right: 0;
}
.profile_ver-item {
  border-radius: 18px;
  border: 1px solid #0666fe;
  position: relative;
  padding: 1.25rem 1.5625rem;
  margin: 1.875rem 0 3.125rem;
  -webkit-box-shadow: 0px 11.7984px 3.63029px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 11.7984px 3.63029px rgba(0, 0, 0, 0.25);
  position: relative;
}
.profile_ver-item-txt {
  font-weight: 300;
  font-size: 0.875rem;
  margin-top: 0.625rem;
}
.profile_ver-item .profile_post-item-user-photo {
  position: absolute;
  top: -20px;
  left: -20px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -webkit-box-shadow: -3px 11px 3px rgba(0, 0, 0, 0.25);
          box-shadow: -3px 11px 3px rgba(0, 0, 0, 0.25);
}
.profile_ver-item .profile_post-item-user-group {
  padding-left: 30px;
}
.profile_ver-item .profile_post-item-user-group h6 {
  font-size: 1rem;
  color: #0666fe;
}
.profile_ver-item .profile_post-item-user-group p {
  font-size: 0.875rem;
}
.profile_ver-item .verify {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  font-weight: 400;
  font-size: 0.75rem;
  text-decoration-line: underline;
}
.profile_ver-item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.875rem;
}
.profile_ver-item-row p {
  font-weight: 500;
  font-size: 0.75rem;
}
.profile_ver-item-row p.error {
  color: #FF0000;
}
.profile_ver-item-row p.success {
  color: #006A17;
}
.profile_ver-item-row a {
  font-weight: 400;
  font-size: 0.9375rem;
  text-align: center;
  color: #FFFFFF;
  background: #0666fe;
  padding: 0.625rem;
  min-width: 100px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  border: 1px solid transparent;
}
.profile_ver-item-row a:hover {
  background: transparent;
  color: #0666fe;
  border-color: #0666fe;
}
.profile_friends {
  padding: 1.25rem 2.5rem;
}
.profile_friends h4 {
  font-weight: 700;
  font-size: 1.25rem;
  color: #0666fe;
  margin-bottom: 1.25rem;
}
.profile_friends h4 span {
  font-weight: 500;
  color: #000;
}
.profile_friends-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5625rem;
}
.profile_friends-item-photo {
  width: 90px;
  height: 90px;
  display: block;
  margin-right: 10px;
}
.profile_friends-item-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.profile_friends-item h6 {
  font-weight: 500;
  font-size: 1.125rem;
  margin-bottom: 5px;
}
.profile_friends-item p {
  font-weight: 500;
  font-size: 1rem;
}
.profile .ver_line {
  width: 100%;
  height: 3px;
  display: block;
  background: #C0C0FF;
  margin: 0.9375rem 0;
}
.profile .ban {
  font-weight: 700;
  font-size: 0.9375rem;
  color: #FF0000;
  margin: 0.625rem 0 2.5rem;
}
.profile_settings {
  position: absolute;
  top: 100%;
  right: 20px;
  z-index: 10;
  height: 0;
  opacity: 0;
}
.profile_settings.active {
  height: 100%;
  opacity: 1;
}
.profile_settings ul {
  min-width: 27.5rem;
  width: 100%;
  background: linear-gradient(238.64deg, #0C0C4D 27.62%, #1C1CB3 77.92%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.625rem;
}
.profile_settings ul li a {
  font-family: "Inter";
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.3;
  color: #FFFFFF;
  display: block;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  z-index: 1;
  padding: 0.625rem 0.625rem 0.625rem 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
}
.profile_settings ul li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -30px;
  width: 0;
  height: 100%;
  background: #2a3a73;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  z-index: -1;
  -webkit-transform: skew(30deg);
          transform: skew(30deg);
}
.profile_settings ul li a:hover::after {
  width: calc(100% + 50px);
}

.mySwiper {
  padding-bottom: 49px !important;
}

.swiper-pagination {
  background: #0666fe;
  padding: 10px 0;
}

.mobile_notifications {
  display: none;
}

.add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
  background-color: transparent;
}
.add span {
  display: block;
  margin-right: 10px;
  width: 30px;
  height: 30px;
}
.add span svg,
.add span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.add p {
  font-weight: 500;
  font-size: 1.125rem;
}

.settings_box .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.settings_box .col {
  width: 50%;
}
.settings_box .inputs_item {
  margin-bottom: 15px;
}
.settings_box .inputs .checkboxes_title {
  width: 100%;
}
.settings_box i {
  font-weight: 400;
  font-size: 0.875rem;
  display: block;
  margin: 1.25rem 0;
}
.settings_item {
  border: 1px solid #0666fe;
  border-radius: 18px;
  background: #fff;
  padding: 1.875rem;
  margin-bottom: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
}
.settings_item-col {
  width: calc(50% - 1.25rem);
}
.settings_item-col button {
  background-color: transparent;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.settings_item-col button span {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 10px;
}
.settings_item-col button span svg,
.settings_item-col button span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.settings_item-col button p {
  font-weight: 500;
  font-size: 1rem;
  color: #FF0000;
}
.settings_item-photo {
  width: 100%;
  height: 20.625rem;
  margin-bottom: 10px;
}
.settings_item-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  -o-object-position: left;
     object-position: left;
}
.settings_item-title {
  font-weight: 500;
  font-size: 1.125rem;
  color: #0666fe;
}
.settings_item-subtitle {
  font-weight: 500;
  font-size: 1rem;
  margin: 1.25rem 0;
}
.settings_item-list {
  margin-bottom: 1.25rem;
}
.settings_item-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.4375rem 0 0.9375rem;
}
.settings_item-list li span {
  width: 30px;
  height: 30px;
  display: block;
  margin-right: 10px;
}
.settings_item-list li span svg,
.settings_item-list li span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.settings_item-list li p {
  font-weight: 600;
  font-size: 0.875rem;
}
.settings_item-txt {
  font-weight: 500;
  font-size: 1rem;
}
.settings_item-txt span {
  color: #FF0000;
}
.settings_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.settings_row-txt {
  font-weight: 600;
  font-size: 1rem;
  display: block;
  margin: 0 0.75rem;
}
.settings_row .select-items div {
  background: #fff;
}
.settings_row .select-items div:hover {
  background: rgba(0, 0, 0, 0.1);
}
.settings_txt {
  font-weight: 500;
  font-size: 1rem;
  margin-top: 10px;
}
.settings_search {
  margin: 1.25rem 0;
}
.settings_search label {
  font-weight: 600;
  font-size: 1rem;
  display: block;
  margin-bottom: 14px;
}
.settings_search > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.settings_search input {
  font-weight: 400;
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  width: calc(100% - 21px);
  max-width: 440px;
  padding: 10px;
  border: 1px solid #000;
  border-radius: 7px;
}
.settings_search button {
  display: block;
  cursor: pointer;
  font-weight: 800;
  font-size: 1rem;
  text-align: center;
  color: #FFFAF9;
  background: #0666fe;
  border-radius: 7px;
  padding: 0.75rem;
  min-width: 150px;
}

.local_item {
  border: 1px solid #0666fe;
  border-radius: 7px;
  margin-bottom: 1.25rem;
  padding: 0.75rem 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.local_item-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.local_item-photo {
  width: 80px;
  height: 80px;
  display: block;
  overflow: hidden;
  border-radius: 50%;
}
.local_item-photo img,
.local_item-photo svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.local_item-title {
  margin: 0 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 800;
  font-size: 1.125rem;
}
.local_item-title span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 15px;
}
.local_item-title span svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  margin-left: 7px;
}
.local_item-link {
  font-weight: 500;
  font-size: 1.125rem;
  color: #0666fe;
  display: block;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
}
.local_item-link:hover {
  text-decoration: underline;
}
.local_item-txt {
  font-weight: 800;
  font-size: 1.125rem;
  opacity: 0.5;
}

.hero {
  position: relative;
  padding: 4.375rem 0;
  margin-top: 93px;
  background: rgb(233, 233, 233);
  overflow: hidden;
}
.hero_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hero_info {
  width: 30%;
  z-index: 10;
  position: relative;
}
.hero_info::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1000px;
  height: 100%;
  background: rgb(233, 233, 233);
}
.hero_info-title {
  font-weight: 700;
  font-size: 3.75rem;
  color: #0666fe;
  margin-bottom: 15px;
}
.hero_info-txt {
  font-weight: 400;
  font-size: 1.25rem;
}
.hero_slider {
  width: 70%;
}
.hero_slider-item {
  position: relative;
}
.hero_slider-item-suptxt {
  position: absolute;
  top: 20px;
  left: 20px;
  font-weight: 700;
  font-size: 0.625rem;
  color: #FFFFFF;
  background: #0666fe;
  padding: 7px 12px;
  border-radius: 5px;
}
.hero_slider-item-photo {
  width: 100%;
  height: 330px;
  display: block;
}
.hero_slider-item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.hero_slider-item-title {
  padding: 0.9375rem 0.625rem;
  font-weight: 700;
  font-size: 0.9375rem;
  color: #FFFFFF;
  background: #0666fe;
}
.hero .swiper {
  padding-bottom: 40px;
  overflow: visible !important;
}
.hero .swiper-pagination {
  background-color: transparent;
}

.recent {
  position: relative;
  overflow: hidden;
  padding: 6.25rem 0;
}
.recent_box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.recent_info {
  width: 22.5rem;
  position: relative;
  z-index: 10;
}
.recent_info::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 10000px;
  height: 100%;
  background: #fff;
}
.recent_info-title {
  font-weight: 700;
  font-size: 3.125rem;
  color: #0666fe;
  margin-bottom: 15px;
}
.recent_info-txt {
  font-weight: 400;
  font-size: 1.25rem;
}
.recent_slider {
  width: calc(100% - 22.5rem);
}
.recent_slider-item {
  position: relative;
}
.recent_slider-item-suptxt {
  font-weight: 500;
  font-size: 0.625rem;
  color: #0666fe;
  background: #fff;
  border: 1px solid #0666fe;
  padding: 0.375rem 0.75rem;
  border-radius: 5px;
  position: absolute;
  top: 20px;
  left: 20px;
}
.recent_slider-item-photo {
  width: 100%;
  height: 15rem;
}
.recent_slider-item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.recent_slider-item-title {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  color: #FFFFFF;
  background: #0666fe;
  padding: 0.9375rem;
}
.recent .swiper {
  padding-bottom: 40px;
  overflow: visible !important;
}
.recent .swiper-pagination {
  background-color: transparent;
}

.events {
  position: relative;
}
.events_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.events_aside {
  position: sticky;
  top: 15px;
  left: 0;
  height: 100%;
  padding-bottom: 2.5rem;
  width: 23.75rem;
}
.events_aside-title {
  font-weight: 700;
  font-size: 1.875rem;
  color: #0666fe;
}
.events_aside-txt {
  font-weight: 400;
  font-size: 1.125rem;
  margin: 0.9375rem 0;
}
.events_aside-form {
  position: relative;
}
.events_aside-form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -moz-ransform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: 15px;
  width: 16px;
  height: 16px;
  display: block;
  background-color: transparent;
  cursor: pointer;
}
.events_aside-form button svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
  display: block;
}
.events_aside-search {
  width: 100%;
}
.events_aside-search input {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 0.875rem;
  color: #FFFFFF;
  background: #B1B1B1;
  padding: 0.625rem 2.75rem 0.625rem 0.875rem;
  border-radius: 18px;
  width: calc(100% - 3.625rem);
}
.events_aside-archive {
  display: block;
  position: relative;
  margin: 1.875rem 0 3.125rem;
}
.events_aside-archive h6 {
  font-weight: 700;
  font-size: 1.25rem;
  color: #0666fe;
  margin-bottom: 1.875rem;
  padding-bottom: 0.625rem;
  border-bottom: 2px solid #0666fe;
}
.events_aside-archive ul li {
  margin-bottom: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.events_aside-archive ul li::before {
  content: "";
  display: block;
  margin-right: 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0666fe;
}
.events_aside-archive ul li p {
  font-weight: 700;
  font-size: 1rem;
}

.events_aside-archive ul li a {
  color:black!important;
}

.events_aside-button {
  margin-bottom: 5px;
  display: block;
  text-align: center;
  font-weight: 800;
  font-size: 14px;
  color: #FFFFFF;
  background-color: #0666fe;
  padding: 0.625rem;
  cursor: pointer;
  width: calc(100% - 0.625rem);
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  border: 1px solid #0666fe;
}
.events_aside-button:hover {
  background-color: transparent;
  color: #0666fe!important;
}
.events_inner {
  width: calc(100% - 25rem);
}
.events_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.875rem;
  padding: 0.9375rem 0;
}
.events_item-photo {
  width: 20rem;
  height: 240px;
}
.events_item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.events_item-info {
  width: calc(100% - 22.5rem);
  position: relative;
}
.events_item-info::before {
  content: "";
  position: absolute;
  top: 0;
  left: -30px;
  width: 4px;
  height: 100%;
  background: #0666fe;
}
.events_item-title {
  font-weight: 700;
  font-size: 1.75rem;
  color: #0666fe;
}
.events_item-title span {
  width: 27px;
  height: 27px;
  display: inline-block;
  margin-left: 5px;
}
.events_item-title span svg,
.events_item-title span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.events_item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.9375rem 0;
}
.events_item-row p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  font-weight: 700;
  font-size: 0.8125rem;
  margin-bottom: 14px;
}
.events_item-row p span {
  width: 22px;
  height: 22px;
  display: block;
  margin-right: 10px;
}
.events_item-row p span svg,
.events_item-row p span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.events_item-txt {
  font-weight: 700;
  font-size: 1rem;
}
.events_item-link {
  display: inline-block;
  border: 2px solid #0666fe;
  padding: 0.5rem 0.75rem;
  font-weight: 600;
  font-size: 0.8125rem;
  border-radius: 6px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  min-width: 100px;
  text-align: center;
}
.events_item-link:hover {
  background-color: #0666fe;
  color: #fff;
}
.events_item-interested {
  width: auto !important;
  color: #FF0000;
}

.list {
  padding: 2.5rem 0;
  margin-top: 93px;
}
.list .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 1.25rem 0 2.5rem;
}
.list .checkboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.25rem;
  max-width: 50rem;
}
.list .friends_item-footer {
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  margin-top: 1.875rem;
}
.list_txt {
  font-weight: 500;
  font-size: 1.375rem;
  margin-top: 1.25rem;
}
.list_title {
  font-weight: 800;
  font-size: 1.75rem;
  margin: 1.875rem 0;
}

.clubs {
  position: relative;
  padding: 2.5rem 0;
  margin-top: 93px;
}
.clubs_title {
  font-weight: 800;
  font-size: 1.875rem;
  color: #0666fe;
  margin-bottom: 1.25rem;
}
.clubs_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.clubs_row p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0.9375rem;
  font-weight: 500;
  font-size: 0.875rem;
}
.clubs_row p span {
  width: 16px;
  height: 16px;
  display: block;
  color: #0666fe;
  margin-right: 10px;
  font-weight: 600;
}
.clubs_row p span svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.clubs_photo {
  margin: 1.25rem 0;
  width: 240px;
}
.clubs_photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.clubs_item {
  margin-bottom: 2.5rem;
}
.clubs_item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 1.125rem;
  color: #0666fe;
}
.clubs_item-title span {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 10px;
}
.clubs_item-title span svg,
.clubs_item-title span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.clubs_item p {
  font-weight: 400;
  font-size: 0.9375rem;
  margin-bottom: 8px;
}
.clubs_list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-bottom: 1.25rem;
}
.clubs_list li::before {
  content: url("../images/svg/mark.svg");
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.clubs_list p {
  font-weight: 400;
  font-size: куь(20);
}
.clubs_form {
  width: 100%;
  display: block;
  position: relative;
  margin: 3.75rem 0 1.5625rem;
}
.clubs_form.gatsby {
  max-width: calc(790px - 5rem);
}
.clubs_form-input {
  width: 100%;
}
.clubs_form-input input {
  font-weight: 700;
  font-size: 1.125rem;
  color: #000000;
  padding: 1.875rem 3.75rem 1.875rem 1.25rem;
  width: calc(100% - 5rem);
  border-radius: 12px;
  border: 2px solid #0666fe;
}
.clubs_form-input input::-webkit-input-placeholder {
  opacity: 0.5;
}
.clubs_form-input input::-moz-placeholder {
  opacity: 0.5;
}
.clubs_form-input input:-ms-input-placeholder {
  opacity: 0.5;
}
.clubs_form-input input::-ms-input-placeholder {
  opacity: 0.5;
}
.clubs_form-input input::placeholder {
  opacity: 0.5;
}
.clubs_form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -moz-ransform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: 20px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  cursor: pointer;
}
.clubs_form button svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.clubs_comment-count {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 1.25rem 0;
  margin-bottom: 2.5rem;
  font-weight: 700;
  font-size: 0.875rem;
  color: #0666fe;
}

.land {
  position: relative;
  padding: 1.25rem 0 2.5rem;
  margin-top: 93px;
  background: #F0F0F0;
}
.land_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #FFFFFF;
  -webkit-box-shadow: 1px 6px 5.8px rgba(0, 0, 0, 0.25);
          box-shadow: 1px 6px 5.8px rgba(0, 0, 0, 0.25);
  padding: 1.25rem 3.125rem;
}
.land_link p {
  font-weight: 600;
  font-size: 1rem;
  color: #0666fe;
}
.land_link span {
  display: block;
  width: 27px;
  height: 25px;
}
.land_link span svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.land_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 3.125rem;
  margin-bottom: 3.125rem;
  position: relative;
  z-index: 3;
}
.land .custom-select {
  min-width: 200px;
}
.land_box {
  margin-bottom: 3.125rem;
}
.land_box:last-child {
  margin-bottom: 0;
}
.land_title {
  font-weight: 600;
  font-size: 1.625rem;
  color: #0666fe;
  text-align: center;
  margin-bottom: 0.9375rem;
}
.land_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.25rem;
  position: relative;
  padding: 1.25rem 3.125rem 1.25rem 5rem;
  background: #FFFFFF;
  -webkit-box-shadow: 1px 6px 5.8px rgba(0, 0, 0, 0.25);
          box-shadow: 1px 6px 5.8px rgba(0, 0, 0, 0.25);
}
.land_item h6 {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.625rem;
  color: #0666fe;
}
.land_item p {
  font-weight: 300;
  font-size: 0.875rem;
  color: #0666fe;
}
.land_item .new {
  position: absolute;
  top: 1.5625rem;
  left: 20px;
  width: 40px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url("../images/svg/note.svg") no-repeat center;
  background-size: contain;
}

.gatsby_subtitle {
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 0.625rem;
}
.gatsby_link {
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: 0.3125rem;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.gatsby_link:hover {
  text-decoration: underline;
}
.gatsby_suptitle {
  font-weight: 700;
  font-size: 1rem;
  color: #0666fe;
  opacity: 0.78;
  margin: 0.625rem 0 1rem;
}
.gatsby_txt {
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: 1.875rem;
}
.gatsby .clubs_form-input input {
  background: #D9D9D9;
  border-color: #D9D9D9;
  color: #000000;
}
.gatsby .clubs_form-input input::-webkit-input-placeholder {
  color: #000000;
  opacity: 1;
}
.gatsby .clubs_form-input input::-moz-placeholder {
  color: #000000;
  opacity: 1;
}
.gatsby .clubs_form-input input:-ms-input-placeholder {
  color: #000000;
  opacity: 1;
}
.gatsby .clubs_form-input input::-ms-input-placeholder {
  color: #000000;
  opacity: 1;
}
.gatsby .clubs_form-input input::placeholder {
  color: #000000;
  opacity: 1;
}
.gatsby_box {
  margin-top: 0.9375rem;
}
.gatsby_item {
  padding: 2.5rem;
  background: #0666fe;
  border: 6px solid #FFFFFF;
  -webkit-box-shadow: 33px 23px 66px rgba(0, 0, 0, 0.08);
          box-shadow: 33px 23px 66px rgba(0, 0, 0, 0.08);
  border-radius: 13px;
  color: #FFFFFF;
  max-width: calc(670px - 2.5rem);
  margin-bottom: 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gatsby_item-photo {
  position: relative;
  bottom: -60px;
  left: -70px;
  width: 170px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 6px solid #FFFFFF;
  border-radius: 13px;
}
.gatsby_item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.gatsby_item-info {
  width: calc(100% - 170px);
}
.gatsby_item-title {
  font-weight: 700;
  font-size: 1.375rem;
}
.gatsby_item-txt {
  font-weight: 500;
  font-size: 1rem;
  color: #B9C8F3;
  margin: 1.25rem 0;
}
.gatsby_item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gatsby_item-row span {
  height: 20px;
  display: block;
  margin-right: 10px;
}
.gatsby_item-row span svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}
.gatsby_item-rate {
  font-weight: 400;
  font-size: 1rem;
  color: #B9C8F3;
  margin-left: 10px;
}

#half-stars-example {
  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
  /* make hover effect work properly in IE */
  /* hide radio inputs */
  /* set icon padding and size */
  /* add padding and positioning to half star labels */
  /* set default star color */
  /* set color of none icon when unchecked */
  /* if none icon is checked, make it red */
  /* if any input is checked, make its following siblings grey */
  /* make all stars orange on rating group hover */
  /* make hovered input's following siblings grey on hover */
  /* make none icon grey on rating group hover */
  /* make none icon red on hover */
}
#half-stars-example .rating-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#half-stars-example .rating__icon {
  pointer-events: none;
}
#half-stars-example .rating__input {
  position: absolute !important;
  left: -9999px !important;
}
#half-stars-example .rating__label {
  cursor: pointer;
  /* if you change the left/right padding, update the margin-right property of .rating__label--half as well. */
  padding: 0 0.1em;
  font-size: 1.3rem;
}
#half-stars-example .rating__label--half {
  padding-right: 0;
  margin-right: -0.6em;
  z-index: 2;
}
#half-stars-example .rating__icon--star {
  color: orange;
}
#half-stars-example .rating__icon--none {
  color: #eee;
}
#half-stars-example .rating__input--none:checked + .rating__label .rating__icon--none {
  color: red;
}
#half-stars-example .rating__input:checked ~ .rating__label .rating__icon--star {
  color: #ddd;
}
#half-stars-example .rating-group:hover .rating__label .rating__icon--star,
#half-stars-example .rating-group:hover .rating__label--half .rating__icon--star {
  color: orange;
}
#half-stars-example .rating__input:hover ~ .rating__label .rating__icon--star,
#half-stars-example .rating__input:hover ~ .rating__label--half .rating__icon--star {
  color: #ddd;
}
#half-stars-example .rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {
  color: #eee;
}
#half-stars-example .rating__input--none:hover + .rating__label .rating__icon--none {
  color: red;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "";
}
.client_box .slick-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: -50px;
  width: 40px;
  height: 40px;
  background: url("../images/svg/slider-arrow.svg") no-repeat center;
  background-size: contain;
  z-index: 4;
}
.client_box .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  right: -50px;
  width: 40px;
  height: 40px;
  background: url("../images/svg/slider-arrow.svg") no-repeat center;
  background-size: contain;
  z-index: 4;
}
.client_box .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: -50px;
}
.client_box .slick-dots li {
  display: block;
}
.client_box .slick-dots li button {
  display: block;
  width: 14px;
  height: 14px;
  border: 2px solid #D6D6D6;
  opacity: 1;
  background: transparent;
  border-radius: 50%;
}
.client_box .slick-dots li.slick-active {
  width: 14px;
  height: 14px;
}
.client_box .slick-dots li.slick-active button {
  border: 1px solid #2B72B6;
  background-size: contain;
  width: 14px;
  height: 14px;
  opacity: 1;
  position: relative;
  background: transparent;
}
.client_box .slick-dots li.slick-active button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-ransform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
  background: #2B72B6;
  border-radius: 50%;
}

.hero_slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hero_slider .slick-prev {
  transform: translateY(0) rotate(180deg);
  -ms-transform: translateY(0) rotate(180deg);
  -moz-transform: translateY(0) rotate(180deg);
  -o-transform: translateY(0) rotate(180deg);
  -webkit-transform: translateY(0) rotate(180deg);
  width: 36px;
  height: 24px;
  background: url("../images/svg/hero-slider-arrow.svg") no-repeat center;
  background-size: contain;
  z-index: 4;
}
.hero_slider .slick-next {
  transform: translateY(0%);
  -ms-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  width: 36px;
  height: 24px;
  background: url("../images/svg/hero-slider-arrow.svg") no-repeat center;
  background-size: contain;
  z-index: 4;
}
.hero_slider .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 60px;
  max-width: 1500px;
  bottom: unset;
  position: relative;
  top: -50px;
  margin: 0 auto;
  padding-right: 30px;
  z-index: 10;
}
.hero_slider .slick-dots li {
  display: block;
}
.hero_slider .slick-dots li button {
  display: block;
  width: 15px;
  height: 15px;
  border: 2.5px solid #fff;
  opacity: 0.8;
  border-radius: 50%;
}
.hero_slider .slick-dots li.slick-active {
  width: 15px;
  height: 15px;
}
.hero_slider .slick-dots li.slick-active button {
  background: transparent;
  background-size: contain;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.hero_slider .slick-dots li.slick-active button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-ransform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
}

.banner_box .slick-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: -200px;
  width: 36px;
  height: 24px;
  background: url("../images/svg/arrow_left.svg") no-repeat center;
  background-size: contain;
  z-index: 4;
}
.banner_box .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: -200px;
  width: 36px;
  height: 24px;
  background: url("../images/svg/arrow_right.svg") no-repeat center;
  background-size: contain;
  z-index: 4;
}

.news .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.news .slick-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 200px;
  width: 36px;
  height: 24px;
  background: url("../images/svg/arrow_left-gold.svg") no-repeat center;
  background-size: contain;
  z-index: 4;
}
.news .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: 200px;
  width: 36px;
  height: 24px;
  background: url("../images/svg/arrow_right-gold.svg") no-repeat center;
  background-size: contain;
  z-index: 4;
}
.news .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: -50px;
}
.news .slick-dots li {
  display: block;
}
.news .slick-dots li button {
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  opacity: 0.3;
  border-radius: 50%;
}
.news .slick-dots li.slick-active {
  width: 30px;
  height: 30px;
}
.news .slick-dots li.slick-active button {
  background: url("../images/svg/dot.svg") no-repeat center !important;
  background-size: contain;
  width: 30px;
  height: 30px;
  border: none;
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 32px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  cursor: pointer;
  margin: 0 8px;
}
.slick-dots li button {
  border: 0;
  display: block;
  height: 14px;
  width: 14px;
  outline: none;
  color: transparent;
  border-radius: 50%;
  background: rgba(59, 59, 59, 0.5);
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
}
.slick-dots li button:focus {
  outline: none;
  background: #6ec9c7;
}
.slick-dots li.slick-active button {
  background: #6ec9c7;
  width: 28px;
  border-radius: 10px;
}

.select2 {
  width: 100% !important;
  margin-right: 0 !important;
}

.select2-container--default .select2-selection--single {
  background: #BBBBF3 !important;
}


@media (max-width: 93.75rem) {
  .footer_nav ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer_nav li {
    margin: 0 0.625rem 0.625rem;
  }
  .footer_nav li:last-child {
    width: 100%;
  }
  .profile_header {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .chat .mobile_menu-btn {
    display: block;
    cursor: pointer;
    width: 60px;
    height: 24px;
    padding: 0.625rem;
    margin-bottom: 1.875rem;
    background: #0666fe;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .chat .mobile_menu-btn svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
  }
  .chat_aside {
    position: fixed;
    top: 93px;
    left: -100%;
    z-index: 10;
    height: calc(100% - 93px);
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    opacity: 0;
  }
  .chat_aside.active {
    left: 0;
    opacity: 1;
  }
  .chat_aside-inner {
    background: #F6F6F6;
    max-width: 350px;
    height: calc(100% - 40px);
    padding-top: 40px;
    overflow-y: auto;
  }
  .chat_aside-inner::-webkit-scrollbar {
    display: none;
  }
  .chat_aside-user {
    margin-top: 0;
  }
  .chat_message {
    width: 25rem;
  }
  .chat_message-item h6 {
    font-size: 1.125rem;
  }
  .chat_message-item p {
    font-size: 0.875rem;
  }
  .chat_box {
    width: calc(100% - 27.5rem);
  }
}
@media (max-width: 81.25rem) {
  .main {
    margin-left: 15.625rem;
    width: calc(100% - 15.625rem);
  }
  .main .sidebar {
    width: 15.625rem;
  }
  .main .sidebarqq {
    width: 15.625rem;
  }
  .main .box {
    padding: 1.5625rem;
    width: calc(100% - 3.125rem);
  }
  .main .user_photo {
    width: 12.5rem;
    height: 12.5rem;
  }
  .home_box {
    width: 100%;
  }
  .home .profile_inner {
    width: -webkit-fill-available;
  }
  .home .side_links {
    margin: 1.25rem 0 1.25rem 1.25rem;
  }
  .home .side_linksqq {
    margin: 1.25rem 0 1.25rem 1.25rem;
  }
  .friends_title {
    font-size: 1.5rem;
  }
  .friends_title span {
    display: block;
  }
  .friends_tabs-title {
    font-size: 1.125rem;
  }
  .friends_item {
    padding: 1.875rem;
  }
  .friends_item-photo {
    min-width: 9.375rem;
    height: 9.375rem;
  }
  .friends_item-btn {
    width: 9.375rem;
  }
  .friends_item-btn p {
    font-size: 0.875rem;
  }
  .events_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .events_aside {
    width: 100%;
    position: relative;
  }
  .events_aside-button {
    max-width: 400px;
  }
  .events_inner {
    width: 100%;
  }
  .events_item-title {
    font-size: 1.25rem;
  }
  .hero {
    padding: 2.5rem 0;
  }
  .hero_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .hero_info {
    width: 100%;
    max-width: 800px;
    margin: 0 auto 1.875rem;
    text-align: center;
  }
  .hero_info::before {
    content: none;
  }
  .hero_info-title {
    font-size: 2.5rem;
  }
  .hero_slider {
    width: 100%;
  }
  .recent {
    padding: 2.5rem 0;
  }
  .recent_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .recent_info {
    width: 100%;
    max-width: 800px;
    margin: 0 auto 1.875rem;
    text-align: center;
  }
  .recent_info-title {
    font-size: 2.5rem;
  }
  .recent_info::before {
    content: none;
  }
  .recent_slider {
    width: 100%;
  }
  .footer {
    width: calc(100% - 251px);
  }
  .local_item-title, .local_item-link, .local_item-txt {
    font-size: 1rem;
  }
  .profile_header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 1.25rem;
  }
  .profile_header-user {
    top: -155px;
  }
  .profile_header-user-photo {
    width: 150px;
    height: 150px;
  }
  .profile_header-user-name {
    font-size: 1.25rem;
  }
  .profile_aside {
    display: none;
  }
  .profile_inner {
    width: 100%;
  }
  .mobile_notifications {
    display: block;
    margin: 0.9375rem 0;
  }
}
@media (max-width: 64rem) {
  .auto_container {
    padding: 0 30px;
  }
  .main {
    margin-left: 0;
    width: 100%;
  }
  .main .sidebar {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    z-index: 30;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    opacity: 0;
  }
  .main .sidebar.active {
    opacity: 1;
    left: 0;
  }
  
  .main .sidebarqq {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    z-index: 30;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    opacity: 0;
  }
  .main .sidebarqq.active {
    opacity: 1;
    left: 0;
  }
  .main .sidebar_group {
    background: #fff;
    width: 60%;
    position: relative;
  }
  .main .box {
    max-width: unset;
  }
  .side_links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1.875rem;
    padding: 0.625rem 1.25rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #0666fe;
    border-radius: 10px;
    cursor: pointer;
  }
  .side_links span {
    display: block;
    margin: 0 5px;
    width: 26px;
    height: 26px;
  }
  .side_links span svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
  }
  .side_linksqq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1.875rem;
    padding: 0.625rem 1.25rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #0666fe;
    border-radius: 10px;
    cursor: pointer;
  }
  .side_linksqq span {
    color: #fff;
    font-weight: 600;
    display: block;
    margin: 0 5px 6px 0;
    width: 26px;
    height: 26px;
  }
  .side_linksqq span svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
  }
  .header_burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
  }
  .header .mobile_logo {
    display: block;
    margin-bottom: 2.5rem;
    width: 100px;
    height: 100px;
  }
  .header .mobile_logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
  }
  .header .nav {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    z-index: 50;
    margin: 0;
    opacity: 0;
    right: -100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
  }
  .header .nav.active {
    opacity: 1;
    right: 0;
  }
  .header .nav_list {
    background: #fff;
    width: 60%;
    height: 100%;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: auto;
  }
  .header .nav_item {
    margin: 0 0 1.875rem;
    width: 75%;
    border-bottom: 2px solid #cecece;
    padding-bottom: 0.625rem;
    text-align: center;
  }
  .header .nav_item:last-child {
    margin-bottom: 0;
  }
  .header .nav_link {
    font-size: 1.25rem;
  }
  .footer {
    margin-left: 0;
    width: 100%;
  }
  .friends_title {
    font-size: 1.25rem;
  }
  .gatsby_subtitle {
    font-size: 1rem;
  }
  .gatsby_item {
    padding: 1.875rem;
  }
  .gatsby_item-title {
    font-size: 1rem;
  }
  .gatsby_item-txt {
    font-size: 0.875rem;
  }
  .gatsby_item-photo {
    width: 120px;
    height: 140px;
    left: -30px;
    bottom: -50px;
  }
  .clubs_title {
    font-size: 1.5rem;
  }
  .clubs_form-input input {
    padding: 1rem 3.125rem 1rem 1rem;
    font-size: 1rem;
  }
  .clubs_form button {
    width: 25px;
    height: 25px;
  }
  .list_title, .list_txt {
    font-size: 1.25rem;
  }
  .hero_info-title {
    font-size: 1.875rem;
  }
  .hero_info-txt {
    font-size: 1rem;
  }
  .recent_info-title {
    font-size: 1.875rem;
  }
  .recent_info-txt {
    font-size: 1rem;
  }
  .events_item {
    margin-bottom: 1.25rem;
    padding: 0;
  }
  .events_item-photo {
    width: 17.5rem;
  }
  .events_item-info {
    width: calc(100% - 20rem);
  }
  .forum_title {
    font-size: 1.25rem;
  }
  .local_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    row-gap: 1.25rem;
  }
  .profile_header-photo {
    height: 18.75rem;
  }
  .profile_header-nav a {
    font-size: 1rem;
  }
  .profile .side_links {
    margin-left: 1.25rem;
  }
  .profile .side_linksqq {
    margin-left: 1.25rem;
  }
  .profile_friends {
    padding: 1.25rem;
  }
  .profile_ver {
    padding: 1.25rem;
  }
  .profile_pic {
    padding: 1.25rem;
  }
  .profile_pic-title {
    font-size: 1rem;
  }
  .profile_pic-item h3 {
    font-size: 1rem;
  }
  .profile_pic-item h6 {
    font-size: 0.875rem;
  }
  .settings_item {
    padding: 1.25rem;
  }
  .sign {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 37.5rem;
    width: 100%;
    padding: 30px;
    margin: 0 auto;
    row-gap: 1.25rem;
  }
  .sign_aside {
    width: 100%;
    min-height: unset;
    border: none;
  }
  .sign_aside-title {
    font-size: 1.0625rem;
    padding: 0.625rem 0.875rem;
  }
  .sign_box {
    width: 100%;
    padding: 0;
  }
  .sign_box-title {
    font-size: 1.5rem;
  }
  .sign_box-label {
    font-size: 1.25rem;
  }
  .sign_box-members {
    font-size: 1.125rem;
  }
  .chat_open {
    display: block;
    margin-right: 15px;
  }
  .chat_message {
    width: calc(100% - 2.5rem);
    display: none;
  }
  .chat_message.active {
    display: block;
  }
  .chat_box {
    width: 100%;
    display: none;
  }
  .chat_box.active {
    display: block;
  }
}
@media (max-width: 43.75rem) {

  .event-btn-group {
      flex-direction: column;
      align-items: stretch;
  }

  .event-btn-group a.friends_item-btn, 
  .event-btn-group div.bg-info { 
      width: 100% !important;
      margin-left: 0 !important;
      margin-bottom: 10px;
      text-align: center;
  }

  .event-btn-group a.friends_item-btn:last-child {
      margin-bottom: 0;
  }

  .home_rooms-item::before {
    right: 5px;
  }
  .home_rooms-item::after {
    bottom: 14px;
    right: 5px;
  }
  .friends_header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .friends_btn {
    font-size: 1rem;
    width: 100%;
  }
  .friends_item-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .friends_item-photo {
    margin: 0 0 0.9375rem;
    width: 9.375rem;
  }
  .friends_item-info {
    width: 100%;
    margin: 1.25rem 0;
  }
  .friends_item-delete p {
    font-size: 1rem;
  }
  .footer_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer_nav {
    margin: 0 0 1.875rem;
  }
  .footer_nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .list .checkboxes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .list .row {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .inputs {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 0.625rem;
  }
  .inputs_item {
    margin: 0 0 10px;
    max-width: 100%;
    width: 100%;
  }
  .inputs_item.message {
    max-width: 100%;
    width: 100%;
  }
  .checkboxes_title {
    font-size: 1.125rem;
  }
  .checkboxes_item {
    margin-bottom: 0.9375rem;
  }
  .checkboxes_item:last-child {
    margin-bottom: 1.5625rem;
  }
  .checkboxes_item label {
    font-size: 1rem;
  }
  .events_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .events_item-photo {
    width: 100%;
  }
  .events_item-photo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
    -o-object-position: left;
       object-position: left;
  }
  .events_item-info {
    width: 100%;
    padding-top: 20px;
    margin-top: 10px;
  }
  .events_item-info::before {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0px;
  }
  .gallery_item {
    width: 100%;
  }
  .local {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
  .local_item {
    width: calc(50% - 42px);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .local_item-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .local_item-title span {
    margin-top: 5px;
  }
  .local_item-title span svg:first-child {
    margin-left: 0;
  }
  .local_item-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.25rem;
  }
  .notifications_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    margin-bottom: 20px;
  }
  .notifications_item-link {
    padding: 0;
    margin-top: 10px;
  }
  .settings_box .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 1.25rem;
  }
  .settings_box .col {
    width: 100%;
  }
  .settings_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 1.25rem;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .settings_item-col {
    width: 100%;
  }
  .settings_item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sign_up-box {
    width: 100%;
  }
  .sign_up-logo {
    width: 150px;
  }
  .sign_up-input, .sign_up-check, .sign_up-file, .sign_up-date {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sign_up-input input, .sign_up-check input, .sign_up-file input, .sign_up-date input {
    max-width: unset;
  }
  .sign_up-file label {
    min-width: unset;
  }
  .sign_up-label {
    width: 100%;
    margin: 0 0 10px;
    text-align: unset;
  }
  .profile_header {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    padding: 0 1.25rem;
  }
  .profile_header-photo {
    height: 14.375rem;
  }
  .profile_header-user {
    row-gap: 7px;
    left: 20px;
    top: -110px;
  }
  .profile_header-user-photo {
    min-width: 80px;
    width: 80px;
    height: 80px;
  }
  .profile_header-user-name {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1rem;
  }
  .profile_header-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    overflow: unset;
    width: 100%;
  }
  .profile_header-nav li {
    margin-right: 0;
    border-top: 1px solid rgba(254, 254, 254, 0.5);
  }
  .profile_header-nav li:first-child {
    border-top: unset;
  }
  .profile_header-nav a {
    padding: 10px;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .profile_header-nav a.active::after {
    opacity: 1;
  }
  .profile_header-nav a::after {
    content: "";
    display: block;
    margin-left: 10px;
    width: 14px;
    height: 14px;
    background: url("../images/svg/arrow-down.svg") center no-repeat;
    background-size: contain;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    opacity: 0.5;
  }
  .profile_header-buttons {
    bottom: unset;
    top: 20px;
    right: 20px;
  }
  .profile_header-buttons button {
    width: 35px;
    height: 35px;
  }
  .profile_header-buttons a {
    font-size: 0.875rem;
  }
  .profile_friends h4 {
    font-size: 1rem;
  }
  .profile_friends-item-photo {
    width: 70px;
    height: 70px;
  }
  .profile_inner-header-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 0.9375rem;
  }
  .profile_inner-header-buttons a {
    margin-right: 0;
    -ms-flex-item-align: unset;
        -ms-grid-row-align: unset;
        align-self: unset;
  }
  .profile_about-box h6 {
    font-size: 1rem;
  }
  .profile_about-box p {
    font-size: 0.875rem;
  }
  .profile_ver-title {
    font-size: 1rem;
  }
  .profile_ver-subtitle {
    font-size: 0.875rem;
  }
  .profile_post-item-gal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.625rem;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .profile_post-item-gal-item.small > div {
    height: 12.5rem;
  }
  .profile_settings {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    pointer-events: none;
  }
  .profile_settings.active {
    pointer-events: unset;
  }
  .profile_settings ul {
    min-width: unset;
    width: calc(100% - 30px);
  }
  .profile_settings ul li a {
    font-size: 0.9375rem;
  }
}
@media (max-width: 31.25rem) {

  .header_burger {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

  .header_burger p {
      margin: 0;
      font-size: 1rem;
  }
  
  .auto_container {
    padding: 0 20px;
  }
  .header {
    padding: 0.625rem 1.25rem;
    /* width: calc(100% - 2.5rem); */
    width: -webkit-fill-available;
  }
  .header_logo {
    width: 3.4375rem;
    height: 3.4375rem;
  }
  .header .mobile_logo {
    width: 80px;
    height: 80px;
    margin-bottom: 1.25rem;
  }
  .header_burger span {
    width: 20px;
    height: 20px;
  }
  .header_notification {
    width: 20px;
  }
  .header .nav_list {
    width: 80%;
  }
  .header .nav_item {
    margin-bottom: 1.25rem;
  }
  .header .nav_link {
    font-size: 1rem;
  }
  .main {
    margin-top: 75px;
  }
  .main .box {
    padding: 20px;
    width: calc(100% - 40px);
  }
  .main .sidebar_group {
    width: 80%;
  }
  .main .sidebar_title {
    font-size: 1.125rem;
  }
  .main .sidebar_links li a span {
    width: 20px;
    height: 20px;
  }
  .main .sidebar_links li a P {
    font-size: 0.875rem;
  }
  .main .sidebar .menu {
    height: calc(100% - 156px);
    top: 51px;
  }
  .main .sidebar .menu li a p {
    font-size: 0.875rem;
  }
  .main .sidebarqq .menu {
    height: calc(100% - 156px);
    top: 51px;
  }
  .main .sidebarqq .menu li a p {
    font-size: 0.875rem;
  }
  .main .user_photo {
    width: 11.25rem;
    height: 11.25rem;
  }
  .main .user_photo label {
    width: 1.875rem;
    height: 1.875rem;
  }
  .main .user_photo label svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
  }
  .home_rooms-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.625rem;
  }
  .side_links {
    padding: 0.4375rem 1rem;
  }
  .side_links span {
    width: 20px;
    height: 20px;
  }
  .side_linksqq {
    padding: 0.4375rem 1rem;
  }
  .side_linksqq span {
    width: 51px;
    height: 18px;
  }
  .friends_title {
    font-size: 1.125rem;
  }
  .friends_tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .friends_tabs-title {
    text-align: center;
    width: calc(100% - 1.25rem);
    font-size: 1rem;
  }
  .friends_item {
    text-align: center;
    padding: 24px;
  }
  .friends_item-photo {
    width: 7.5rem;
    min-width: 7.5rem;
    height: 7.5rem;
  }
  .friends_item-title, .friends_item-txt, .friends_item-group p {
    font-size: 1rem;
  }
  .friends_item-row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .friends_item-btn {
    width: 100%;
    margin: 0;
  }
  .friends_item-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .friends_item-group {
    margin: 0 0 10px;
  }
  .friends_item-group:last-child {
    margin-bottom: 0;
  }
  .inputs_item label {
    font-size: 1rem;
  }
  .inputs_item .select-selected {
    font-size: 1rem !important;
  }
  .inputs_item .select-items div {
    font-size: 1rem !important;
  }
  .checkboxes_title {
    font-size: 1rem;
  }
  .checkboxes_item label {
    font-size: 1rem;
    padding-left: 35px;
  }
  .checkboxes_item label::before {
    width: 25px;
    height: 25px;
  }
  .checkboxes_item label::after {
    width: 16px;
    height: 16px;
  }
  .gatsby_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .gatsby_item-photo {
    width: 120px;
    height: 140px;
    left: unset;
    bottom: unset;
    margin-bottom: 15px;
  }
  .gatsby_item-info {
    width: 100%;
  }
  .gatsby_item-row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .gatsby_item-rate {
    margin-left: 0;
    margin-top: 15px;
  }
  .settings_search {
    width: 100%;
  }
  .settings_search > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 0.9375rem;
  }
  .settings_search button {
    width: 100%;
  }
  .settings_item-photo {
    height: unset;
  }
  .settings_item-photo img {
    -o-object-position: unset;
       object-position: unset;
  }
  .settings_item-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .settings_item-list li span {
    width: 24px;
    height: 24px;
  }
  .clubs {
    margin-top: 75px;
  }
  .clubs_title {
    font-size: 1.125rem;
  }
  .clubs_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    row-gap: 0.625rem;
  }
  .clubs_row p {
    margin-right: 0;
  }
  .clubs_item {
    margin-bottom: 1.25rem;
  }
  .clubs_item-title {
    font-size: 0.9375rem;
  }
  .clubs_item-title span {
    width: 18px;
    height: 18px;
  }
  .list {
    margin-top: 75px;
    padding: 1.25rem 0;
  }
  .hero {
    margin-top: 75px;
  }
  .hero_slider-item-photo {
    height: unset;
  }
  .hero_slider-item-title {
    font-size: 0.875rem;
  }
  .recent_slider-item-photo {
    height: unset;
  }
  .recent_slider-item-title {
    font-size: 0.875rem;
  }
  .events_item-title {
    font-size: 1rem;
  }
  .events_item-txt {
    font-size: 0.875rem;
  }
  .events_item-photo {
    height: unset;
  }
  .events_item-row:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .events_item-row p {
    width: 100%;
  }
  .forum_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .forum_item-info {
    margin-bottom: 1.25rem;
  }
  .forum_item-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 0.625rem;
  }
  .forum_item-buttons button {
    width: 100%;
  }
  .land {
    margin-top: 73px;
  }
  .land_form {
    width: calc(100% - 2.5rem);
    padding: 0 1.25rem;
  }
  .land .custom-select {
    width: 100%;
  }
  .local {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }
  .local_item {
    width: calc(100% - 2px);
  }
  .meet_title {
    font-size: 1.25rem;
  }
  .meet_txt {
    font-size: 0.9375rem;
  }
  .meet_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .meet .custom-select {
    margin-left: 0;
  }
  .meet_link p {
    font-size: 1rem;
  }
  .meet_btn {
    font-size: 0.875rem;
    width: 100%;
  }
  .sign {
    padding: 10px 20px;
  }
  .sign_aside-title {
    font-size: 0.875rem;
  }
  .sign_aside-links {
    margin-left: 0;
  }
  .sign_aside-links li {
    margin-bottom: 15px;
  }
  .sign_box-list li span {
    width: 20px;
    height: 20px;
  }
  .sign_box-list li p {
    font-size: 0.875rem;
  }
  .sign_up-btn {
    width: 100%;
  }
  .profile_header {
    position: relative;
  }
  .profile_post {
    padding: 1.25rem;
  }
  .profile_post-title {
    font-size: 1rem;
  }
  .profile_post-item-gal-item.big {
    height: 9.375rem;
  }
  .profile_post-item-gal-item.small > div {
    height: 9.375rem;
  }
  .profile_post-item-gal-item.two {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .profile_post-item-gal-item.two > div {
    height: 9.375rem;
  }
  .profile_ver-item .verify {
    position: static;
    margin: 10px 0 15px;
  }
  .profile_ver-item-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
  }
  .profile_ver-item-row a {
    width: 100%;
  }
  .profile_ver .ver_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
  }
  .profile_ver .ver_box > div {
    width: 100%;
    margin-right: 0;
  }
  .profile_about-box {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .profile_about-col {
    width: calc(100% - 0.625rem);
  }
  .profile_about-col.w50 {
    width: calc(50% - 0.625rem);
  }
  .profile_inner-header {
    padding: 1.25rem;
  }
  .profile_inner-header-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    row-gap: 0.9375rem;
  }
  .profile_inner-header-row a {
    text-align: center;
  }
  .profile .mobile_profile-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    position: relative;
  }
  .profile .mobile_profile-nav::after {
    content: "";
    width: 14px;
    height: 14px;
    background: url("../images/svg/drop-down.svg") no-repeat center;
    background-size: contain;
  }
  .profile .mobile_profile-nav.active::after {
    background: url("../images/svg/close.svg") no-repeat center;
  }
  .profile .mobile_profile-nav h1 {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.4;
  }
  .chat {
    margin-top: 73px;
  }
  .chat_open {
    width: 13px;
    height: 20px;
  }
  .chat .load_more {
    font-size: 0.9375rem;
    padding: 0.75rem 1.25rem;
  }
  .chat .mobile_menu-btn {
    width: 40px;
    height: 14px;
    margin-bottom: 1.25rem;
  }
  .chat_box-header-photo {
    display: none;
  }
  .chat_box-header h6 {
    font-size: 0.875rem;
  }
  .chat_box-header p {
    font-size: 0.75rem;
  }
  .chat_box-header-group {
    margin-left: 15px;
  }
  .chat_box-header-group a {
    width: 20px;
    height: 20px;
  }
  .chat_box-inner {
    height: calc(100vh - 240px);
    padding: 0.625rem 1.25rem;
  }
  .chat_box .date {
    font-size: 0.875rem;
  }
  .chat_box .friend_photo {
    width: unset;
    min-width: 40px;
    height: 40px;
  }
  .chat_box .friend_message p {
    font-size: 0.875rem;
  }
  .chat_box .my_message p {
    font-size: 0.875rem;
  }
  .chat_box-input input {
    font-size: 0.875rem;
  }
  .chat_box-input .file_input label {
    width: 20px;
    height: 20px;
  }
  .chat_box button {
    width: 22px;
    height: 22px;
  }
  .chat_message-title {
    font-size: 1.125rem;
    margin-bottom: 0.9375rem;
  }
  .chat_message-item-photo {
    width: 50px;
    min-width: 50px;
    height: 50px;
  }
  .chat_message-item h6 {
    font-size: 0.9375rem;
  }
  .chat_message-item p {
    font-size: 0.75rem;
  }
  .gallery_filter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    row-gap: 0.625rem;
  }
  .gallery_filter-btn {
    margin-left: 0;
    width: 100%;
  }
  .gallery_filter .select2 {
    min-width: 100%;
  }
  .pag_arrow {
    display: none;
  }
}