/* Scss Document */
/* Scss Document */
/* Scss Document */
/* CSS Document */
@font-face {
  font-family: "SwissReSans Light";
  src: url("../font/SWISA02_0.otf");
}

@font-face {
  font-family: "SwissReSans Regular";
  src: url("../font/SWISA03_0.otf");
}

@font-face {
  font-family: "SwissReSans Bold";
  src: url("../font/SWISA04_0.otf");
}

@font-face {
  font-family: "SwissReSans Light Italic";
  src: url("../font/SWISA22_0.otf");
}

@font-face {
  font-family: "SwissReSans Regular Italic";
  src: url("../font/SWISA23_0.otf");
}

@font-face {
  font-family: "SwissReSans Bold Italic";
  src: url("../font/SWISA24_0.otf");
}

@font-face {
  font-family: "SwissReSans 911 BT";
  src: url("../font/SWZ911XC_0.otf");
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  background: #F0F2F5;
  font-family: "SwissReSans Regular";
  overflow-x: hidden;
}

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

p {
  margin: 0px;
  padding: 0px;
}

button {
  outline: none !important;
}

ul {
  text-decoration: none;
}

.ss-mob {
  display: none !important;
}

.iziToast > .iziToast-body .iziToast-texts {
  margin-left: 10px !important;
}

/*<#======================================   Index Page Css    =============================================>*/
/*<#===Header CSS===#>*/
.ch-img, .ch-img-a {
  -o-object-fit: fill;
     object-fit: fill;
  max-height: 100%;
  width: 95px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-top: 20px;
}

.ch-img-a {
  width: 105px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-top: 20px;
}

header {
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 68px;
  background: #fff;
}

nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 68px;
  background: #fff;
  height: auto;
  padding: 6px 30px 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: fixed;
  z-index: 1030;
}

.ss-mob-header {
  display: none;
}

.ss-nav-mob {
  display: none;
}

.challenge-sec {
  display: none;
}

.ss-nav-l {
  width: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0;
  position: relative;
}

.ss-nav-m {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0;
  position: relative;
}

.ss-nav-r {
  width: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 4px;
  position: relative;
}

.ss-logo {
  width: 90%;
}

.ss-msg-b {
  display: none;
}

.ss-notif-b {
  display: none;
}

.ss-navlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  list-style: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: 3px;
}

.ss-navlinks {
  width: 7%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.ss-nav-icon {
  width: 100%;
}

.ss-badge, .ss-badge-men {
  position: absolute;
  border-radius: 100%;
  top: -5px;
  left: 13px;
  color: #fff;
  font-size: 12px;
  background: #fe53aa;
  font-family: "SwissReSans Regular";
  padding: 1px 3px 1px 2px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1.5px solid #fff;
}

.ss-navlinks:nth-child(4), .ss-navlinks:nth-child(5), .ss-navlinks:nth-child(6) {
  width: 6% !important;
  margin-top: 4px;
}

.ss-signup, .ss-login {
  outline: none;
  border: 1px solid;
  background: transparent;
  text-transform: uppercase;
  font-size: 15px;
  padding: 3px 6px;
  border-radius: 8px;
}

.ss-signup {
  color: #041f6e;
  border: 1px solid #041f6e;
}

.ss-login {
  color: #fe53aa;
  border: 1px solid #fe53aa;
}

.ss-signup:hover {
  color: #FFFFFF;
  border: 1px solid #041f6e;
  background: #041f6e;
}

.ss-login:hover {
  color: #fff;
  border: 1px solid #fe53aa;
  background: #fe53aa;
}

.ss-search-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.ss-cont-search {
  width: 85%;
  position: relative;
}

.ss-search-bar {
  width: 100%;
  background: #F1EEEE;
  color: #565656;
  border: none;
  border-radius: 7px;
  position: relative;
  font-size: 14px;
  font-family: "SwissReSans Bold";
  padding: 8px 6px 8px 6px;
  outline: none !important;
}

.ss-submit {
  position: absolute;
  border: none;
  right: 10px;
  background: transparent;
  top: 5px;
  z-index: 5000000;
}

.ss-notif-dot {
  width: 5px;
  height: 5px;
  background: #fe53aa;
  position: absolute;
  top: 2px;
  left: 22px;
  border-radius: 100%;
}

.ss-search-bar::-webkit-search-cancel-button {
  display: none !important;
}

.ss-search-icon {
  background: transparent;
}

.ss-nav-br {
  width: 100%;
  height: 5px;
  margin: 0px;
  padding: 0;
  position: fixed;
  top: 69px;
  z-index: 1000;
}

/*<#==== Menu Desktop CSS =====>*/
.ss-menu-cont-my {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0px;
  top: 68px;
  width: 400px;
  height: auto;
  right: 0px;
  left: auto;
  background: #dedede;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1029;
  bottom: 0px;
}

.ss-menu-contnt {
  width: 400px;
  height: 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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 50px;
}

.ss-men-col-noc {
  width: 85%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 5px;
  margin: 0px auto 10px;
  position: relative;
}

.ss-men-img-cont {
  width: 12%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ss-menu-btn {
  width: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 60px;
  padding-left: 10px;
  border: none !important;
  outline: none !important;
  position: relative;
}

.ss-menu-icon, .ss-lc-icon {
  margin-right: 10px;
}

.ss-men-name, .ss-men-name-lc {
  margin-left: 12px;
  text-transform: uppercase;
  color: #041F6E;
  font-family: "SwissReSans Bold";
}

.ss-overlay {
  background: #000;
  opacity: 0.5;
  z-index: 1028;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
}

#overlay {
  width: 0px;
  -webkit-transition: 0.2 ease;
  transition: 0.2 ease;
}

.ss-story-overlay {
  background: #000;
  z-index: 99990;
  opacity: 0.86;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-transition: 0.2 ease;
  transition: 0.2 ease;
}

#story-overlay {
  display: none;
  -webkit-transition: 0.2 ease;
  transition: 0.2 ease;
}

#st-body {
  display: none;
  pointer-events: none;
}

.ss-badge-men {
  top: 7px;
  left: 19px;
}

#sideNav {
  width: 0px;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}

#sideNav.open {
  width: 400px;
}

.ss-close-btn {
  position: absolute;
  top: 10px;
  left: 10px;
  right: auto;
  background: transparent;
  outline: none !important;
  border: none !important;
  z-index: 5100;
}

.ss-close-btn img {
  width: 20px;
}

.topbar-mob {
  display: none;
}

/*<#=== Container Body ===>*/
.ss-cont-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.ss-cont-body-my {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

/*<#===== Left Panel ====>*/
.simplebar-scrollbar::before {
  background-color: slategrey !important;
}

.ss-left-panel {
  width: 20%;
  padding-left: 20px;
  position: relative;
}

.ss-left-p-cont {
  width: 20%;
  background: #fff;
  margin-left: 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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 26px;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 27px;
  padding-bottom: 20px;
  position: fixed;
  margin-top: 0px;
  top: 95px;
  height: auto;
  right: auto;
  left: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1000;
  bottom: 0px;
}

.profile-sec {
  position: relative;
  width: 100%;
}

.profile-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  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: 6px 10px 6px 0px;
  background: #fe53aa;
  border-radius: 100px;
  position: relative;
  width: 85%;
}

.img-br {
  border-radius: 100%;
  padding: 1.5px;
  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;
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  margin-right: 5px;
  position: absolute;
  width: 27%;
  max-width: 60px;
}

.prof-img {
  border-radius: 100%;
  border: 0.5pt solid #fff;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  background: #fff;
}

.prof-count {
  color: #fff;
  font-family: "SwissReSans Regular";
  font-weight: bold;
  font-size: 17px;
  margin-left: 80px;
  z-index: 20;
  width: 100%;
}

.profile-sec:nth-child(2) {
  margin-top: 35px;
  margin-bottom: 30px;
}

.ss-lc-men-cont-br {
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  width: 100%;
  padding: 2px;
}

.ss-lc-men-cont {
  background: #fff;
  width: 100%;
}

.ss-lc-men-it-cont, .ss-lc-men-it-cont a {
  position: relative;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  padding: 3px 6px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ss-lc-men-it-cont a {
  margin-top: 10px;
  margin-bottom: 10px;
}

.ss-lc-img-cont {
  width: 20%;
}

.ss-men-name-lc {
  margin-left: 10px;
}

/*<#===== Mid Panel ====>*/
.ss-mid-panel {
  width: 63%;
}

.ss-top-mid-section, .post-wrapper, .ss-right-panel-cont, .ss-prof-cont, .ss-right-panel-my-cont {
  width: 90%;
  margin: auto;
  margin-top: 26px;
  border: 0px solid red;
  border-radius: 20px;
  padding: 20px 0px 0px;
  background-color: #fff;
}

.ss-carousel-sec {
  width: 100%;
  padding: 0px 5px;
  z-index: 999999;
  pointer-events: all;
}

.ss-upload-section {
  width: 100%;
  padding: 0px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ss-up-icon-cont {
  width: 15%;
}

.ss-up-icon {
  width: 60%;
  margin-left: auto;
}

.ss-up-btn {
  background: #041F6E;
  width: 80%;
  margin: auto;
  text-align: center;
  color: #fff;
  font-family: "SwissReSans Bold";
  text-transform: uppercase;
  padding: 10px 0px;
  border: none;
  outline: none !important;
  border-radius: 30px;
}

/*<#===== Carousel Container ====>*/
.story-container {
  width: 100%;
  height: 100px;
  background: #e9e9e9;
  margin-top: 0px;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 2%;
  position: relative;
}

.my-story {
  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;
  height: auto;
}

.img-br-st {
  border-radius: 100%;
  width: 70px;
  height: 70px;
  padding: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  margin-right: 7px;
}

.img-br-st .img-st {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  border: 2.5px solid #e9e9e9;
  border-radius: 100%;
  margin: auto;
  -webkit-animation: none;
          animation: none;
  position: relative;
}

.add-btn {
  position: absolute;
  top: 60%;
  left: 72%;
}

.story-text {
  font-family: "SwissReSans Regular";
  font-size: 12px;
  margin-top: 2.5px;
  color: #1374ec;
  white-space: nowrap;
  padding: 0px !important;
  margin: 0px !important;
}

.swiper-container {
  padding: 0px !important;
  margin: 0px !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.st-base {
  height: 70px;
  width: 70px;
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
  clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 25;
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.hex4 {
  height: 67px;
  width: 67px;
  background: #e9e9e9;
  padding: 3px;
  display: block;
  z-index: 45;
  -webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
  clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
}

.hex4 img {
  -webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
  clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
}

/*<#========== Post tab navigation section ==========> */
.nav {
  width: 100%;
  background-color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 39px;
  align-items: center;
  padding: 0px !important;
  margin-top: 26px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.nav-link.active {
  background: #d4d4d4 !important;
  margin: 0px;
  padding: 0px;
  border: 0px !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit;
}

.nav-item a {
  width: 100% !important;
  height: 100% !important;
  padding: 0px;
  margin: 0px;
  border: 0px !important;
  -webkit-transition: 0.6 ease;
  transition: 0.6 ease;
}

li.nav-item:nth-child(1) {
  width: 38% !important;
  border-right: 1px solid #d4d4d4;
  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;
  margin: 0px;
  height: 100%;
  border-bottom-left-radius: 20px;
}

li.nav-item:nth-child(2) {
  width: 24% !important;
  border-right: 1px solid #d4d4d4;
  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;
  height: 100%;
}

li.nav-item:nth-child(3) {
  width: 38% !important;
  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;
  height: 100%;
  border-bottom-right-radius: 20px;
}

.br-sec {
  display: none;
}

.ss-nav-dpdw-cont {
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  padding: 3px;
  margin: 0;
  border: none;
  border-radius: 10px;
  top: 23px !important;
}

.ss-nav-dpdw {
  background: #fff;
  width: 100%;
  border-radius: 10px;
}

.ss-dpdw-header {
  font-weight: bold;
  font-size: 19px;
  line-height: 29px;
  letter-spacing: 0.08em;
  color: #052071;
  text-transform: uppercase;
}

.ss-dpdw-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  padding: 12px 5px 0px !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ss-dpdw-img-ct {
  width: 19%;
}

.ss-dpdw-img-ct img {
  width: 100%;
  border-radius: 100%;
}

.ss-dpdw-txt-ct {
  padding: 0px 5px;
  white-space: normal;
}

.ss-dpdw-txt-ct-2 {
  padding: 0px 25px 0px 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  font-size: 17px;
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 80%;
  position: relative;
}

.ss-dpdw-us-nm {
  display: inline-block;
  font-weight: bold;
  overflow-x: hidden;
  text-overflow: ellipsis;
  font-size: 17px;
  width: 100%;
}

.ss-dpdw-us-cht {
  overflow-x: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  position: relative;
}

.ss-badge-dpdw {
  background: #fe53aa;
  border-radius: 100%;
  position: absolute;
  color: #fff;
  font-size: 12px;
  padding: 2px 3px;
  left: auto;
  top: auto;
  bottom: 5px;
  right: 5px;
  width: auto;
  height: auto;
}

.ss-read {
  background: #FFF !important;
}

.ss-unread {
  background: #f3f3f3 !important;
}

.ss-dpdw-ts {
  font-size: 14px;
  color: #797878;
  margin-right: 10px;
  margin-left: auto;
  line-height: 15px;
  margin-bottom: 9px;
}

.ss-dpdw-txt {
  line-height: 19px;
  margin-left: 7px;
}

.ss-dpdw-txt span {
  font-weight: bold;
}

.ss-dpdw-mnct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
}

.ss-dpdw-br {
  width: 100%;
  height: 2px;
  padding: 0px;
}

.ss-dpdw-ft {
  width: 100%;
  text-align: center;
  color: #1374EC !important;
  margin: 0;
  padding: 10px 0 10px !important;
}

.dropdown-item:hover {
  border-radius: 10px !important;
}

.tab-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0px 0px;
  position: relative;
}

.tab-icon {
  height: 15px;
  margin-right: 5px;
}

.tab-header {
  margin: 0px;
  font-family: "SwissReSans Bold";
  padding: 0px;
  color: #1374ec;
  font-size: 15px;
  position: relative;
}

.badge-count-3 {
  position: absolute;
  border-radius: 100%;
  top: 3px;
  left: 69%;
  right: auto;
  color: #fff;
  font-size: 12px;
  background: #fe53aa;
  font-family: "SwissReSans Regular";
  width: 22px;
  height: 22px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1.5px solid #fff;
  z-index: 50;
}

/*<#============ Post Section CSS ==================>*/
.post-wrapper {
  padding-top: 5px;
  padding-bottom: 5px;
}

.post-wrapper:last-child {
  margin-bottom: 70px;
}

/*<#======== Post Header CSS ===========>*/
.postheader {
  margin-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0px 2% 4px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.tab-pane {
  width: 100%;
}

.swiper-2 {
  width: 100%;
}

.img-br-pt {
  border-radius: 100%;
  width: 62px;
  height: 62px;
  padding: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  margin-right: 7px;
}

.no-story {
  visibility: hidden;
}

.profile-icon {
  position: relative;
}

.pt {
  width: 100%;
  border: 2px solid #fff;
  border-radius: 100%;
  visibility: visible !important;
}

.notif-dot {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  background: #63de9b;
  position: absolute;
  top: 4px;
  right: 15%;
}

.name-rank {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 5px;
  width: 75%;
}

.rank-pill {
  background: #63de9b;
  padding: 1px 10px;
  border-radius: 20px;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0px !important;
}

.rank-text {
  color: #fff;
  font-family: "SwissReSans Regular";
  font-size: 13px;
  letter-spacing: 0.8pt;
}

.profile-name, .prof-name-com, .ss-modal-un {
  font-family: "SwissReSans Bold";
  font-size: 15px;
  color: #24429b;
  text-transform: uppercase;
  letter-spacing: 0.5pt;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.verification-mark {
  margin-left: 6px;
  width: 18px;
  margin-top: -3px;
}

.right-sec-pt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 45%;
}

.left-sec-pt {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 55%;
  height: auto;
  padding: 5px 1%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.follow {
  background: rgba(0, 0, 0, 0);
  font-family: "SwissReSans 911 BT";
  font-size: 20px;
  border: 3px solid #63de9b;
  border-radius: 20px;
  color: #fe53aa;
  padding: 0px 8px 0px 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-right: 35px;
  margin-top: 20px;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
}

.follow.active {
  color: #fff;
  letter-spacing: 0.1em;
  background: #fe53aa;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
}

.add-friend {
  background: rgba(0, 0, 0, 0);
  margin-top: 0px;
  border: none;
  margin-right: 35px;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.add-friend-icon-2 {
  display: none;
}

.add-friend-txt {
  font-size: 12px;
  background: #63de9b;
  padding: 2px 6px;
  text-transform: uppercase;
  color: #fff;
  border-radius: 6px;
  margin-top: -2px;
}

.dot1, .dot2, .dot3 {
  width: 7px;
  height: 7px;
  background: #fe53aa;
  border-radius: 100%;
  margin-bottom: 4px;
}

.dot2 {
  background: #24429b;
}

.dot3 {
  background: #7ff7ff;
}

.menu-post {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0);
  border: none;
  margin-top: 12px;
  position: relative;
}

.dropdown-menu-center {
  left: 100% !important;
  top: 40px !important;
  right: auto !important;
  text-align: left !important;
  -webkit-transform: translate(-100%, 40px) !important;
          transform: translate(-100%, 40px) !important;
  top: 20px !important;
  z-index: 50000000;
}

/*<#======== Post Body ===========>*/
.post-img-frame {
  width: 100%;
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  padding: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.post-img {
  border: 3px solid #fff;
  width: 100%;
  background: #000;
}

.react-bar {
  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: 70%;
  margin: 10px auto 0px;
}

.icon-sec, .icon-sec-m, .icon-sec-l {
  position: relative;
  padding-top: 10px;
  background: transparent;
  border: none;
  outline: none !important;
}

.s-badge, .l-badge {
  background: #fe53aa;
  width: 30px;
  top: 3px;
  left: 10px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  border-radius: 20px;
  color: #fff;
  font-family: "SwissReSans Regular";
  font-size: 13px;
}

.l-badge {
  width: 40px;
  left: 25px;
  top: -10px;
}

.icon-sec-m {
  border: 7px #e9e9e9 solid;
  border-radius: 100%;
  padding: 15px 11px 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;
  background: transparent;
  outline: none !important;
}

.react-2 {
  display: none;
}

.react-dl-2 {
  display: none;
}

.icon-sec-l {
  margin-top: -6px;
  background: transparent;
  border: none;
  outline: none !important;
}

/*<#======== Post Footer ===========>*/
.post-desc {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0px 7px;
  margin-left: 4px;
}

.desc-text {
  font-family: "SwissReSans Regular";
  color: #000;
  font-size: 17px;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.read, .less-btn {
  margin-top: 5px;
  display: block;
  margin-right: 4px;
  background-color: rgba(0, 0, 0, 0);
  color: #fe53aa;
  border: none;
  outline: none;
  -ms-flex-item-align: end;
      align-self: flex-end;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 19px;
  letter-spacing: 1pt;
  font-family: "SwissReSans 911 BT";
}

.more {
  display: inline;
  display: none;
}

.active {
  display: inline;
}

.dots {
  display: inline;
}

.disabled {
  display: none;
}

.comment-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 30px;
  width: 100%;
  position: relative;
}

.textarea-cont {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  position: relative;
  padding-left: 12px;
  padding-right: 20px;
}

.prof-icon-cont {
  width: 10%;
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border: none;
}

.post-comment {
  background: #f3f3f3;
  width: 100%;
  overflow: auto;
  resize: none;
  line-height: 20px;
  height: auto;
  font-family: "SwissReSans Regular";
  color: #5d5d5d;
  outline: none;
  border-radius: 11px;
  border: 1px solid #cccccc;
  margin-top: 5px;
  padding: 10px 80px 10px 14px;
  margin-bottom: 10px;
}

.prof-icon-c {
  border-radius: 100%;
  width: 75%;
  margin: auto 0 auto auto;
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
}

.ss-btn-cont-tx {
  width: 70px;
  position: absolute;
  bottom: 25px;
  right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ss-btn-cont-tx .ss-txta-btn {
  width: 28px;
  border: none !important;
  outline: none !important;
  background: transparent;
  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;
  margin-right: 5px;
}

.ss-btn-cont-tx .ss-txta-btn img {
  width: 100%;
  height: auto;
}

.ss-com-c {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: right;
  font-size: 17px;
  font-family: "SwissReSans Bold";
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-line-pack: center;
      align-content: center;
  padding-right: 20px;
}

.comment-sec-2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.comment-cont {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  padding-left: 15px;
  margin-left: 9px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 22px;
  border-radius: 12px;
  background-color: #f3f3f3;
  position: relative;
}

.prof-name-com {
  font-size: 15px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.comment-sec-2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

/*<#===== Right Panel ====>*/
.ss-right-panel {
  width: 17%;
}

.ss-right-panel-cont {
  width: 17%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 5px;
  margin-right: auto;
  margin-left: 0px;
  position: fixed;
  overflow-y: auto;
  margin-top: 0px;
  top: 95px;
  height: auto;
  left: auto;
  right: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1000;
}

.ss-rp-sec {
  width: 100%;
  padding: 5px;
}

.ss-rp-sec a {
  width: 100%;
}

.ss-rp-img {
  width: 100%;
}

footer {
  display: none;
}

.menu-disabled {
  display: none;
}

/*<#=== Modal CSS  ====>*/
.ss-modal-br {
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  padding: 2px;
}

.modal-content-main {
  border-radius: calc( .3rem - 2px);
  width: 100%;
  background: #fff;
}

.ss-modal-upi-h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  margin: 0;
  padding: 0;
}

.ss-modal-title {
  color: #fe53aa;
  text-transform: uppercase;
}

.ss-modal-hd-cont {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  white-space: nowrap;
  margin-left: 12px;
}

.ss-modal-privacy {
  width: 80px;
}

.modal-header {
  text-align: center;
  position: relative;
}

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

.modal-title {
  font-family: "SwissReSans Bold";
  text-align: center;
  margin: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.modal-footer {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.modal-footer button {
  background: #FF464F;
  width: 70%;
  color: #fff;
  padding: 10px 0px;
  font-family: "SwissReSans Bold";
  font-size: 15px;
  border: none;
  outline: none;
  text-transform: uppercase;
}

.ss-image-cont {
  width: 95%;
  margin: auto;
  position: relative;
  margin-top: 15px;
}

.ss-modal-img {
  width: 100%;
  height: auto;
  position: relative;
}

.modal-body {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal-body .textarea-cont {
  padding: 0px 0px;
  width: 95%;
}

.modal-body .textarea-cont .ss-btn-cont-tx {
  bottom: 25px;
  right: 7px;
}

.modal-body textarea {
  width: 100%;
  border: none;
  background: transparent;
  margin: auto;
  margin-top: 15px;
  border-radius: 5px;
  overflow-y: auto;
  resize: none;
  outline: none !important;
  color: #000;
  padding: 10px;
  border: 1px solid rgba(59, 59, 59, 0.4);
  min-height: 60px !important;
}

.ss-md-up-btn {
  width: 70%;
  color: #fff;
  background: #24429b;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  outline: none !important;
  margin-top: 15px;
}

.ss-md-up-btn i {
  margin-left: 8px;
}

.ss-delete-img {
  background: #fff;
  opacity: 0.8;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  position: absolute;
  top: 10px;
  right: 20px;
  padding: 0;
  margin: 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none !important;
  outline: none !important;
}

.ss-delete-img img {
  width: 40%;
  padding: 0;
  margin: 0;
}

/*<#======================================   Signup page Css    =============================================>*/
.ss-signup-container {
  position: relative;
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  background-size: 300% 300%;
  min-height: 100vh;
  min-width: 100%;
  width: 100%;
  height: auto;
  padding-top: 28px;
  -webkit-animation: gradient 10s ease infinite;
          animation: gradient 10s ease infinite;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
}

.ss-signup-container h1 {
  font-family: "SwissReSans Regular";
  font-size: 50px;
  color: #fff;
  margin: auto;
  letter-spacing: 2.5px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.custom-control .custom-radio .col-4 {
  margin-left: 5px;
}

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/*<#===Header CSS===#>*/
.ss-logo-cont {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin-top: 12px;
  margin-bottom: 25px;
}

.form-control {
  border: 1px solid #ced4da !important;
}

.ss-logo-box {
  width: 65%;
  margin: auto;
}

.input-group-text {
  border: 1px solid #ced4da !important;
}

ul {
  text-decoration: none;
}

.mcq-question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: 20px;
}

.mcq-question li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 30%;
}

.mcq-question input[type="radio"]:checked,
.mcq-question input[type="radio"]:not(:checked) {
  display: none;
}

.mcq-question .mcq-alternative:checked + label > div,
.mcq-question .mcq-alternative:not(:checked) + label > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  z-index: 100 !important;
  text-align: center;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #1374ec;
  padding: 10px 15px;
}

.mcq-question .mcq-alternative:checked + label > div {
  background: #1374ec;
  -webkit-transition: 600ms all ease;
  transition: 600ms all ease;
  text-align: center;
  width: 100%;
  color: #fff;
  padding: 10px 15px;
}

.mcq-question li label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.ss-field-title {
  font-size: 19px;
  font-family: "SwissReSans Bold";
  margin-bottom: 15px;
}

/*<#======================================  My Profile page Css    =============================================>*/
/*<#=====  Left Panel profile Css ======>*/
.ss-left-my-cont {
  width: 20%;
  background: transparent;
  margin-left: 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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom: 20px;
  position: fixed;
  margin-top: 0px;
  top: 95px;
  height: auto;
  right: auto;
  left: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1000;
  bottom: 0px;
}

/*<#=====  Invite List Css ======>*/
.ss-my-l-cont {
  background: #fff;
  width: 100%;
  margin-top: 15px;
  padding-top: 5px;
  border-radius: 15px;
  position: relative;
}

.ss-cont-header {
  width: 100%;
  text-align: center;
  font-family: "SwissReSans Bold";
  font-size: 21px;
  letter-spacing: 0.06em;
  margin-top: 15px;
  margin-bottom: 12px;
}

.ss-cont-li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0px 5px 0px;
  margin-bottom: 10px;
  height: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.ss-cont-li .dropdown-menu-center {
  top: 0px !important;
}

.ss-cont-li a {
  width: 70%;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
}

.ss-cont-li a .ss-prof-name-m {
  text-transform: uppercase;
  color: #24429B;
  font-size: 14px;
  letter-spacing: 0.06em;
  margin-left: 8px;
  font-family: "SwissReSans Bold";
  width: 70%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}

.ss-cont-li button:nth-child(2) {
  outline: none;
  border: none;
  background: #1374EC;
  font-size: 10px;
  line-height: 13px;
  letter-spacing: 0.08em;
  color: #fff;
  height: auto;
  padding: 5px 8px;
  border-radius: 20px;
  margin: 0px;
  width: auto;
}

.ss-cont-li button:nth-child(2):hover {
  background: #24429B;
}

.ss-cont-li button:nth-child(3) {
  padding-left: 5px;
  margin-top: 0px;
  display: none;
}

.ss-cont-li button:nth-child(3) div {
  height: 5px;
  width: 5px;
}

.ss-img-cont {
  width: 24%;
  position: relative;
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  padding: 2px;
  border-radius: 100%;
  position: relative;
}

.ss-img-cont img {
  width: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
}

.ss-img-cont .notif-dot {
  height: 6px;
  width: 6px;
  right: 5px;
}

.ss-sem-cont {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 15px;
}

.ss-see-more {
  width: auto;
  text-align: center;
  font-size: 18px;
  color: #1374EC !important;
}

.ss-see-more:hover {
  color: #24429B !important;
}

.ss-my-l-cont .profile-sec {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0px 10px;
}

.ss-my-l-cont .profile-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  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: 4px 10px 4px 0px;
  background: #fe53aa;
  border-radius: 100px;
  position: relative;
  width: 75%;
}

.ss-my-l-cont .img-br {
  border-radius: 100%;
  padding: 2px;
  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: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  margin-right: 5px;
  position: absolute;
  width: 27%;
  left: -2px;
}

.ss-my-l-cont .prof-img {
  border-radius: 100%;
  border: 1pt solid #fff;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  background: #fff;
}

.ss-my-l-cont .prof-count {
  color: #fff;
  font-family: "SwissReSans Regular";
  font-weight: bold;
  font-size: 17px;
  margin-left: 80px;
  z-index: 20;
  width: 100%;
}

.ss-cont-li-2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 13px 15px;
}

.ss-trans-amount {
  color: #63DE9B;
  font-family: "SwissReSans Bold";
}

.am-loss {
  color: #ff0000 !important;
}

/*<#=====  Mid Panel profile Css ======>*/
.ss-mid-panel-my {
  width: 58%;
}

.ss-prof-cont {
  padding: 0px;
  margin-top: 50px;
  background: #fff;
}

.ss-cover-img-cont {
  width: 100%;
  position: relative;
}

.ss-cov-img {
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  position: relative;
}

.ss-img-br {
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

.ss-prof-pto-sec {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.ss-pr-img-br {
  width: 130px;
  height: 130px;
  border-radius: 100%;
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  padding: 3px;
  position: absolute;
  top: -70px;
}

.ss-prof-pto {
  width: 100%;
  border-radius: 100%;
  border: 4px solid #fff;
}

.ss-prof-r1 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ss-prof-r1 button {
  border: none;
  background: transparent;
  outline: none;
}

.ss-r1-lft, .ss-r1-lft-up {
  width: 38%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0px 0px 30px;
  position: relative;
}

.ss-r1-lft button:nth-child(1), .ss-r1-lft-up button:nth-child(1) {
  padding: 4px 35px;
  font-family: "SwissReSans Regular";
  color: #fff;
  border-radius: 20px;
  background: #63DE9B;
  font-size: 15px;
}

.ss-r1-rgt, .ss-r1-rgt-up {
  width: 38%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 30px 0px 30px;
  position: relative;
}

.ss-r1-rgt button:nth-child(1), .ss-r1-rgt-up button:nth-child(1) {
  padding: 3px 21px;
  border: 3px solid #63DE9B;
  border-radius: 20px;
  font-size: 15px;
}

.ss-prof-r2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 0px;
}

.ss-prof-r2 .ss-my-prof-name {
  font-size: 24px;
  color: #24429B;
  text-transform: uppercase;
  font-family: "SwissReSans Bold";
}

.ss-prof-r3 {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #000;
  padding: 3px 15px 15px;
}

.ss-count-mid-my-br {
  width: 90%;
  margin: auto;
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  padding: 2px;
  position: relative;
  margin-top: 20px;
}

.ss-count-mid-my {
  width: 100%;
  background: #fff;
  padding: 5px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ss-my-r-cont:nth-child(4), .ss-my-r-cont:nth-child(5) {
  display: none;
}

.ss-mid-my-cc {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 25%;
}

.ss-cc-count {
  font-family: "SwissReSans Bold";
  font-size: 22px;
}

.ss-cc-head {
  font-size: 18px;
}

.ss-mid-mob-cont {
  width: 22%;
  background: transparent;
  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;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 10px 5px;
  margin-right: auto;
  margin-left: 0px;
  position: fixed;
  margin-top: 0px;
  top: 95px;
  height: auto;
  left: auto;
  right: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1000;
  bottom: 0px;
}

.ss-mid-my-btn-cont {
  width: 90%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}

.ss-mid-my-btn-cont button {
  width: 48%;
  text-align: center;
  color: #fff;
  font-family: "SwissReSans Bold";
  text-transform: uppercase;
  padding: 10px 0px;
  border: none;
  outline: none !important;
  border-radius: 8px;
  background: #041F6E;
}

/*<#=====  Right Panel profile Css ======>*/
.ss-right-panel-my {
  width: 22%;
  position: relative;
}

.ss-right-panel-my-cont {
  width: 22%;
  background: transparent;
  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;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 10px 5px;
  margin-right: auto;
  margin-left: 0px;
  position: fixed;
  margin-top: 0px;
  top: 95px;
  height: auto;
  left: auto;
  right: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1000;
  bottom: 0px;
  display: none;
}

.ss-my-r-cont {
  background: #fff;
  width: 100%;
  margin-top: 15px;
  border-radius: 15px;
  position: relative;
}

.ss-my-r-cont .ss-cont-header {
  margin: 0;
  padding: 16px 0px;
  font-size: 19px;
}

.ss-my-r-cont:nth-child(1) {
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  padding: 2px;
}

.sw-cont, .sw-cont-2 {
  width: 100%;
  overflow: hidden;
}

.ss-my-rc {
  width: 100%;
  background: #fff;
  border-radius: 15px;
}

.ss-my-rc .ss-cont-header {
  margin: 0;
  padding: 16px 0px;
  font-size: 19px;
}

.ss-my-rc button {
  padding: 3px 21px;
  border: 3px solid #63DE9B;
  border-radius: 20px;
  font-size: 15px;
  margin-left: 50%;
  margin-bottom: 20px;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  background: transparent;
}

.ss-r-cont-li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0px 20px 17px;
}

.ss-r-cont-li-2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0px 20px 17px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ss-r-icon-cont {
  width: 25px;
  margin-right: 10px;
}

.ss-r-icon-cont img {
  width: 22px;
}

.ss-pi-dtls {
  width: calc(100% - 25px);
}

.ss-r-img-cont {
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0px 5px 10px;
}

.ss-r-img-cont a {
  width: 100% !important;
  height: auto;
  margin: 0;
  padding: 0;
}

.ss-r-img-cont a img {
  width: 100%;
  margin: 0;
  padding: 0;
}

/*<#====================================== User Profile    =============================================>*/
.ss-r1-lft-up {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 0px 0px 30px;
}

.ss-r1-lft-up button:nth-child(2) {
  margin-right: 20px;
}

.ss-r1-rgt-up {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}

.ss-r1-rgt-up button:nth-child(1) {
  padding: 2px 12px;
  border: 3px solid #63DE9B;
  border-radius: 20px;
  font-size: 20px;
  margin-top: 0px;
  position: absolute;
  left: 30px;
  top: 20px;
}

.ss-r1-rgt-up button:nth-child(2) {
  margin-right: 50px;
}

.ss-up-sm-cont {
  width: 90%;
  border-radius: 15px;
  margin: 22px auto 9px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0px;
}

.ss-up-sm-cont button {
  width: 8%;
  background-color: transparent;
  border: none;
  outline: none;
}

.ss-up-sm-cont button img {
  width: 83%;
}

.ss-up-sm-cont button:nth-child(2) img {
  width: 73%;
}

.ss-cont-li-up {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0px 5px 0px;
  margin-bottom: 10px;
  height: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.ss-cont-li-up a {
  width: 75%;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
}

.ss-cont-li-up a .ss-up-prod-cont {
  width: 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -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;
}

.ss-cont-li-up a .ss-prof-name-m {
  width: 100%;
  overflow: hidden;
  display: inline-block;
  text-transform: uppercase;
  color: #24429B;
  font-size: 14px;
  letter-spacing: 0.06em;
  margin-left: 8px;
  font-family: "SwissReSans Bold";
  text-overflow: ellipsis;
}

.ss-cont-li-up a .ss-up-mt {
  font-size: 13px;
  color: #000;
  width: 100%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  margin-left: 8px;
}

.ss-cont-li-up .follow {
  font-size: 15px;
  margin: 0;
  position: absolute;
  right: 5px;
  top: 5px;
}

.ss-cont-li-2-up {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  margin: 35px auto 45px;
}

.ss-cnst-img-cont-up {
  width: 70%;
}

.ss-cnst-img-cont-up a {
  width: 100%;
}

.ss-cnst-img-cont-up a img {
  width: 100%;
}

.ss-const-name {
  font-size: 19px;
  color: #041F6E;
  font-family: "SwissReSans Bold";
  margin-top: 7px;
}

.ss-const-desc {
  font-size: 15px;
  text-align: center;
}

.ss-const-btn {
  font-size: 15px;
  border-radius: 6px;
  background: #1374EC;
  border: none;
  outline: none;
  padding: 4px 40px;
  text-transform: uppercase;
  color: #fff;
  margin-top: 10px;
}

.ss-img-cont-up {
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  width: 100%;
  padding: 3px;
}

.ss-img-cont-up img {
  width: 100%;
  border: 3px solid #fff;
}

.ss-cont-li-up-sw {
  padding: 0px;
}

.ss-cont-li-up-sw a {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ss-cont-li-up-sw a .ss-prof-name-m {
  text-transform: uppercase;
  color: #24429B;
  font-size: 20px;
  letter-spacing: 0.06em;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: "SwissReSans Bold";
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}

.ss-swiper-container-4 .swiper-slide {
  padding: 0;
  border-radius: 0px;
}

.ch-img, .ch-img-a {
  -o-object-fit: fill;
     object-fit: fill;
  max-height: 100%;
  width: 95px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-top: 20px;
}

.ch-img-a {
  width: 105px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-top: 20px;
}

/*<#====================================== Edit-Profile =============================================>*/
.ss-edit-header {
  font-size: 28px;
  text-transform: uppercase;
  color: #24429b;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: "SwissReSans Bold";
}

.ss-cov-img-ed {
  width: 100%;
  position: relative;
}

.ss-prof-pto-sec-ed {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.ss-prof-pto-ed {
  position: relative;
  width: 170px;
  height: 170px;
  border-radius: 0;
}

.ss-ed-change-btn-sec {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ss-ed-change-btn {
  font-size: 17px;
  background: transparent;
  color: #3886e7;
  padding: 10px 15px;
  border: none;
  outline: none;
  margin-top: 0px;
  margin-bottom: 20px;
}

.ss-ed-form-grp {
  padding: 0px 20px;
  margin: 0;
}

.ss-ed-field-name {
  font-size: 19px;
  color: #24429b;
}

.ss-prof-cont-ed {
  width: 100%;
  margin: auto;
  margin-top: 16px;
  border: 0px solid red;
  border-radius: 0px;
  background-color: #fff;
  padding: 0;
  margin-bottom: 50px;
  background: #fff;
}

/*<#======================================  Contest Page Css    =============================================>*/
.ss-cfs-mn-cnt {
  width: 90%;
  margin: auto;
  margin-top: 27px;
  padding: 0px 0px 0px;
  background: #fff;
}

.ss-cfy-btn-cont {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ss-cfy-h1-btn-br {
  width: calc(50% - 1px);
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 3px;
  border: none;
  outline: none;
}

.ss-cfy-h1-btn-br div {
  width: 100%;
  background: #fff;
  color: #052071;
  font-size: 20px;
  padding: 10px 0px;
  font-weight: bold;
}

#ss-cfy-nav-bar {
  margin: 0px;
  border-radius: 0px;
}

#contest-for-you, #my-contest, #results {
  background: #3668C6;
  height: auto;
  padding: 8px 16px;
  color: #fff !important;
  font-size: 16px;
  border-radius: 0px !important;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.06em;
  border: 2px solid #fff;
  margin: 0 !important;
}

#cfs, #myc {
  margin-bottom: 50px;
  padding-bottom: 10px;
}

#contest-for-you.active, #my-contest.active, #results.active {
  padding: 8px 16px !important;
  background: #052071 !important;
  height: auto !important;
  border: 2px solid #fff !important;
  margin: 0 !important;
}

.ss-contst-wrapper {
  width: 100%;
  margin-bottom: 40px;
  margin-top: 15px;
}

.ss-contst-cont-br {
  border-radius: 15px;
  width: 100%;
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  padding: 3px;
  position: relative;
}

.ss-contst-cont {
  background: #fff;
  width: 100%;
  border-radius: 11px;
  position: relative;
}

.contst-header {
  width: 80%;
  padding: 18px 0px 14px;
  color: #fe53aa;
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
  font-family: "SwissReSans Bold";
  letter-spacing: 0.05em;
}

.contst-subheader {
  font-size: 20px;
  color: #000;
  text-align: center;
  margin-bottom: 20px;
  width: 75%;
}

.ss-contst-img-cont {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
}

.ss-contst-swiper {
  width: 280px;
  height: 280px;
  overflow: hidden;
}

.ss-contst-swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ss-contst-swiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ss-contst-swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
}

.ss-view-all-contst-cont {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 14px;
}

.ss-view-all-contst {
  padding: 6px 35px;
  border-radius: 50px;
  font-size: 18px;
  background: #1374EC;
  color: #fff;
  border: none;
  outline: none;
  margin: auto;
  width: auto;
  height: auto;
}

.ss-contst-bt-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 50px;
  padding: 0px 35px;
}

.ss-contst-bt-sec-1, .ss-contst-bt-sec-2, .ss-contst-bt-sec-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ss-contst-bt-sec-1 {
  width: 25%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.ss-contst-bt-sec-2 {
  width: 30%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ss-contst-bt-sec-3 {
  width: 25%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ss-bt-sec-header {
  font-size: 25px;
  font-family: "SwissReSans Bold";
}

.ss-bt-pp-count {
  font-size: 22px;
  letter-spacing: 0.07em;
  margin-top: 5px;
  margin-bottom: 10px;
}

.ss-bt-pp-progress {
  font-family: "SwissReSans Bold";
  color: #052071;
  font-size: 19px;
  white-space: nowrap;
}

.ss-bt-pm-count {
  color: #FF464F;
  font-size: 40px;
  font-family: "SwissReSans Bold";
  padding: 7px 23px;
  border-radius: 20px;
  line-height: 43px;
  border: 3px solid #052071;
  margin: 9px 0px 14px;
  white-space: nowrap;
}

.ss-bt-entry-fees {
  font-family: "SwissReSans Bold";
  font-size: 27px;
  line-height: 32px;
  text-align: center;
  color: #052071;
  margin: 28px 0px 12px;
  white-space: nowrap;
}

.ss-bt-join-btn {
  background: #FF464F;
  font-size: 27px;
  line-height: 32px;
  padding: 10px 50px;
  color: #fff;
  border: none;
  border-radius: 20px;
}

.ss-count-ptpl {
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #052071;
}

.ss-contst-ft-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 35px;
}

.ss-lucky-wn-count {
  font-size: 21px;
  line-height: 26px;
  text-align: center;
  color: #1374EC;
  font-family: "SwissReSans Bold";
  padding: 7px 23px;
  border-radius: 20px;
  border: 3px solid #052071;
  margin: 12px 0px;
  white-space: nowrap;
}

.ss-additional-contst {
  width: 100%;
  padding: 40px 0px 25px;
  border-radius: 20px;
  border: 3px solid #052071;
  margin-top: -25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ss-ad-contst-link {
  font-size: 23px;
  line-height: 28px;
  text-align: center;
  color: #1374EC !important;
}

#ss-res-nav-bar {
  margin: 30px auto 0px !important;
  border-radius: 0px;
  width: 95%;
}

#my-results, #all-results {
  background: #F6F6F6;
  height: auto;
  padding: 8px 16px;
  color: #1374EC !important;
  font-size: 15px;
  border-radius: 0px !important;
  text-transform: uppercase;
  font-family: "SwissReSans Bold";
  letter-spacing: 0.06em;
  border: none !important;
  margin: 0 !important;
}

#my-results.active, #all-results.active {
  padding: 8px 16px !important;
  background: #D3D3D3 !important;
  height: auto !important;
  border-radius: 0px !important;
  border: none !important;
  margin: 0 !important;
}

.ss-resnav-cont {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ss-resnav-br {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  height: 4px;
}

.ss-res-ctnt-wrapper {
  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-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}

.ss-res-contst-cont {
  width: 95%;
  padding: 3px;
  border-radius: 15px;
  text-align: center;
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  border: none;
  outline: none;
  margin-bottom: 15px;
}

.ss-res-contst {
  width: 100%;
  border-radius: 12px;
  background: #fff;
  text-align: center;
  font-size: 28px;
  font-family: "SwissReSans Bold";
  color: #fe53aa;
  text-transform: uppercase;
  padding: 14px 0px;
}

/*<#======================================  My Results Css    =============================================>*/
.ss-myr-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 10px;
  background: #FFF;
}

.ss-myr-header div {
  color: #FF48A5;
  font-family: "SwissReSans Bold";
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.ss-myr-header .ss-bck-btn {
  background-color: transparent;
  border: none;
  outline: none;
  position: absolute;
  left: 25px;
}

.ss-myr-header .ss-bck-btn i {
  font-size: 30px;
  color: #FF48A5;
}

.ss-myr-header .ss-bck-btn i:hover {
  color: #041f6e;
}

#myr {
  background: #fff;
  padding-bottom: 20px;
  border-radius: 0px 0px 20px 20px;
}

.ss-contst-post {
  background: #fff;
  width: 100%;
  padding-bottom: 15px;
}

.ss-pt-cnt {
  color: #1877ec;
  margin-top: -4px;
}

.ss-contst-rank {
  font-family: "SwissReSans Bold";
  font-size: 16px;
  color: #fe53aa;
}

.ss-alr-res-cont {
  width: 100%;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 15px;
  background: #fff;
  border-radius: 15px;
}

#alr {
  background: #fff;
}

.ss-alr-header {
  width: 100%;
  color: #000;
  font-family: "SwissReSans Bold";
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  text-align: center;
  padding: 9px 0px;
}

.ss-alr-res-cont {
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.ss-alr-res-cont table thead {
  background: #ECECEC;
}

.ss-alr-res-cont table thead th {
  border-color: #000;
  color: #052071;
  border: 0px;
}

.ss-alr-res-cont table thead th:nth-child(2) div {
  margin-left: 85px;
}

.ss-alr-res-cont table tbody tr {
  vertical-align: middle;
}

.ss-alr-res-cont table tbody tr td {
  color: #1374EC;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #000;
}

.ss-td-np-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ss-td-img {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0px 25px;
}

.ss-td-name {
  font-size: 16px;
  font-family: "SwissReSans Bold";
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/*<#====================================== View All Post    =============================================>*/
.ss-vw-al-pst {
  background: #f0f2f5;
  padding-bottom: 20px;
}

.ss-vw-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 10px;
  padding-top: 10px;
  background: #FFF;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 15px;
}

.ss-vw-header .ss-bck-btn {
  background-color: transparent;
  border: none;
  outline: none;
  position: absolute;
  left: 25px;
  top: 20px;
}

.ss-vw-header .ss-bck-btn i {
  font-size: 30px;
  color: #FF48A5;
}

.ss-vw-header .ss-bck-btn i:hover {
  color: #041f6e;
}

.ss-vw-head {
  font-size: 30px;
  color: #FF48A5;
  font-family: "SwissReSans Bold";
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.ss-vw-head-2 {
  font-size: 28px;
  color: #FF48A5;
  font-family: "SwissReSans Bold";
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.ss-vw-sub {
  width: 100%;
  padding: 0px 35px;
  margin-top: 8px;
  text-align: center;
}

.ss-vw-foo {
  width: 100%;
  padding: 10px 35px;
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.react-bar.contst-post-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.react-bar.contst-post-bar button:nth-child(1) {
  margin-right: 40px;
  margin-left: 0px;
}

.ss-vw-mi-cont {
  padding: 0px 8px;
}

.contst-images {
  padding: 0px;
  margin: 0;
  border: 1px solid #fff;
}

.contst-images a {
  width: 100%;
  height: 100%;
}

.contst-images a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ss-vw-mi-pst .postheader .left-sec-pt {
  width: 100%;
}

#join-modal textarea {
  background: #ececec;
}

.ss-img-md-header {
  width: 100%;
  position: absolute;
  top: 75%;
  left: 0;
  text-align: center;
  font-size: 20px;
  color: #052071;
  font-family: "SwissReSans Bold";
}

.ss-dtls-lst-cont {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ss-dtls-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ss-rank-pos {
  font-size: 18px;
  font-family: "SwissReSans Bold";
  color: #24429b;
}

.ss-pos-pm {
  font-size: 18px;
  font-family: "SwissReSans Bold";
  color: #ff464f;
}

.ss-lcky-lst-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 19px;
  width: 100%;
  padding: 0px 15px;
}

.ss-lcky-lst-header {
  padding: 0px 0px;
  text-align: left;
  color: #3886e7;
  font-size: 22px;
}

.ss-lcky-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/*<#====================================== Join Contest Css =============================================>*/
.ss-jc-header {
  padding-top: 10px;
  border-radius: 20px;
}

.ss-jc-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 30px 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ss-jc-item {
  width: 33%;
  padding: 0px 10px 0px 10px;
  position: relative;
}

.ss-jc-img-cont {
  width: 100%;
  position: relative;
  margin: 0 !important;
}

.ss-jc-img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.ss-jc-img-cont:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.ss-jc-uptxt {
  font-family: "SwissReSans Bold";
  font-size: 19px;
  color: #041f6e;
  letter-spacing: 0.08em;
  position: absolute;
  top: 77%;
  width: 100%;
  left: 0;
  text-align: center;
}

.ss-jc-view-btn {
  background: #1374EC;
  padding: 0px 35px;
  color: #fff;
  border: 0px;
  font-size: 16px;
  height: 37px;
  min-height: none;
  max-height: none;
  line-height: 19px !important;
  border-radius: 50px;
  margin: 12px 20px 0px;
}

.ss-jc-img-ot {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5px;
}

.ss-jc-mn-btn-cont {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 50px;
}

.ss-jc-mn-btn {
  width: 50%;
  min-width: 100px;
  max-width: 270px;
  font-size: 21px;
  font-family: "SwissReSans Bold";
  color: #fff;
  background: #FF464F;
  border: none;
  outline: none;
  padding: 6px 0px;
  margin-bottom: 20px;
  letter-spacing: 0.08em;
  border-radius: 10px;
}

.ss-cfs-mn-cnt.ss-jc-mn-cnt {
  margin-bottom: 50px;
}

.ss-edit-img {
  top: 80%;
  left: 30px;
  padding: 7px 8px;
  border: none;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  border-radius: 100%;
  position: absolute;
}

.ss-edit-img i {
  font-size: 18px;
}

.ss-close-md {
  top: 7px;
  right: 10px;
  position: absolute;
  z-index: 100;
}

.ss-jc-img-label {
  margin: 0;
  width: 100%;
  position: relative;
}

.ss-jc-img-label:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}

/*<#======================================  
Wallet Page Css
=============================================>*/
.ss-prof-cont-wa-br {
  width: 100%;
  margin-top: 35px;
  margin-bottom: 20px;
  padding: 3px;
  border-radius: 15px;
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  z-index: 51;
  position: relative;
}

.ss-prof-cont-wa {
  width: 100%;
  margin: auto;
  border-radius: 12px;
  background-color: #fff;
  padding: 0;
  background: #fff;
  z-index: 51;
  position: relative;
}

.ss-wa-header-cont {
  width: 100%;
  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-top: 10px;
  padding-bottom: 10px;
}

.ss-wa-header-img {
  width: 50px;
  margin-right: 13px;
}

.ss-wa-field-header {
  color: #000;
  text-align: left;
  text-transform: uppercase;
  font-family: "SwissReSans Bold";
}

.ss-wa-amt {
  font-size: 24px;
  font-family: "SwissReSans Bold";
  text-align: right;
  color: #fe53aa;
  letter-spacing: 0.08em;
  font-weight: bold;
}

.ss-wa-change-btn-sec {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ss-wa-ad-btn {
  background: #FF464F;
  font-size: 24px;
  line-height: normal;
  padding: 8px 50px;
  color: #fff;
  border: none;
  border-radius: 20px;
  margin-bottom: 25px;
  margin-top: 25px;
}

.ss-wa-sub-cont {
  width: 100%;
  margin: auto;
  border-radius: 12px;
  background-color: #fff;
  padding: 0;
  background: #fff;
  border: 3px solid #052071;
  margin-top: -38px;
  z-index: 50;
  position: relative;
}

.ss-wa-sub-cn-name {
  font-size: 27px;
  color: #fe53aa;
  font-family: "SwissReSans Bold";
  width: 80%;
  white-space: normal;
  margin: auto;
  margin-top: 28px;
  margin-bottom: 15px;
  text-align: center;
}

.ss-wa-header {
  font-size: 28px;
  text-transform: uppercase;
  color: #24429b;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: "SwissReSans Bold";
}

.ss-wa-pzmny {
  font-size: 24px;
  color: #fff;
  font-family: "SwissReSans Bold";
  letter-spacing: 0.07em;
  padding: 0.25em 0.6em;
  background: #1374EC;
  border-radius: 10px;
  margin: auto;
  margin-bottom: 22px;
  width: auto;
  display: table;
}

.ss-wa-error {
  width: 90%;
  margin: auto;
  margin-bottom: 20px;
  font-size: 22px;
  color: #FF464F;
  text-align: center;
  font-family: "SwissReSans Bold";
  letter-spacing: 0.07em;
  position: relative;
}

.ss-wa-wallet-cont {
  width: 100%;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 25px;
  background: #fff;
  border-radius: 15px;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.ss-wa-wallet-cont table thead {
  background: #ECECEC;
}

.ss-wa-wallet-cont table thead th {
  border-color: #000;
  color: #052071;
  border: 0px;
  text-align: center;
}

.ss-wa-wallet-cont table tbody tr {
  vertical-align: middle;
}

.ss-wa-wallet-cont table tbody tr td {
  color: #000;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #000;
}

.ss-amount-p {
  color: #63DE9B;
  font-family: "SwissReSans Bold";
}

.ss-amount-l {
  color: #F50000;
  font-family: "SwissReSans Bold";
}

.sw-cont-3 {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.sw-cont-3 .ss-cont-li-2-up {
  margin-top: 10px;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 26px !important;
  color: #000 !important;
}

.ss-wa-wallet-cont .ss-alr-header {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  text-align: center;
  padding: 15px 0px;
}

.ss-wa-edit-btn {
  padding: 0.4rem 1rem;
}

.ss-contst-post-head-w {
  background: #fe53aa;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 20px 20px 0px 0px;
  margin-top: -5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 15px;
}

.ss-share-post-dtls {
  width: 100%;
  font-size: 19px;
  color: #fff;
  text-align: center;
  margin-top: 8px;
  letter-spacing: 0.05em;
}

.ss-p-contst-dtls-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 11px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ss-p-contst-dtls-cont img {
  height: 22px;
  margin-right: 10px;
}

.ss-p-contst-nm {
  font-size: 28px;
  color: #fff;
  font-family: "SwissReSans Bold";
  letter-spacing: 0.06em;
}

.invite-contst {
  background: rgba(0, 0, 0, 0);
  margin-top: 0px;
  border: none;
  margin-right: 12px;
  margin-left: -10px;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.invite-contst-1 {
  width: 28px;
}

.cht-btn {
  display: none;
  background: rgba(0, 0, 0, 0);
  outline: none;
  margin-right: 25px;
  margin-top: 6px;
  border: none;
}

.cht-btn img {
  width: 25px;
}

.ss-dpdw-img-ct img {
  max-width: 50px;
}

.ss-dpdw-img-ct {
  max-width: 65px;
}

.notif-pge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.icon-sec-ctst-btn {
  margin-left: 35px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.icon-sec-ctst-btn img {
  width: 32px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.icon-sec-ctst-btn.ss-idx-ct-btn {
  font-size: 15px;
  background: #24429b;
  padding: 0.25em 0.6em;
  color: #fff;
  border-radius: 8px;
  margin-top: 0px;
}

.ss-fm-bg-wrapper {
  background: transparent;
}

.ss-fm-bg-wrapper .ss-vw-header {
  padding-bottom: 0;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  margin-bottom: 20px;
}

.ss-fm-bg-wrapper li.nav-item:nth-child(1) {
  width: 50% !important;
  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;
  margin: 0px;
  height: 100%;
  border-bottom-left-radius: 20px;
}

.ss-fm-bg-wrapper li.nav-item:nth-child(2) {
  width: 50% !important;
  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;
  height: 100%;
  border-bottom-right-radius: 20px;
}

.ss-fm-bg-wrapper .badge-count-3 {
  position: absolute;
  border-radius: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  left: 69%;
  right: auto;
  color: #fff;
  font-size: 12px;
  background: #fe53aa;
  font-family: "SwissReSans Regular";
  width: 22px;
  height: 22px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1.5px solid #fff;
  z-index: 50;
}

.ss-ff-list-wrapper {
  width: 100%;
}

.ss-accept-req, .ss-reject-req, .ss-select-req {
  border: none;
  font-size: 15px;
  outline: none;
  padding: 0.25em .5em;
  color: #fff;
  margin-right: 16px;
  border-radius: 6px;
}

.ss-accept-req {
  background: #ff48a5;
}

.ss-accept-req {
  background: #ff48a5;
}

.ss-reject-req {
  background: #d3d3d3;
  color: #666;
}

.ss-select-req {
  background: #1374ec;
  color: #fff;
}

.ss-post-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0.5em 1em;
  background-color: transparent;
}

#ps-acpt, #ps-rjct, #ps-cncl {
  display: none;
}

.ss-prof-chkbx {
  display: none;
}

.ss-srch-lbl {
  padding: 0.3em 2em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 6px;
  font-size: 15px;
  margin-left: auto;
  width: auto;
  background: #ff48a5;
  display: table;
  border-radius: 50px;
  margin-right: 10px;
}

.ss-toppane {
  width: 57vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
  z-index: 99998;
  height: 100%;
  position: fixed;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.story-phone-cont-wrapper {
  width: 330px;
  height: calc(330px * 16 / 9);
  position: absolute;
  top: 40px;
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
  background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  border-radius: 15px;
  padding: 3px;
}

.sw-cont-5 {
  width: 335px;
  position: relative;
  overflow-y: hidden;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
  margin-left: auto;
  margin-right: auto;
  z-index: 99999;
  pointer-events: all;
}

.sw-cont-5 .swiper-wrapper {
  width: 100%;
}

.sw-cont-5 .swiper-slide {
  width: 100%;
}

.story-phone-cont {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #000;
  border-radius: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.story-top-head {
  margin-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  max-height: 100px;
  padding: 14px 2% 6px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), color-stop(0.02%, #000000), color-stop(100.21%, rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, #000000 0%, #000000 0.02%, rgba(0, 0, 0, 0) 100.21%);
  border-radius: 12px;
}

.st-bg-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 15px;
}

.story-friend {
  margin-right: 15px;
}

.story-left-sec-pt {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 82%;
  padding: 5px 1%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.story-right-sec-pt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 15%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ss-story-progress-br {
  margin-top: auto;
  margin-bottom: 20px;
  width: 100%;
  padding: 0px 20px;
  z-index: 1;
  border-radius: 30px;
}

.ss-story-pg-wrapper {
  width: 100%;
  border-radius: 30px;
  background: #4E4E4E;
  height: 4px;
}

.ss-story-progress {
  width: 0%;
  border-radius: 30px;
  background: #FFF;
  height: 4px;
}

.ss-us-rank-cont {
  width: 90%;
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: auto;
  margin-bottom: -8px;
}

.ss-us-rank {
  color: #052071;
  text-align: left;
  margin-bottom: 4px;
}

.ss-rank-br {
  width: 100%;
  height: 3px;
  background: #052071;
}

.ss-cfs-mn-cnt.ss-jc-mn-cnt.ss-tp-100-cnt {
  margin-bottom: 18px;
}

.ss-first-rank {
  color: #D59249;
}

.ss-second-rank {
  color: #FF464F;
}

.ss-third-rank {
  color: #FF48A5;
}

.ss-tp-hd-img {
  max-height: 25px;
}

.ss-close-story-btn {
  display: none;
}

.ss-delete-story {
  background: none;
  border: none;
  outline: none;
  width: 25px;
  height: 25px;
  margin-right: 12px;
  margin-left: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ss-delete-story img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.ss-ip-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ss-ip-toggle input[type="checkbox"] {
  width: 0;
  height: 0;
  visibility: hidden;
}

.ss-ip-toggle label {
  width: 40px;
  height: 20px;
  display: block;
  background-color: #52555A;
  border-radius: 100px;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-top: 11px;
}

.ss-ip-toggle label::after {
  content: "";
  width: 30px;
  height: 30px;
  background-color: #63DE9B;
  position: absolute;
  border-radius: 100%;
  border: 2px solid #fff;
  top: -5px;
  left: -10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.ss-ip-toggle input:checked + label:after {
  left: calc(100% + 10px);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  background-color: #FF48A5;
}

.ss-ip-toggle label:active:after {
  width: 30px;
  height: 30px;
}

.ss-txta-btn:nth-child(1) {
  opacity: 0;
  visibility: hidden;
}

.emoji-picker-icon {
  right: 70px;
  top: 19px;
  font-size: 26px;
}

/*<#===Responsive Begins Here ====>*/
/* Scss Document */
@media only screen and (max-width: 1024px) {
  .ss-navlist {
    padding-left: 5px;
    padding-right: 5px;
  }
  nav {
    padding: 6px 10px;
    height: 69px;
    background: #fff;
  }
  .ss-notif-dot {
    left: 19px;
    top: 3px;
  }
  .ss-badge, .ss-badge-men {
    font-size: 10px;
    left: 7px;
  }
  .prof-count {
    font-size: 15px;
    margin-left: 70px;
  }
  .profile-bg {
    padding: 2px 10px 2px 0px;
  }
  .ss-men-name-lc {
    font-size: 13px;
  }
  .ss-up-btn {
    font-size: 14px;
  }
  p.tab-header {
    font-size: 12px;
  }
  /*<#====== My Profile Page ======>*/
  .ss-cont-li {
    padding: 0px 10px;
  }
  .ss-cont-li a .ss-prof-name-m {
    font-size: 10px;
    letter-spacing: 0.08em;
    margin-left: 8px;
  }
  .ss-cont-li button:nth-child(2) {
    font-size: 7px;
    line-height: 9px;
    letter-spacing: 0.10em;
    padding: 5px 5px;
    margin-left: 4px;
  }
  .ss-cont-li button:nth-child(3) {
    margin-top: 4px;
  }
  .ss-cont-li button:nth-child(3) div {
    height: 3px;
    width: 3px;
  }
  .ss-img-cont {
    width: 28%;
    padding: 1px;
  }
  .ss-img-cont .notif-dot {
    height: 5px;
    width: 5px;
    right: 0px;
  }
  .ss-my-l-cont .prof-count {
    margin-left: 55px;
    font-size: 14px;
  }
  .ss-pr-img-br {
    width: 100px;
    height: 100px;
    top: -50px;
  }
  .ss-cc-count {
    font-size: 17px;
  }
  .ss-cc-head {
    font-size: 13px;
  }
  .ss-r1-rgt, .ss-r1-rgt-up {
    padding-right: 20px;
    padding-top: 10px;
  }
  .ss-r1-rgt button:nth-child(2) div, .ss-r1-rgt-up button:nth-child(2) div {
    height: 6px;
    width: 6px;
  }
  .ss-prof-r2 .ss-my-prof-name {
    font-size: 20px;
  }
  .ss-prof-r3 {
    font-size: 14px;
  }
  .ss-cont-li-2 {
    font-size: 14px;
  }
  .ss-see-more {
    font-size: 15px;
  }
  .ss-r-cont-li {
    padding: 0px 15px 15px;
  }
  .ss-r-cont-li .ss-pi-dtls {
    font-size: 14px;
    width: calc(100% - 30px);
  }
  .ss-r-icon-cont {
    width: 20px;
    max-width: 20px;
    margin-right: 10px;
  }
  .ss-r-icon-cont img {
    width: 17px;
  }
  .ss-cont-li-up a {
    width: 70%;
  }
  .ss-cont-li-up a .ss-prof-name-m {
    font-size: 12px;
  }
  .ss-cont-li-up .follow {
    font-size: 11px;
  }
  .ss-cont-li-2-up {
    margin-top: 20px;
  }
  .ss-r1-lft-up {
    padding: 15px 0px 0px 15px;
  }
  .ss-r1-lft-up button:nth-child(1) {
    padding: 4px 20px;
  }
  .ss-r1-rgt-up {
    padding: 15px 15px 0px 0px;
  }
  .ss-r1-rgt-up button:nth-child(1) {
    left: 5px;
    font-size: 17px;
  }
  .ss-r1-rgt-up button:nth-child(2) {
    margin-right: 35px;
  }
  .ss-r1-rgt-up button:nth-child(2) div {
    height: auto;
    width: auto;
  }
  .follow {
    font-size: 17px;
    margin-right: 19px;
  }
  .ss-prof-r2 {
    padding: 2px 0px 7px;
  }
  .ss-share-post-dtls {
    font-size: 14px;
  }
  .ss-p-contst-nm {
    font-size: 22px;
  }
  .ss-ip-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .ss-ip-toggle input[type="checkbox"] {
    width: 0;
    height: 0;
    visibility: hidden;
  }
  .ss-ip-toggle label {
    width: 40px;
    height: 15px;
    display: block;
    background-color: #52555A;
    border-radius: 100px;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-top: 11px;
  }
  .ss-ip-toggle label::after {
    content: "";
    width: 24px;
    height: 24px;
    background-color: #63DE9B;
    position: absolute;
    border-radius: 100%;
    border: 2px solid #fff;
    top: -5px;
    left: -10px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .ss-ip-toggle input:checked + label:after {
    left: calc(100% + 10px);
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    background-color: #FF48A5;
  }
  .ss-ip-toggle label:active:after {
    width: 24px;
    height: 24px;
  }
}

/* Scss Document */
@media only screen and (max-width: 1023px) {
  body {
    background: #FFF;
    font-family: "SwissReSans Regular";
  }
  /*<#=====Top Bar CSS=======>*/
  .ss-nav {
    display: none;
  }
  .ss-nav-br {
    display: none;
  }
  header {
    height: auto;
  }
  .ss-left-panel {
    display: none;
  }
  .ss-right-panel {
    display: none;
  }
  .ss-mid-panel {
    padding: 0px;
    width: 100%;
    padding: 0;
    margin: 0;
    background: transparent;
  }
  .ss-top-mid-section, .post-wrapper, .ss-right-panel-cont, .ss-prof-cont, .ss-right-panel-my-cont {
    padding: 0px;
    margin: 0px;
    width: 100%;
    background: transparent;
  }
  .ss-upload-section {
    display: none;
  }
  .topbar-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: 4px;
    padding-left: 4px;
    padding-bottom: 6px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #fff;
    width: 100%;
  }
  .top-sec-1 {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .logo-sec {
    background: #e0e0e0;
    padding: 7px;
    border-radius: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
  }
  .alert-dot {
    width: 7px;
    height: 7px;
    display: block;
    background-color: #fe53aa;
    color: #fe53aa;
    border-radius: 100%;
    position: absolute;
    top: 4px;
    left: 28px;
  }
  .profile-bg-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    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;
    height: 100%;
    padding: 2px 10px 2px 0px;
    background: #fe53aa;
    border-radius: 100px;
  }
  .img-br-mob {
    border-radius: 100%;
    padding: 1.5px;
    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;
    -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
    -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
    -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
    background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
    background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
    -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
    margin-right: 5px;
  }
  .prof-img-mob {
    border-radius: 100%;
    border: 0.5pt solid #fff;
  }
  .prof-count-mob {
    color: #fff;
    font-family: "SwissReSans Regular";
    font-weight: bold;
    font-size: 14px;
  }
  .top-sec-2 {
    width: 50%;
    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-right: 5px;
    height: 100%;
  }
  .notif-sec {
    margin-right: 20px;
    margin-top: 4px;
  }
  .message-sec {
    margin-right: 15px;
    margin-top: 4px;
  }
  .wallet-sec {
    margin-right: 19px;
    margin-top: 4px;
  }
  .ss-nav-dpdw-cont {
    top: 15px !important;
  }
  .badge-count-1 {
    position: absolute;
    border-radius: 100%;
    top: 0px;
    right: 56px;
    color: #fff;
    font-size: 12px;
    background: #fe53aa;
    font-family: "SwissReSans Regular";
    padding: 1px 3px 1px 2px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1.5px solid #fff;
  }
  .ss-badge-count-1 {
    position: absolute;
    border-radius: 100%;
    top: -8px;
    right: -9px;
    color: #fff;
    font-size: 12px;
    background: #fe53aa;
    font-family: "SwissReSans Regular";
    padding: 1px 3px 1px 2px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1.5px solid #fff;
  }
  .badge-count-2 {
    position: absolute;
    border-radius: 100%;
    top: 0px;
    right: 12px;
    color: #fff;
    font-size: 12px;
    background: #fe53aa;
    font-family: "SwissReSans Regular";
    padding: 1px 3px 1px 2px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1.5px solid #fff;
  }
  /*<#====== Challenge Area Css ========>*/
  .challenge-sec {
    width: 100%;
    height: 150px;
    margin-top: 0px;
    overflow: hidden;
    -o-object-fit: fill;
       object-fit: fill;
    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;
  }
  .sec-ch, .sec-ch-a {
    width: 31%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    justify-content: center;
  }
  .sec-ch a, .sec-ch-a a {
    width: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    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;
  }
  .sec-ch-a {
    width: 38%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sec-ch-a a {
    width: 100%;
    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;
  }
  .divider::after {
    content: "";
    height: 60%;
    width: 1px;
    display: block;
    background: #e9e9e9;
  }
  .bg-challenge {
    -o-object-fit: fill;
       object-fit: fill;
    width: 100%;
    height: inherit;
    position: absolute;
    z-index: -1;
  }
  .story-container {
    margin-top: -20px;
  }
  .ss-carousel-sec {
    padding: 0px;
  }
  .nav {
    border-radius: 0px;
    background: #ececec;
  }
  .nav li {
    border-radius: 0;
    background: #ececec;
  }
  .nav li a {
    border-radius: 0;
  }
  li.nav-item:nth-child(1) {
    border-radius: 0px;
  }
  li.nav-item:nth-child(3) {
    border-radius: 0px;
  }
  .navlink .active {
    border-radius: 0px;
  }
  .br-sec {
    width: 100%;
    height: 3px;
    margin-bottom: 10px;
    display: block;
  }
  .br-img {
    width: 100%;
    max-height: 100%;
  }
  /*<#====== Menu CSS ===========>*/
  .menu-footer {
    background: #dedede;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000000;
    width: 100%;
    height: 100%;
    overflow: auto;
  }
  .logo-panel {
    background: -webkit-gradient(linear, left top, left bottom, from(#041f6e), to(#0b2d91));
    background: linear-gradient(#041f6e, #0b2d91);
    width: 100%;
    height: auto;
    padding: 25px 0px;
    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;
    position: relative;
  }
  .logo-menu {
    width: 85%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .close-btn {
    position: absolute;
    background: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    top: 5px;
    right: 25px;
  }
  .menu-upper-part {
    margin-top: 8px;
  }
  .row {
    margin: 0px;
    padding: 0px;
    width: 100%;
  }
  .col-4 {
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .br-men {
    -webkit-background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
    -webkit-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
    -moz-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
    background: -webkit-gradient(linear, left top, right top, from(#ff48a5), color-stop(#7cf7ff), to(#2a50bd));
    background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
    -ms-background: linear-gradient(to right, #ff48a5, #7cf7ff, #2a50bd);
    width: 100%;
    height: auto;
    padding: 2px;
    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: 5px;
  }
  .men-tile {
    background: #fff;
    width: 100%;
    border: 4px solid #dedede;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 80px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
  }
  .menu-name {
    font-family: "SwissReSans Bold";
    color: #041f6e;
    font-size: 11.5px;
    margin: 0px;
    margin-top: 3px;
    white-space: nowrap;
  }
  .lower-part {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .men-col {
    width: 47%;
    background: #fff;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 9px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 35px;
  }
  .menu-l-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 5px 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    height: 35px;
    position: relative;
  }
  .men-img-2 {
    -o-object-fit: contain;
       object-fit: contain;
    max-height: 90%;
    width: 32px;
    max-width: 19%;
  }
  .menu-name-2 {
    color: #0260a6;
    font-family: "SwissReSans Regular";
    font-size: 14px;
    margin-left: 6px;
  }
  .menu-disabled {
    display: none;
  }
  .badge-men {
    position: absolute;
    border-radius: 100%;
    top: 0px;
    left: 32px;
    color: #fff;
    font-size: 12px;
    background: #fe53aa;
    font-family: "SwissReSans Regular";
    height: 21px;
    width: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    border: 1.5px solid #fff;
  }
  .badge-men-2 {
    position: absolute;
    border-radius: 100%;
    top: 5px;
    left: 50%;
    color: #fff;
    font-size: 12px;
    background: #fe53aa;
    font-family: "SwissReSans Regular";
    height: 21px;
    width: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    border: 1.5px solid #fff;
  }
  /*<#====== Footer CSS ===========>*/
  footer {
    background: #fff;
    position: fixed;
    z-index: 1000;
    width: 100%;
    bottom: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer-border {
    width: 100%;
    height: 3px;
    -o-object-fit: fill;
       object-fit: fill;
    margin-top: 0px;
  }
  .footer-sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 8px;
    width: 100%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-bottom: 4px;
  }
  .ft-icon-sec {
    margin-top: 5px;
    position: relative;
  }
  .ft-icon-sec-m {
    margin-right: 42px;
    position: relative;
  }
  .btn-footer, .menu-btn-footer {
    background: rgba(0, 0, 0, 0);
    outline: none;
    border: none;
  }
  .notif-dot-menu {
    background: #fe53aa;
    border-radius: 100%;
    top: 2px;
    right: -2px;
    height: 6px;
    width: 6px;
    position: absolute;
    z-index: 1414141;
  }
  .search-cont-mob {
    width: 80%;
    display: none;
    margin: auto;
    position: relative;
    padding: 10px 0px;
  }
  .ss-submit {
    position: absolute;
    border: none;
    right: 10px;
    background: transparent;
    top: 14px;
    z-index: 5000000;
  }
  .ss-search-icon {
    width: 20px;
  }
  /*<#==== My Profile Page ====>*/
  .ss-cont-body-my {
    background: #ececec;
  }
  .ss-right-panel-my {
    display: none;
  }
  .ss-mid-panel-my {
    width: 100%;
  }
  .ss-left-my-cont {
    display: none;
  }
  .ss-prof-r2 .ss-my-prof-name {
    font-size: 24px;
    margin-top: 8px;
  }
  .ss-pr-img-br {
    width: 120px;
    height: 120px;
    top: -60px;
  }
  .tab-content {
    background: #fff;
  }
  .ss-prof-cont {
    background: #fff;
    border-radius: 0px;
  }
  .ss-cov-img {
    border-radius: 0px;
  }
  .ss-count-mid-my-br {
    width: 100%;
    margin-bottom: 10px;
  }
  .ss-count-mid-my {
    padding: 8px 0px;
  }
  .ss-mid-my-btn-cont {
    display: none;
  }
  .ss-mid-mob-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    z-index: 0;
    right: 0;
  }
  .ss-r-img-cont {
    width: 25%;
  }
  .ss-my-r-cont:nth-child(1) {
    margin-bottom: 20px;
    border-radius: 20px;
  }
  .ss-my-r-cont {
    margin-bottom: 20px;
    border-radius: 0px;
  }
  .ss-my-r-cont:nth-child(4), .ss-my-r-cont:nth-child(5) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ss-my-r-cont:nth-child(5) {
    margin-bottom: 40px;
    border-radius: 0px;
  }
  .ss-my-rc {
    border-radius: 20px;
    padding-top: 20px;
    padding-left: 20px;
  }
  .ss-my-rc .ss-cont-header {
    display: none;
  }
  .ss-swiper-container, .ss-swiper-container-4 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 5px 40px;
    position: relative;
    overflow: hidden;
  }
  .ss-swiper-container .swiper-wrapper, .ss-swiper-container-4 .swiper-wrapper {
    width: 100%;
  }
  .ss-swiper-container .swiper-slide, .ss-swiper-container-4 .swiper-slide {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: 1px solid #63DE9B;
    border-radius: 7px;
    padding: 7px 0px 0px;
    margin-bottom: 10px;
    overflow-x: hidden;
  }
  .ss-swiper-container .swiper-slide .ss-cont-li, .ss-swiper-container-4 .swiper-slide .ss-cont-li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ss-swiper-container .swiper-slide a, .ss-swiper-container-4 .swiper-slide a {
    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;
  }
  .ss-swiper-container .swiper-slide a .ss-img-cont, .ss-swiper-container-4 .swiper-slide a .ss-img-cont {
    width: 50px;
    padding: 2px;
    margin-bottom: 7px;
  }
  .ss-swiper-container .swiper-slide a .ss-img-cont .notif-dot, .ss-swiper-container-4 .swiper-slide a .ss-img-cont .notif-dot {
    right: 6px;
  }
  .ss-swiper-container .swiper-slide a .ss-prof-name-m, .ss-swiper-container-4 .swiper-slide a .ss-prof-name-m {
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .ss-swiper-container .swiper-slide .ss-sw-btn-cont, .ss-swiper-container-4 .swiper-slide .ss-sw-btn-cont {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .ss-swiper-container .swiper-slide .ss-sw-btn-cont button:nth-child(1), .ss-swiper-container-4 .swiper-slide .ss-sw-btn-cont button:nth-child(1) {
    outline: none;
    border: none;
    background: #1374EC;
    font-size: 10px;
    line-height: 13px;
    letter-spacing: 0.08em;
    color: #fff;
    height: auto;
    padding: 5px 8px;
    border-radius: 20px;
    margin: 0px;
    width: auto;
  }
  .ss-swiper-container .swiper-slide .ss-sw-btn-cont button:nth-child(1):hover, .ss-swiper-container-4 .swiper-slide .ss-sw-btn-cont button:nth-child(1):hover {
    background: #24429B;
  }
  .ss-swiper-container .swiper-slide .ss-sw-btn-cont button:nth-child(2), .ss-swiper-container-4 .swiper-slide .ss-sw-btn-cont button:nth-child(2) {
    padding-left: 5px;
    margin-top: 5px;
    background-color: transparent;
    display: none div;
    display-height: 5px;
    display-width: 5px;
  }
  .ss-my-l-cont {
    padding: 6px 0px;
  }
  .ss-my-l-cont .profile-sec {
    width: 30%;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .ss-my-l-cont .profile-bg {
    width: 70%;
  }
  .ss-my-l-cont .prof-count {
    margin-left: 70px;
  }
  .ss-swiper-container-2 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 5px 40px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
  }
  .ss-swiper-container-2 .swiper-wrapper {
    width: 100%;
  }
  .ss-swiper-container-2 .swiper-wrapper .swiper-slide {
    width: 100%;
    border: 0px;
  }
  .ss-swiper-container-2 .swiper-wrapper .swiper-slide .ss-cont-li-2 {
    font-size: 18px;
    padding: 0;
  }
  .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 16px !important;
    color: #000 !important;
  }
  .ss-sem-cont a {
    font-size: 18px;
  }
  .ss-sem-cont button {
    width: 48%;
    text-align: center;
    color: #fff;
    font-family: "SwissReSans Bold";
    text-transform: uppercase;
    padding: 10px 0px;
    border: none;
    outline: none !important;
    border-radius: 8px;
    background: #041F6E;
  }
  .ss-swiper-container-2 .swiper-wrapper .swiper-slide .ss-cont-li-2 {
    font-size: 18px;
    padding: 0px 30px;
  }
  .ss-up-sm-cont {
    width: 100%;
  }
  .ss-prof-r3 {
    font-size: 16px;
  }
  .ss-r1-lft-up {
    padding: 15px 0px 0px 30px;
  }
  .ss-r1-lft-up button:nth-child(1) {
    padding: 4px 35px;
  }
  .ss-r1-rgt-up {
    padding: 15px 15px 0px 0px;
  }
  .ss-r1-rgt-up button:nth-child(1) {
    left: 5px;
    font-size: 17px;
  }
  .ss-r1-rgt-up button:nth-child(2) {
    margin-right: 70px;
  }
  .ss-r1-rgt-up button:nth-child(2) div {
    height: auto;
    width: auto;
  }
  .ss-swiper-container-4 .swiper-slide {
    padding: 0;
    border-radius: 0px;
  }
  .ss-swiper-container-4 .swiper-slide .ss-sw-btn-cont button:nth-child(1) {
    padding: 10px 14px;
    border: 3px solid #63DE9B;
    border-radius: 20px;
    font-size: 25px;
    margin-top: 0px;
    margin-left: 0;
    margin-right: 0;
    background-color: transparent;
    color: #fe53aa;
  }
  .ss-swiper-container-4 .swiper-slide .ss-sw-btn-cont button:nth-child(1):hover {
    border: 3px solid #63DE9B;
    color: #fe53aa;
    background-color: transparent;
  }
  .ss-swiper-container-4 .swiper-slide .ss-sw-btn-cont button:nth-child(1).active {
    background-color: #fe53aa;
    color: #fff;
  }
  .ss-swiper-container-4 .swiper-slide .ss-sw-btn-cont button:nth-child(1).active:hover {
    background-color: #fe53aa;
    color: #fff;
  }
  .ss-cnst-img-cont-up {
    width: 40%;
  }
  .ss-cnst-img-cont-up a {
    width: 100%;
  }
  .ss-cnst-img-cont-up a img {
    width: 100%;
  }
  .ss-cont-li-2-up {
    margin: 10px auto 15px;
  }
  .contst-header {
    font-size: calc(18px + 12 * ((100vw - 300px) / 723));
  }
  .ss-cfy-h1-btn-br div {
    font-size: calc(13px + 7 * ((100vw - 300px) / 723));
  }
  .ss-cfs-mn-cnt {
    width: 100%;
    margin-top: -30px;
  }
  #contest-for-you, #my-contest, #results {
    font-size: calc(10px + 6 * ((100vw - 300px) / 723));
  }
  #ss-cfy-nav-bar.nav {
    height: auto;
  }
  .contst-subheader {
    font-size: calc(14.2px + 5.8 * ((100vw - 300px) / 723));
  }
  .ss-bt-sec-header {
    white-space: nowrap;
  }
  .ss-bt-sec-header {
    font-size: calc(16px + 9 * ((100vw - 300px) / 723));
  }
  .ss-view-all-contst {
    white-space: nowrap;
  }
  .ss-view-all-contst {
    font-size: calc(11px + 6 * ((100vw - 300px) / 723));
  }
  .ss-bt-entry-fees {
    line-height: normal;
  }
  .ss-bt-entry-fees {
    font-size: calc(18px + 9 * ((100vw - 300px) / 723));
  }
  .ss-bt-pp-count {
    font-size: calc(14px + 8 * ((100vw - 300px) / 723));
  }
  .ss-bt-pp-progress {
    white-space: nowrap;
  }
  .ss-bt-pp-progress {
    font-size: calc(13px + 6 * ((100vw - 300px) / 723));
  }
  .ss-lucky-wn-count {
    white-space: nowrap;
    line-height: normal;
  }
  .ss-lucky-wn-count {
    font-size: calc(11px + 10 * ((100vw - 300px) / 723));
  }
  .ss-bt-pm-count {
    white-space: nowrap;
    line-height: normal;
  }
  .ss-bt-pm-count {
    font-size: calc(20px + 20 * ((100vw - 300px) / 723));
  }
  .ss-count-ptpl {
    font-size: calc(12px + 8 * ((100vw - 300px) / 723));
  }
  .ss-bt-join-btn {
    line-height: normal;
  }
  .ss-bt-join-btn {
    font-size: calc(18px + 9 * ((100vw - 300px) / 723));
  }
  .ss-ad-contst-link {
    line-height: normal;
  }
  .ss-ad-contst-link {
    font-size: calc(13px + 10 * ((100vw - 300px) / 723));
  }
  #my-results, #all-results {
    font-size: calc(11px + 4 * ((100vw - 300px) / 723));
  }
  #ss-res-nav-bar.nav {
    height: auto;
  }
  .ss-res-contst {
    font-size: calc(15px + 13 * ((100vw - 300px) / 723));
  }
  .ss-vw-header .ss-bck-btn i {
    font-size: calc(19px + 9 * ((100vw - 300px) / 723));
  }
  .ss-myr-header .ss-bck-btn i {
    font-size: calc(19px + 9 * ((100vw - 300px) / 723));
  }
  .ss-vw-head {
    font-size: calc(21px + 7 * ((100vw - 300px) / 723));
  }
  .ss-vw-head-2 {
    font-size: calc(17px + 11 * ((100vw - 300px) / 723));
  }
  .ss-vw-al-pst {
    background: #fff;
  }
  .ss-contst-rank {
    font-size: calc(13px + 3 * ((100vw - 300px) / 723));
  }
  .ss-pt-cnt {
    font-size: calc(13px + 3 * ((100vw - 300px) / 723));
  }
  .ss-img-md-header {
    font-size: calc(14px + 5 * ((100vw - 300px) / 723));
  }
  .ss-rank-pos {
    font-size: calc(14px + 4 * ((100vw - 300px) / 723));
  }
  .ss-pos-pm {
    font-size: calc(14px + 4 * ((100vw - 300px) / 723));
  }
  .ss-lcky-lst-header {
    font-size: calc(16px + 6 * ((100vw - 300px) / 723));
  }
  .ss-td-name {
    font-size: calc(13px + 3 * ((100vw - 300px) / 723));
  }
  .ss-alr-header {
    font-size: calc(17px + 8 * ((100vw - 300px) / 723));
  }
  .ss-contst-post {
    background: #fff;
    border-radius: 0;
  }
  .ss-jc-uptxt {
    font-size: calc(15.5px + 3.5 * ((100vw - 300px) / 723));
  }
  .ss-jc-mn-btn {
    font-size: calc(15.5px + 5.5 * ((100vw - 300px) / 723));
  }
  .ss-wa-header-img {
    width: 40px;
    margin-right: 13px;
  }
  .ss-wa-header {
    font-size: calc(18px + 10 * ((100vw - 320px) / 703));
  }
  .ss-wa-field-header {
    height: auto;
    line-height: normal;
  }
  .ss-wa-field-header {
    font-size: calc(14px + 5 * ((100vw - 320px) / 703));
  }
  .ss-wa-header-cont {
    height: auto;
    line-height: normal;
  }
  .ss-wa-amt {
    font-size: calc(16px + 8 * ((100vw - 320px) / 703));
  }
  .ss-wa-ad-btn {
    font-size: calc(16px + 8 * ((100vw - 320px) / 703));
  }
  .ss-wa-edit-btn {
    padding: 0.4rem 0.75rem;
  }
  .ss-wa-edit-btn {
    font-size: calc(10px + 6 * ((100vw - 320px) / 703));
  }
  .ss-wa-sub-cn-name {
    font-size: calc(18px + 9 * ((100vw - 320px) / 703));
  }
  .ss-wa-pzmny {
    font-size: calc(17px + 7 * ((100vw - 320px) / 703));
  }
  .ss-wa-error {
    font-size: calc(15px + 7 * ((100vw - 320px) / 703));
  }
  .ss-contst-post-head-w {
    border-radius: 0;
    margin-top: 0;
    padding-bottom: 10px;
  }
  .ss-share-post-dtls {
    font-size: calc(10px + 5 * ((100vw - 320px) / 703));
  }
  .ss-p-contst-dtls-cont {
    margin-top: 8px;
  }
  .ss-p-contst-dtls-cont img {
    height: 18px;
    margin-right: 8px;
  }
  .ss-p-contst-nm {
    font-size: calc(15px + 11 * ((100vw - 320px) / 703));
  }
  .notif-pg-cont {
    background: #fff;
  }
  .ss-ff-br-sec {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .ss-fm-bg-wrapper {
    background: transparent;
  }
  .ss-fm-bg-wrapper .ss-vw-header {
    padding-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-bottom: 20px;
  }
  .ss-fm-bg-wrapper li.nav-item:nth-child(1) {
    border-bottom-left-radius: 0px;
  }
  .ss-fm-bg-wrapper li.nav-item:nth-child(2) {
    border-bottom-right-radius: 0px;
  }
  .ss-fm-bg-wrapper .badge-count-3 {
    position: absolute;
    border-radius: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    left: auto;
    right: 5px;
    color: #fff;
    font-size: 12px;
    background: #fe53aa;
    font-family: "SwissReSans Regular";
    width: 22px;
    height: 22px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1.5px solid #fff;
    z-index: 50;
  }
  .ss-us-rank-cont {
    width: 100%;
    margin-bottom: 0;
  }
  .ss-us-rank {
    padding-left: 8px;
  }
  .ss-toppane {
    width: 100%;
    pointer-events: none;
  }
  .ss-toppane .ss-carousel-sec {
    display: none;
  }
  .story-swiper-container {
    width: 100%;
  }
  .story-phone-cont-wrapper {
    width: 100%;
    top: 0;
    height: 100%;
  }
  .st-bg-img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .ss-close-story-btn {
    background: none;
    border: none;
    outline: none;
    width: 25px;
    height: 25px;
    margin-right: 12px;
    margin-left: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .ss-close-story-btn img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

/* Scss Document */
/* Scss Document */
@media only screen and (max-width: 800px) {
  .ss-mn-title {
    font-size: 60px;
    line-height: 75px;
  }
  .ss-mn-txt {
    font-size: 16px;
  }
  .ss-sec-title {
    font-size: 53px;
  }
  .ss-sec-subtitle {
    font-size: 23px;
  }
  .ss-sec-contentbx {
    font-size: 16px;
  }
  .ss-serv-desc {
    width: 60%;
    font-size: 16px;
  }
  .swiper-container-3 {
    width: 92%;
    height: 100%;
  }
  .swiper-container-3 .swiper-pagination-bullet {
    height: 12px;
    width: 12px;
  }
  #mySidenav.open {
    width: 50%;
  }
}

/* Scss Document */
@media only screen and (max-width: 768px) {
  .story-left-sec-pt {
    width: 72%;
  }
  .story-right-sec-pt {
    width: 28%;
  }
  .emoji-picker-icon {
    display: none !important;
  }
}

/* Scss Document */
@media only screen and (max-width: 500px) {
  .ss-contst-bt-cont {
    padding: 0px 10px;
    margin-top: 30px;
  }
  .ss-contst-ft-sec {
    padding: 0px 10px;
  }
  .ss-bt-join-btn {
    padding: 8px 36px;
  }
  .ss-view-all-contst {
    padding: 6px 18px;
  }
  .ss-bt-pm-count {
    padding: 6px 10px;
  }
  .ss-bt-entry-fees {
    margin-top: 20px;
  }
  .ss-td-img {
    margin-right: 10px;
    margin-left: 10px;
  }
  .col-md-1.col-1.edit-btn {
    padding: 0 !important;
  }
  .ss-wa-edit-btn {
    padding: 0.4rem 0.6rem;
  }
  .ss-wa-wallet-cont {
    padding: 0;
  }
  .ss-alr-res-cont {
    padding-bottom: 20px;
    margin-bottom: 40px;
  }
  .ss-alr-res-cont table thead th:nth-child(2) div {
    margin-left: 45px;
  }
  .ss-alr-res-cont table tbody tr td {
    padding: 8px;
  }
  .ss-jc-item {
    width: 49.5%;
  }
  .ss-srch-cont {
    padding-left: 0;
    padding-right: 0;
  }
  .ss-srch-lbl {
    font-size: 14px;
  }
}

@media only screen and (max-width: 425px) {
  .ss-signup-container {
    padding-top: 20px;
  }
  .ss-signup-container h1 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 42px;
  }
  .prof-icon-c {
    width: 85%;
  }
  .textarea-cont {
    width: 85%;
    padding-right: 14px;
  }
  .prof-icon-cont {
    width: 15%;
  }
  .ss-signup, .ss-login {
    outline: none;
    border: 1px solid;
    text-transform: uppercase;
    font-size: 12px;
    padding: 2px 4px;
    border-radius: 8px;
  }
  .ss-btn-cont-tx {
    right: 16px;
  }
  /*<#============= My Profile Page ==================>*/
  .ss-pr-img-br {
    height: 100px;
    width: 100px;
    top: -50px;
  }
  .ss-r1-lft, .ss-r1-lft-up {
    padding-left: 10px;
  }
  .ss-r1-lft button:nth-child(1), .ss-r1-lft-up button:nth-child(1) {
    padding: 4px 25px;
    font-size: 12px;
  }
  .ss-r1-rgt, .ss-r1-rgt-up {
    padding-left: 10px;
    padding-right: 10px;
  }
  .ss-r1-rgt button:nth-child(1), .ss-r1-rgt-up button:nth-child(1) {
    padding: 3px 15px;
    font-size: 12px;
    border: 2px solid #63DE9B;
    margin-left: 5px;
  }
  .ss-swiper-container, .ss-swiper-container-4 {
    padding: 5px 25px;
  }
  .ss-swiper-container .swiper-slide a .ss-prof-name-m, .ss-swiper-container-4 .swiper-slide a .ss-prof-name-m {
    font-size: 15px;
  }
  .ss-swiper-container .swiper-slide .ss-sw-btn-cont, .ss-swiper-container-4 .swiper-slide .ss-sw-btn-cont {
    margin-left: 7px;
  }
  .ss-swiper-container-2 {
    padding: 5px 25px;
    margin-bottom: 20px;
  }
  .ss-my-l-cont {
    padding: 6px 0px;
  }
  .ss-my-l-cont .profile-sec {
    width: 60%;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .ss-my-l-cont .profile-bg {
    width: 50%;
  }
  .ss-my-l-cont .prof-count {
    margin-left: 50px;
  }
  .ss-r1-lft-up button:nth-child(1) {
    font-size: 12px;
    padding: 5px 17px;
    margin-right: 5px;
  }
  .ss-r1-rgt-up {
    padding: 15px 7px 0px 0px;
  }
  .ss-r1-rgt-up button:nth-child(1) {
    left: 5px;
    font-size: 15px;
    padding: 3px 10px;
  }
  .ss-r1-rgt-up button:nth-child(2) {
    margin-right: 20px;
    margin-top: 4px;
  }
  .add-friend-txt {
    font-size: 10px;
    background: #63de9b;
    padding: 1px 4px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 6px;
    margin-top: -2px;
  }
  .ss-swiper-container-4 .swiper-slide .ss-sw-btn-cont button:nth-child(1) {
    font-size: 16px;
    padding: 6px 8px;
    margin-left: 0px;
  }
  .ss-cnst-img-cont-up {
    width: 50%;
    margin-top: 0px;
  }
  .ss-const-desc {
    font-size: 15px;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 10px;
  }
  .ss-edit-header {
    font-size: 20px;
  }
  .ss-prof-pto-ed {
    height: 110px;
    width: 110px;
  }
  .ss-contst-bt-sec-3 {
    width: 30%;
  }
  .ss-contst-bt-sec-1 {
    width: 29%;
  }
  .ss-contst-bt-sec-3 {
    width: 32%;
  }
  #contest-for-you, #my-contest, #results {
    padding: 8px 3px;
    white-space: nowrap;
  }
  #contest-for-you.active, #my-contest.active, #results.active {
    padding: 8px 3px !important;
    border: 1px;
  }
  .ss-vw-header .ss-bck-btn {
    left: 15px;
    top: 17px;
  }
  .ss-alr-res-cont table thead th:nth-child(2) div {
    margin-left: 45px;
  }
  .ss-alr-res-cont table tbody tr td {
    padding: 8px 4px;
  }
  .ss-wa-wallet-cont table tbody tr td {
    padding: 8px 4px;
    font-size: 14px;
  }
  .ss-wacurrency {
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    height: auto;
    margin-top: -10px;
  }
  .ss-wa-frm-grp .col-sm-12 {
    margin-top: 14px;
  }
  .ss-accept-req, .ss-reject-req, .ss-select-req {
    font-size: 12px;
  }
  .ss-srch-lbl {
    font-size: 13px;
  }
  .ss-us-rank {
    font-size: 18px;
  }
  .ss-cfs-mn-cnt.ss-jc-mn-cnt.ss-tp-100-cnt {
    margin-bottom: 13px;
  }
  .ss-tp-hd-img {
    max-height: 20px;
  }
  .ss-close-story-btn {
    width: 22px;
    height: 22px;
    margin-right: 9px;
    margin-left: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .ss-ip-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .ss-ip-toggle input[type="checkbox"] {
    width: 0;
    height: 0;
    visibility: hidden;
  }
  .ss-ip-toggle label {
    width: 25px;
    height: 10px;
    display: block;
    background-color: #52555A;
    border-radius: 100px;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-top: 0px;
  }
  .ss-ip-toggle label::after {
    content: "";
    width: 19px;
    height: 19px;
    background-color: #63DE9B;
    position: absolute;
    border-radius: 100%;
    border: 2px solid #fff;
    top: -5px;
    left: -10px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .ss-ip-toggle input:checked + label:after {
    left: calc(100% + 10px);
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    background-color: #FF48A5;
  }
  .ss-ip-toggle label:active:after {
    width: 19px;
    height: 19px;
  }
}

/* Scss Document */
@media only screen and (max-width: 400px) {
  .ss-r1-lft-up {
    padding-left: 10px;
    width: 42%;
  }
  .ss-r1-rgt-up {
    width: 42%;
  }
  .ss-r1-rgt-up button:nth-child(1) {
    padding: 3px 6px;
    font-size: 14px;
    border: 2px solid #63DE9B;
    margin-left: 5px;
    margin-top: 4px;
    left: 18px;
  }
  .ss-r1-rgt-up button:nth-child(2) div {
    width: auto;
    height: auto;
  }
  .ss-r1-rgt-up button:nth-child(2) {
    margin-left: 35px;
  }
  .img-br-pt {
    width: 45px;
    height: 45px;
  }
  .rank-text {
    font-size: 10px;
  }
  .profile-name, .prof-name-com, .ss-modal-un {
    font-size: 0.82em;
  }
  .verification-mark {
    width: 14px;
  }
  .follow {
    font-size: 14px;
    margin-right: 15px;
  }
  .add-friend {
    margin-right: 20px;
    margin-top: 8px;
  }
  .add-friend img {
    width: 16px;
  }
  .desc-text {
    font-size: 15px;
  }
  .react-bar {
    width: 85%;
  }
  .prof-icon-cont {
    width: 13%;
  }
  .comm-txt {
    font-size: 13px;
  }
  .ss-com-c {
    font-size: 14px;
  }
  .menu-post div {
    width: 6px;
    height: 6px;
  }
  .ch-img, .ch-img-a, .ch-img-a {
    max-height: 100%;
    width: 75px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    margin-top: 20px;
  }
  .challenge-sec {
    height: 120px;
  }
  .st-base {
    height: 50px;
    width: 50px;
  }
  .img-br-st {
    height: 50px;
    width: 50px;
  }
  .hex4 {
    height: 47px;
    width: 47px;
  }
  .ss-contst-bt-sec-3 {
    width: 30%;
  }
  .ss-contst-bt-sec-1 {
    width: 29%;
  }
  .ss-contst-bt-sec-3 {
    width: 32%;
  }
  .ss-lucky-wn-count {
    padding: 6px 10px;
  }
  .ss-contst-swiper {
    width: 230px;
    height: 230px;
  }
  .invite-contst-1 {
    width: 23px;
  }
  .invite-contst {
    margin-left: -9px;
    margin-right: 0px;
  }
}

@media only screen and (max-width: 376px) {
  /*<#============= My Profile Page ==================>*/
  .ss-my-l-cont .prof-count {
    margin-left: 50px;
  }
  .ss-pr-img-br {
    width: 86px;
    height: 86px;
    top: -43;
  }
  .ss-r1-lft button:nth-child(1), .ss-r1-lft-up button:nth-child(1) {
    padding: 4px 20px;
    font-size: 11px;
  }
  .ss-r1-rgt button:nth-child(1), .ss-r1-rgt-up button:nth-child(1) {
    padding: 3px 10px;
    font-size: 11px;
    border: 2px solid #63DE9B;
    margin-left: 5px;
    margin-top: 4px;
  }
  .ss-r1-rgt button:nth-child(2) div, .ss-r1-rgt-up button:nth-child(2) div {
    width: 4px;
    height: 4px;
  }
  .ss-prof-r2 .ss-my-prof-name {
    font-size: 18px;
    margin-top: 2px;
  }
  .ss-prof-r3 {
    font-size: 11px;
  }
  .ss-cc-count {
    font-size: 13px;
  }
  .ss-cc-head {
    font-size: 11px;
  }
  .ss-my-rc {
    border-radius: 20px;
    padding-top: 20px;
    padding-left: 0px;
  }
  .ss-my-r-cont .ss-cont-header {
    margin: 0;
    padding: 12px 0px;
    font-size: 15px;
  }
  .ss-see-more {
    font-size: 15px;
  }
  .ss-sem-cont a {
    font-size: 15px;
  }
  .ss-r-cont-li-2 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0px 10px 7px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ss-swiper-container, .ss-swiper-container-4, .ss-swiper-container-2 {
    padding: 10px 10px;
    margin-bottom: 20px;
  }
  .ss-swiper-container .swiper-slide a .ss-prof-name-m, .ss-swiper-container-4 .swiper-slide a .ss-prof-name-m {
    font-size: 10px;
  }
  .ss-my-l-cont .profile-sec {
    width: 85%;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .ss-sem-cont button {
    width: 60%;
    text-align: center;
    color: #fff;
    font-family: "SwissReSans Bold";
    text-transform: uppercase;
    padding: 5px 0px;
    font-size: 15px;
    border: none;
    outline: none !important;
    border-radius: 8px;
    background: #041F6E;
  }
  .ss-r1-lft-up {
    padding-left: 10px;
    width: 45%;
  }
  .ss-r1-rgt-up {
    width: 45%;
  }
  .ss-r1-rgt-up button:nth-child(1) {
    padding: 3px 6px;
    font-size: 14px;
    border: 2px solid #63DE9B;
    margin-left: 5px;
    margin-top: 4px;
    left: 18px;
  }
  .ss-r1-rgt-up button:nth-child(2) div {
    width: auto;
    height: auto;
  }
  .ss-r1-rgt-up button:nth-child(2) {
    margin-left: 35px;
  }
  .img-br-pt {
    width: 45px;
    height: 45px;
  }
  .rank-text {
    font-size: 10px;
  }
  .profile-name, .prof-name-com, .ss-modal-un {
    font-size: 0.82em;
  }
  .verification-mark {
    width: 14px;
  }
  .follow {
    font-size: 14px;
    margin-right: 15px;
  }
  .add-friend {
    margin-right: 20px;
    margin-top: 8px;
  }
  .add-friend img {
    width: 16px;
  }
  .desc-text {
    font-size: 15px;
  }
  .react-bar {
    width: 85%;
  }
  .prof-icon-cont {
    width: 13%;
  }
  .comm-txt {
    font-size: 13px;
  }
  .ss-com-c {
    font-size: 14px;
  }
  .menu-post div {
    width: 6px;
    height: 6px;
  }
  .ss-contst-swiper {
    width: 210px;
    height: 210px;
  }
  .ss-bt-join-btn {
    padding: 8px 28px;
  }
  .ss-view-all-contst {
    padding: 4px 12px;
  }
  .ss-contst-ft-sec {
    padding: 0px 3px;
  }
  .ss-btn-cont-tx {
    top: 24px;
  }
  .ss-btn-cont-tx .ss-txta-btn {
    width: 22px;
  }
  .ss-p-contst-dtls-cont {
    margin-top: 8px;
  }
  .ss-p-contst-dtls-cont img {
    height: 16px;
    margin-right: 8px;
  }
  .invite-contst-1 {
    width: 20px;
    margin-top: 7px;
  }
  .cht-btn {
    margin-right: 15px;
  }
  .ss-srch-lbl {
    font-size: 12px;
    padding: 0.3em 1.5em;
  }
  .ss-us-rank {
    font-size: 16px;
  }
  .ss-cfs-mn-cnt.ss-jc-mn-cnt.ss-tp-100-cnt {
    margin-bottom: 8px;
  }
  .ss-rank-br {
    height: 2px;
  }
  .ss-ip-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .ss-ip-toggle input[type="checkbox"] {
    width: 0;
    height: 0;
    visibility: hidden;
  }
  .ss-ip-toggle label {
    width: 20px;
    height: 6px;
    display: block;
    background-color: #52555A;
    border-radius: 100px;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-top: 0px;
  }
  .ss-ip-toggle label::after {
    content: "";
    width: 15px;
    height: 15px;
    background-color: #63DE9B;
    position: absolute;
    border-radius: 100%;
    border: 1px solid #fff;
    top: -5px;
    left: -10px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .ss-ip-toggle input:checked + label:after {
    left: calc(100% + 10px);
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    background-color: #FF48A5;
  }
  .ss-ip-toggle label:active:after {
    width: 15px;
    height: 15px;
  }
}

@media only screen and (max-width: 321px) {
  .ss-r1-lft-up {
    padding-left: 10px;
    width: 48%;
  }
  .ss-r1-rgt-up {
    width: 49%;
  }
  .ss-r1-lft button:nth-child(1), .ss-r1-lft-up button:nth-child(1), .ss-r1-lft-up button:nth-child(1) {
    padding: 4px 15px;
    font-size: 10px;
    white-space: nowrap;
  }
  .ss-r1-lft-up button:nth-child(2) {
    margin-right: 28px;
  }
  .name-rank {
    margin-left: 0px;
  }
  .ss-bt-join-btn {
    padding: 6px 24px;
  }
  .ss-contst-bt-cont {
    padding: 0px 4px;
  }
  .ss-accept-req, .ss-reject-req, .ss-select-req {
    margin-right: 10px;
  }
  .icon-sec-ctst-btn.ss-idx-ct-btn {
    font-size: 13px;
    background: #007bff;
    padding: 0.25em 0.6em;
    color: #fff;
    border-radius: 8px;
  }
  .ss-us-rank {
    font-size: 15px;
  }
}
/*# sourceMappingURL=ss-custom-ac.css.map */