body {
  font-family: "Open Sans", serif;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  color: #404040;
  position: relative;
  background: #fff4ee;
}

b, strong {
  font-weight: bold;
}

a:focus {
  outline: 0;
  text-decoration: none
}

a:hover {
  text-decoration: none
}

a {
  transition: .5s ease
}

ul {
  margin: 0;
  padding: 0
}

li {
  list-style: none
}

p {
  font-family: "Open Sans", serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color:#333;
}

h1 {
  font-family: "Raleway", serif;
  }
h2 {
  font-family: "Raleway", serif;
  color: #222
}

h3 {
  font-family: "Raleway", serif;
}

h4 {
  font-size: 22px;
  font-family: "Raleway", serif;
  color: #222;
  margin: 0
}

h5 {
  font-size: 16px;
  font-family: "Raleway", serif;
  color: #222
}


#animated-text-strip{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  overflow: hidden;
}
#animated-text-strip .marquee {
  white-space: nowrap;
  animation: marquee 5s linear infinite;
  max-width: none;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

#animated-text-strip{
  background: #000;
  padding:5px 0;
}
.marquee{
  font-size: 12px;
  font-weight: 500;
  color: #0296c0;
}

header {
  background: #0296c0;

  width: 100%;
  z-index: 100;
  transition: .2s ease;
  border-bottom: 1px solid #9ae7fd;
}

.bar {
  height: 5px;
  width: 90px;
  background: rgba(251, 154, 51, 0.29);
  margin: 0 auto;
  position: relative;
}
.bar:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 5px;
  width: 15px;
  border-radius: 0;
  background: #fd8709;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: MOVE-BG;
  animation-name: MOVE-BG;
}
@-webkit-keyframes MOVE-BG {
  0% {
    transform: translateX(0)
  }
  to {
    transform: translateX(75px)
  }
}
@keyframes MOVE-BG {
  0% {
    transform: translateX(0)
  }
  to {
    transform: translateX(75px)
  }
}


@keyframes text-flicker {
  0% {
    opacity: 0.1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }

  2% {
    opacity: 1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }

  8% {
    opacity: 0.1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }

  9% {
    opacity: 1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }

  12% {
    opacity: 0.1;
    text-shadow: 0px 0px rgba(242, 22, 22, 1);
  }

  20% {
    opacity: 1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
  }

  25% {
    opacity: 0.3;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
  }

  30% {
    opacity: 1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
  }

  70% {
    opacity: 0.7;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
  }

  72% {
    opacity: 0.2;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
  }

  77% {
    opacity: .9;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
  }

  100% {
    opacity: .9;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
  }
}


.header_after2::after {
  position: absolute;
  content: "Find Your Partner";
  left: 34%;
  top: -21px;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Nothing You Could Do", cursive;
  font-weight: 800;
  transform: rotate(-4deg);
  color: #d93185;
  animation: text-flicker 3s linear infinite;
}

.header_after3::after {
  position: absolute;
  content: "Client feedback";
  left: 40%;
  top: -21px;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Nothing You Could Do", cursive;
  font-weight: 800;
  transform: rotate(-4deg);
  color: #d93185;
  animation: text-flicker 3s linear infinite;
}


.header_after4::after {
  position: absolute;
  content: "Our Newbies ";
  left: 40%;
  top: -21px;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Nothing You Could Do", cursive;
  font-weight: 800;
  transform: rotate(-4deg);
  color: #d93185;
  animation: text-flicker 3s linear infinite;
}




.box3_animation::after {
  position: absolute;
  content: "";
  right: -42%;
  top: -18%;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: url(./images/flower.png) no-repeat center;
  animation-name: myframes;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}


.carousel-caption h5{
  color: #fff;
  font-size: 50px;
}

.carousel-caption p {
  color: #fff;
  font-size: 32px;
  line-height: 44px;
}
.counter_main {
    position: absolute;
    bottom: 0;
    z-index: 1;
    padding: 15px 20px 15px 35px;
}

.counter_main:before,
.counter_main:after {
    clip-path: polygon(0 0, 92% 0, 100% 40%, 100% 70%, 100% 100%, 30% 100%, 0 100%, 0% 30%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: '';
    position: absolute;
    background: #ff1182;
    z-index: -1;
}

.counter_main:after {
    top: -4px;
    background: #ffffff1a;
    z-index: -7;
    left: 4px;
}

.counter_main ul li {
    border-left: 1px solid #eeeeee4a;
    padding: 0px 20px;
}

.counter_main ul li h3 {
    font: normal normal 800 40px Inter;
    color: #000;
}

.counter_main ul li p {
    font: normal normal 500 12px Inter;
    color: #ffffff;
}

.counter_main ul li span {
    font: normal normal 600 40px Inter;
    color: #000;
    line-height: 30px;
}


.hero-slider {
  width: 100%;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
}

@media (max-width: 991px) {
  .hero-slider {
    height: 600px;
  }
}

@media (max-width: 767px) {
  .hero-slider {
    height: 500px;
  }
}

.hero-slider .swiper-slide {
  overflow: hidden;
  color: #fff;
}

.hero-slider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.hero-slider .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
  background: transparent;
  width: 55px;
  height: 55px;
  line-height: 53px;
  margin-top: -30px;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 55px;
  opacity:0;
  visibility:hidden;
  transition:all .3s ease;
}
.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {
  transform:translateX(0);
  opacity:1;
  visibility:visible;
}

@media (max-width: 767px) {
  .hero-slider .swiper-button-prev,
  .hero-slider .swiper-button-next {
    display: none;
  }
}

.hero-slider .swiper-button-prev {
  left: 25px;
  transform:translateX(50px);
}

.hero-slider .swiper-button-prev:before {
  font-family: "Font Awesome 5 Free";
  content: "\f060";
  font-size: 15px;
  color: #ec155a;
  font-style: normal;
  display: inline-block
  vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-button-next {
  right: 25px;
  transform:translateX(-50px);
}

.hero-slider .swiper-button-next:before {
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  font-size: 15px;
  color: #ec155a;
  font-style: normal;
  display: inline-block
  vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  text-align: left;
  line-height: 12px;
  font-size: 12px;
  color: #000;
  opacity: 0.3;
  background:#ff0202;
  transition:all .2s ease;
}

.hero-slider .swiper-pagination-bullet-active {
  opacity:1;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
  bottom: 30px;
}

@media screen and (min-width: 992px) {
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
  .hero-slider .swiper-pagination-custom,
  .hero-slider .swiper-pagination-fraction {
  }
}
.swiper-pagination {
  text-align:left;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{
  bottom:50px;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}
}
@media (min-width: 767px) {
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{
  bottom:30px;
 
}
}

.hero-style {
  height: 680px;
  transition:all .4s ease;
}

@media (max-width: 991px) {
  .hero-style {
    height: 600px;
  }
}

@media (max-width: 767px) {
  .hero-style{
    height: 500px;
  }
}

@media screen and (min-width: 992px) {
  .hero-style .container {
    padding-top: 95px;
  }
}

.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {
  max-width: 100%;
  text-align: center;
}
.hero-style .slide-title h2 span{
   font-size: 24px;
   color: #fff;
}
.hero-style .slide-title h2 {
  font-size: 60px;
  font-weight: 600;
  line-height: 1;
  color: #ec155a;
  margin: 0 0 40px;
  text-transform: capitalize;
  transition:all .4s ease;
  text-shadow: 2px 2px 2px #000;
}

@media (max-width: 1199px) {
  .hero-style .slide-title h2 {
    font-size: 75px;
  }
}

@media (max-width: 991px) {
  .hero-style .slide-title h2 {
    font-size: 50px;
    margin: 0 0 35px;
  }
}

@media (max-width: 767px) {
  .hero-style .slide-title h2 {
    font-size: 35px;
    margin: 0 0 30px;
    line-height: 45px;
  }
}

.hero-style .slide-text p {
  opacity: 0.8;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: normal;
  color: #fff;
  margin: 0 0 40px;
  transition:all .4s ease;
  text-shadow: 2px 2px 2px #000;
}

@media (max-width: 767px) {
  .hero-style .slide-text p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    margin: 0 0 30px;
  }
}

.hero-style .slide-btns > a:first-child {
  margin-right: 10px;
}


.theme-btn, .theme-btn-s2{
    background: rgb(240,87,136);
  background: linear-gradient(90deg, rgba(240,87,136,1) 0%, rgba(238,50,74,1) 35%, rgba(237,28,36,1) 100%);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color:#2b3b95;
  padding: 9px 32px;
  border: 0; 
  border-radius: 25px;
  text-transform: uppercase;
  display: inline-block;
  line-height: initial;
  transition:all .4s ease;
}
a {
    text-decoration: none;
    transition: all 0.2s ease;
}
.theme-btn-s2{
    background-color: rgba(255, 255, 255, 0.9);
    color: #fff;
}
.theme-btn:hover, .theme-btn-s2:hover, .theme-btn:focus, .theme-btn-s2:focus, .theme-btn:active, .theme-btn-s2:active {
    background-color:#2b3b95 ;
    color: #fff;
}
.theme-btn-s3{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #ffffff;
  text-transform: uppercase;
}
i.fa-chevron-circle-right{
  height:22px;
  width:22px;
}
a:hover {
    text-decoration: none;
}
@media (max-width: 991px){
  .theme-btn, .theme-btn-s2, .theme-btn-s3 {
    font-size: 13px;
    padding: 15px 25px;
  }
}
@media (max-width: 767px){
  .theme-btn, .theme-btn-s2{
    padding: 13px 20px;
    font-size: 13px;
  }
}






























.darkHeader {
  padding: 5px 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

.navbar {
  padding: 0
}

.navbar-light .navbar-brand img {
  max-width: 240px
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  margin: 0 10px;
  text-transform: uppercase;
}

.user-tab-login {
  border-radius: 25px;
  text-align: center;
  color: #fff !important;
  background: rgb(240,87,136);
  background: linear-gradient(90deg, rgba(240,87,136,1) 0%, rgba(238,50,74,1) 35%, rgba(237,28,36,1) 100%);
  border: 0px solid #fff !important;
  font-size: 14px !important;
  padding: 5px 30px !important;
  margin: 3px 0 0 15px !important;
  transition: .5s ease;
  box-shadow: 0 4px 13px -5px rgba(0, 0, 0, 0.5);
  position: relative;
}

.user-tab-login::after {
  position: absolute;
  font-family: FontAwesome;
  content: "\f004";
  right: -5px;
  top: 5px;
  color: rgb(255, 244, 238);
  font-size: 18px;
}


.user-tab-login:hover,
.user-tab-login:focus {
  color: #de2e86 !important;
  background: #fff;
}

.user-tab-register {
  border-radius: 25px;
  text-align: center;
  color: #fff !important;
  background: #fdb01d;
  border: 0px solid #fff !important;
  font-size: 14px !important;
  padding: 5px 30px !important;
  margin: 3px 0 0 15px !important;
  transition: .5s ease;
  box-shadow: 0 4px 13px -5px rgba(0, 0, 0, 0.5);
}

.user-tab-register:hover,
.user-tab-register:focus {
  color: #de2e86 !important;
  background: #fff;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
  color: #ec155a;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #ec155a;
}

video {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.video-container:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(158, 117, 247, 0.18) 0%, rgba(253,90,90,0) 100%);
  z-index: 1;
}
.z-index-con {
  position: relative;
  z-index: 2;
}



.banner {
  position: relative;
  padding: 100px 0 0px 0;
  background: url(../images/main-banner-580.jpg) no-repeat center center;
  background-size: cover;
}
.banner-right-img img {
  max-width: 100%;
}
.banner-content {
  position: absolute;
  width: 100%;
  top: 200px;
  left: 0;
  right: 0;
  z-index: 3;
}

.banner-sec-left {
  background: rgba(0,0,0,.2);
  padding: 30px;
  margin-top: 50px;
  border-radius: 10px;
  backdrop-filter: blur(20px);
}

.banner-sec-left h2 {
  color: #fff;
  font-size: 42px;
  line-height: 55px;
  margin-bottom: 28px;
  font-weight: 700;
}
.banner-sec-left h2 span{
  color: #0093fe;
}
.banner-sec-left h5{

}
.medium-black {
  color: #000;
}

.banner-sec-left h1 {
  font-size: 35px;
  line-height: 40px;
  color: #fff;
  text-shadow: 1px 2px 0 #000;
  margin: 0 0 24px;
  font-weight: 500;
}

.banner-sec-left h1 span {
  color: #0093fe;
}

.banner-sec-left h4 {
  color: #0093fe;
}

.member-text {
  padding: 0 15px;
}

.banner-sec-left p {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.success-reat {
  padding-left: 15px;
}
.dark-gray-text {
  padding-left: 15px;
  color: #000;
}

.banner-sec-left p span {
  color: #c82ac6;
  font-weight: bold;
}

.banner-sec-left a {
  display: inline-block;
  border-radius: 0px 25px 0px 25px;
  text-align: center;
  color: #fff;
  background: #de2e86;
  border: 0px solid #fff;
  font-size: 20px;
  padding: 12px 48px;
  margin-top: 20px;
}

.banner-sec-right img{
  max-width: 100%;
}



.button-default {
  background: #6a38d4;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 10px 40px;
  display: inline-block
}

.button-default:hover,
.button-default:focus {
  background: #b76eda;
  color: #fff
}

.search-box {
  padding: 35px 30px 20px;
  background: #fff;
  margin-top: 80px;
  border-radius: 10px 10px 0 0
}

.search-box label {
  color: #000
}

.search-box .custom-select {
  height: calc(35px + .75rem + 2px);
  border-radius: 4px;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='#a6b909' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px
}

.mar-top-33 {
  margin-top: 33px
}

.btn-search {
  background: #6a38d4;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 4px;
  height: 48px;
  transition: .5s ease
}

.btn-search:hover,
.btn-search:focus {
  background: #ae68da;
  color: #fff
}

.search-sec {
  margin-top: -50px;
  z-index: 1;
  position: relative
}


.join-us-sec{
  padding: 40px 0;
  text-align: center;
  background: #0296c0;
}

.join-us-sec p{
  color: #fff;
  font-size: 16px;
}


.join-us-sec a {
  display: inline-block;
  border-radius: 25px;
  text-align: center;
  color: #fff;
  background: #f8bf14;
  border: 0px solid #fff;
  font-size: 20px;
  padding: 12px 48px;
  margin-top: 20px;
  box-shadow: 0 4px 13px -5px rgba(0, 0, 0, 0.5);
}

.love-sec {
  background: #fff4ee;
  padding-bottom: 30px;
}
.love-box {
  padding: 30px 12px;
  background: #fff;
  border-radius: 15px;
  border: 1px solid #fed1d3;
  text-align: center;
  margin-bottom: 30px;
}

.love-box img{
  margin-bottom: 20px;
  width: 120px;
}

.love-box h5{
  font-size: 24px;
  margin-bottom: 15px;
  color: #000;
}
.love-box p{
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
}


.about-left-sec ul li{
  color: #000;
  margin-bottom: 10px;
  font-size: 18px;
}
.about-left-sec ul li i{
  color: #ed1d26;
  font-size: 20px;
  margin-right: 10px;
}



.about-us-sec-content-top{
  text-align: center;
}

.about-us-sec{
  padding: 80px 0 50px 0;
  position: relative;
  background: #fff4ee;
}

.about-us-sec-img img{
  width: 100%;
  border-radius: 15px;
  position: relative;
  border: 1px solid #fdd1d3;
}
.about-up-img{
  width: 200px;
  position: absolute;
  z-index: 1;
  border-radius: 15px;
  left: -100px;
  bottom: 30px;
  -webkit-box-shadow: 0px 34px 45px -22px rgba(242,136,175,0.53);
-moz-box-shadow: 0px 34px 45px -22px rgba(242,136,175,0.53);
box-shadow: 0px 34px 45px -22px rgba(242,136,175,0.53);
}


.about-us-sec-content{
  padding-left: 30px;
}
.about-us-sec-content h2 {
  color: #000;
  font-size: 42px;
  font-weight: 500;
  position: relative;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.about-us-sec-content h4{
  color: #222222;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center;
}

.about-us-sec-content h5 {
  color: #222222;
  font-size: 20px;
  margin-top: 15px;
}

.about-us-sec-content h6 {
  color: #0093fe;
  font-size: 16px;
  font-weight: 600;
  margin-top: 0px;
}



.about-us-sec-content p{
  color: #333333;
  font-size: 16px;
}

.about-us-sec-content .media img{
  width: 75px;
}

.about-us-sec-content .media {
  margin-bottom: 15px;
}


.about-us-sec-content a {
  display: inline-block;
  border-radius: 0px 25px 0px 25px;
  text-align: center;
  color: #fff;
  background: #de2e86;
  border: 0px solid #fff;
  font-size: 20px;
  padding: 12px 48px;
  margin-top: 20px;
}

.asia-nam-sec{
  padding: 40px 0;
  background: #bce9ff;
}

.view-details-btn {
  background: rgb(38, 199, 244);
  background: linear-gradient(90deg, rgb(38, 199, 244) 0%, rgb(21, 176, 220) 35%, rgb(7, 148, 189) 100%);
  color: #fff;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 10px;
  margin: 0 auto;
  text-align: center;
  transition: .5s ease;
  display: inline-block;
  text-transform: uppercase;
  width: 100%;
}

.view-details-btn:hover{
  color: #fff;
  background: rgb(240,87,136);
  background: linear-gradient(90deg, rgba(237,28,36,1) 0%, rgba(238,50,74,1) 35%, rgba(240,87,136,1) 100%);
}

.member-location {
  color: #222;
  font-size: 14px;
  margin-bottom: 10px;
}
.member-location i{
  color: #ed212c;
}



.map-con{
  text-align: right;
}

.map-con img{
  max-width: 220px;
}

.map-text-box{
  text-align: left;
  padding-left: 50px;
  padding-top: 50px;
}

.asia-nam-sec p{
  color: #222;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.asia-nam-sec h2{
  color: #000;
  font-size: 32px;
  font-weight: 600;
  line-height: 50px;
}

.trusted-sec{
  padding: 60px 0;
  position: relative;
  background: #081526;
  text-align: center;
}

.trusted-sec h2{
  text-align: center;
  color: #fff;
  font-size: 42px;
  font-weight: 500;
  margin-bottom:15px;
}

.trusted-sec p{
  text-align: center;
  color: #fff;
  margin-bottom:30px;
}

.trust-box{
  border-radius: 10px;
  background-color: #9d3fd2;
  padding: 30px 15px;
  margin-bottom: 30px;
  text-align: center;
}

.trust-box h3{
  color: #fff;
  font-size: 30px;
  margin-top: 15px;
  text-transform: uppercase;
  font-weight: 700;
}

.trust-box h3 span{
  color: #fff;
  font-size: 22px;
  display: block;
  font-weight: 500;
  margin-top: 5px;
}


.trust-con-middle img {
  width: 100%;
  padding: 5px;
  border: 1px solid #e13787;
}

.how-work-content {
  padding-left: 30px;
}

.how-work-content .media h5 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}
.how-work-content .media {
  margin-bottom: 30px;
  display: inline-block;
  text-align: center;
}
.how-work-content .media p{
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}


.how-work-content .media img{
  width: 110px;
}

.how-work-img img{
  width: 100%;
  border-radius: 20px;
}

.faq-sec{
  padding: 60px 0;
  background-image: url(../images/pattern-01-free-img.png);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: repeat;
  transition: background .3s,border-radius .3s,opacity .3s;
  position: relative;
}


.testimo-sec {
  padding: 60px 0;
  text-align: center;
  position: relative;
  background: #fff4ee;
  border-top: 1px solid #ffdedf;
}


.testimo-top{
  text-align: center;
}

.testimo-top h5{
  position: relative;
  font-size: 18px;
  color: #de2e86;
  margin-bottom: 30px;
}

.testimo-top h2{
  font-size: 42px;
  color: #222;
  margin-bottom: 20px;
}

.testimo-top p{
  font-size: 18px;
  color: #fff;
  margin-bottom: 40px;
}



.testimo-top h5:after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  width: 50px;
  height: 2px;
  background: #3789e1;
  margin: 0 auto;
}

.testomo-box-top{
  border-radius: 10px;
  background: #fff;
  padding: 30px;
  text-align: center;
  min-height: 275px;
  border: 1px solid #fed1d3;
}

.testomo-box-top i{
  font-size: 40px;
  color: #ed1d26;
  margin-bottom: 15px;
}

.testomo-box-top p {
  font-size: 15px;
  color: #333;
  line-height: 24px;
}
.testomo-box-bottom {
  text-align: center;
  margin-top: -30px;
}
.testomo-box-bottom img{
  width: 60px !important;
  border-radius: 50%;
  display: inline-block !important;
}

.testomo-box-bottom ul li{
  display: inline;
  color: #f48d07;
  margin: 0 2px;
}

.testomo-box-bottom h4{
  color: #222;
}

.testomo-box-bottom p{
  color: #333;
  font-size: 14px;
}

.faq-sec-top{
  text-align: center;
  margin-bottom: 30px;
}

.faq-sec-top h2{
  color: #fff;
}

.faq-sec .btn-link {
  font-weight: 500;
  color: #000;
  font-size: 18px;
  text-decoration: none;
}

.faq-sec .btn.focus, .faq-sec .btn:focus {
  outline: 0;
  box-shadow: none;
}




.welcome-sec {
  padding: 60px 0;
  background: #b76eda
}

.welcome-sec-box {
  background: #c97eed;
  padding: 20px;
  text-align: center
}

.welcome-sec-box h3 {
  font-size: 30px;
  color: #fff;
  margin-bottom: 10px;
  margin-top: 10px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700
}

.welcome-sec-box h4 {
  font-size: 20px;
  color: #fff
}

.vip-members-sec {
  padding: 50px 0;
  position: relative;
  border-top: 1px solid #ffdedf;
}

.top-members-sec {
  padding: 60px 0;
  background: #fff4ee;
  border-bottom: 1px solid #ffdedf;
}
.sec-title {
  text-align: center;
  margin-bottom: 30px
}

.sec-title h2 {
  color: #222;
  font-size: 36px;
  font-weight: 500;
  position: relative;
  margin-bottom: 20px;
}

.sec-title h4 {
  color: #182E43;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 10px
}

.member-box {
  margin-bottom: 30px;
  border: 1px solid #fdc2c4;
  background: #fff;
  border-radius: 15px;
}

.img-block {
  position: relative;
  overflow: hidden;
}

.img-block img {
  height: 280px;
  width: 100%;
  border-radius: 15px 15px 0 0;
  object-fit: cover;
}

.img-block-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(46, 196, 255, 0.55) 0%, rgba(240,87,136,0.00602239186690301) 41%);
  border-radius: 15px 15px 0 0;
}
.online-tag {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: rgba(0, 0, 0, .7);
  color: #fff;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 12px;
  line-height: 14px;
}

.online-tag {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: rgba(0, 0, 0, .7);
  color: #fff;
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 12px;
  line-height: 14px;
}

.verify-tag{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
}
.verify-tag img{
  height: 30px;
  width: 30px;
}

.online-tag::after {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 2px solid #cceb99;
  background: #80ce00;
  content: "";
  right: -6px;
  top: 7px;
}



.text-block {
  padding: 10px 10px;
  width: 100%;
  text-align: center;
}

.member-name {
  color: #000;
  font-size: 24px; 
  font-weight: 600;
  width: 100%;
  margin-bottom: 10px;
}

.member-age {
  color: #333;
  font-size: 14px;
  width: 100%;
  margin-bottom: 10px;
}

.member-bottom-con {
  background: #fff;
  border-radius: 0 0 5px 5px
}

.member-bottom-con a {
  color: #ef5b85;
  font-size: 18px;
  padding: 10px;
  display: inline-block
}

.view-block-b,
.like-block-b,
.chat-block-b {
  text-align: center
}

.like-block-b {
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8
}

.member-like-con {
  position: absolute;
  left: 0;
  top: 0;
}

.member-like-con li {
  margin: 0 5px
}

.member-like-con li a {
  padding: 8px 5px;
  color: #fff;
  display: block;
  font-size: 16px
}

.member-like-con li a:hover {
  color: #f93137;
}

.premium-member-sec {
  padding: 40px 0;
  background: #ffe9bb
}

.view-all-btn-con {
  text-align: center;
  margin-top: 30px
}

.view-all {
  padding: 12px 40px;
  color: #fff;
  border-radius: 7px;
  text-transform: uppercase
}

.gradient-btn {
  color: #fff;
  background: rgb(38, 199, 244);
  background: linear-gradient(90deg, rgb(38, 199, 244) 0%, rgb(21, 176, 220) 35%, rgb(7, 148, 189) 100%);
}

.gradient-btn:hover {
  color: #fff;
  background:rgba(237,28,36,1);
}

.make-dating-sec {
  background: #f7f7f7;
  padding: 60px 0
}

.make-dating-box {
  background: #fff;
  padding: 30px;
  text-align: center;
  border-radius: 8px
}

.make-dating-icon-con {
  width: 80px;
  height: 80px;
  margin: -70px auto 30px;
  border-radius: 50%;
  text-align: center;
  font-size: 24px;
  color: #fff;
  padding-top: 25px
}

.make-dating-box h4 {
  font-size: 18px;
  color: #3d404a;
  font-weight: 600;
  margin-bottom: 25px
}

.make-dating-box p {
  font-size: 14px;
  color: #3d404a;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 0
}

.color-pink {
  background: #ef5b85
}

.color-green {
  background: #3dbdb6
}

.color-blue {
  background: #0089ce
}

.blog-sec {
  padding: 80px 0
}

.blog-box {
  margin-bottom: 30px
}

.blog-img-block {
  margin-bottom: 8px
}

.blog-img-block img {
  height: 300px;
  object-fit: cover;
  width: 100%
}

.blog-text {
  text-align: center;
  padding: 30px 20px 20px;
  background: #f5f5f5
}

.blog-text ul li i {
  color: #fa5856
}

.blog-text ul li {
  color: #666;
  font-size: 16px
}

.blog-text .list-inline-item:not(:last-child) {
  margin-right: 10px
}

.blog-text h3 {
  font-size: 20px;
  color: #000;
  margin: 20px 0
}

.blog-text a {
  border-radius: 0;
  padding: 10px 50px;
  width: 100%;
  color: #fff
}

.call-to-action-sec {
  padding: 100px 0;
  text-align: center
}

.call-to-action-sec h2 {
  font-size: 36px;
  color: #fff;
  margin-bottom: 20px;
  font-weight: 600
}

.call-to-action-sec p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 40px;
  font-weight: 600
}

.call-to-action-sec a {
  color: #ef5b85;
  font-size: 16px;
  text-transform: uppercase;
  padding: 12px 50px;
  display: inline-block;
  background: #fff;
  text-align: center;
  border-radius: 5px
}

footer{
  background: #14171c;
  text-align: center;
}

footer::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 130px;
  bottom: 0;
  background-image: url("../images/bottom-footer-shape1.png");
  background-size: cover;
  background-repeat: no-repeat;
}


.footer-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-image: linear-gradient(200deg, #023f80 15%, #0e2135 85%);
  opacity: 1;
  transition: background .3s,border-radius .3s,opacity .3s;
}


.footer-logo-con {
  background: rgba(255, 255, 255, .5);
  border-radius: 5px;
  padding: 8px 15px;
  margin-bottom: 30px;
  display: inline-block
}

.footer-logo {
  max-width: 100%
}

.social-icon-footer {
  float: right
}

.social-icon-footer li {
  display: inline;
  margin-right: 15px
}

.social-icon-footer li a {
  color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: inline-block;
  background: #fff;
  text-align: center;
  font-size: 16px;
  padding-top: 6px
}

.social-icon-footer li a:hover {
  color: #fff;
  background: #fab355;
}

.footer-right-con {
  margin-top: 30px
}


.footer-box ul li {
  margin: 8px 10px;
  display: inline;
}

.footer-box ul li a {
  color: #fff;
  font-size: 14px
}

.footer-box ul li a:hover {
  color: #fff;
}

.footer-right-con p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 30px
}

.footer-top {
  padding: 50px 0;
}

.footer-top h2 {
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 20px
}

.footer-bottom {
  padding: 20px 0;
  text-align: center;
  border-top: 1px solid rgba(240, 85, 130, 0.22);
  z-index: 1;
  position: relative;
}

.footer-bottom p {
  margin-bottom: 0;
  color: #fff;
  font-size: 16px
}

.footer-bottom a {
  color: #ed1f29;
  font-size: 16px;
}

.p-l-60 {
  padding-left: 60px
}

.footer-top .input-group .form-control {
  border: none;
  background: #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: calc(36px + .75rem + 2px);
  padding: .375rem 1.6rem
}

.subscribe-btn {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding: 5px 30px
}

.footer-box h4 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 20px
}

.footer-box p {
  color: #fff
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 20px
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 3px;
  background: #fca0be;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #ec1e29;
}

.owl-nav {
  text-align: center
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
  height: 80px;
  width: 40px;
  border-radius: 5px;
  background: rgb(240,87,136);
  background: linear-gradient(90deg, rgba(240,87,136,1) 0%, rgba(238,50,74,1) 35%, rgba(237,28,36,1) 100%) !important;
  text-align: center;
  color: #fff !important;
  margin: 0 5px;
  font-size: 30px !important;
  line-height: 30px !important;
  transition: .5s ease
}

.owl-nav .owl-next {
  top: 38%;
  position: absolute;
  right: -75px
}

.owl-nav .owl-prev {
  top: 38%;
  position: absolute;
  left: -75px
}

.owl-nav .owl-next i {
  margin-left: 3px
}

.owl-nav .owl-prev i {
  margin-right: 3px
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
  background: #e2378b !important;
  color: #fff !important
}

.owl-nav .owl-prev:focus,
.owl-nav .owl-next:focus {
  outline: none
}

.owl-dots .owl-dot:focus {
  outline: none
}

.owl-carousel .owl-item {
  padding: 4px
}

.online-member-sec {
  padding: 40px 0;
  background: #ffe9bb
}

.online-member-sec h1 {
  font-size: 36px;
  color: #182E43;
  margin: 0 0 20px;
  text-align: center;
  font-weight: 700
}

.online-member-sec p {
  font-size: 14px;
  color: #262424;
  text-align: center;
  margin: 0 0 52px;
  width: 70%;
  margin: 0 auto 50px auto
}

.online-member-box {
  text-align: center
}

.online-member-box h3 {
  font-size: 30px;
  color: #34497c;
  margin: 15px 0 0
}

.online-member-box h4 {
  font-size: 18px;
  color: #c01e4e
}

.how-to-find-sec {
  padding: 40px 0;
  background-image: url(../images/banner2.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: repeat;
  transition: background .3s,border-radius .3s,opacity .3s;
  background-size: cover;
  position: relative;
}
}

.how-to-find-box img {
  max-width: 180px
}

.how-to-find-sec h2 {
  font-size: 36px;
  line-height: 1;
  color: #fff;
  margin: 0 0 30px;
  text-align: center;
  font-weight: 600
}

.how-to-find-sec p {
  font-size: 16px;
  line-height: 26px;
  margin: 0 0 40px;
  color: #fff;
}

.how-to-find-box {
  text-align: center
}

.how-to-find-box h4 {
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  margin: 15px 0;
  text-align: center;
  font-weight: 600;
}

.how-to-find-box p {
  font-size: 15px;
  text-align: center;
  color: #fff
}

.inner-banner {
  padding: 100px 0 100px;
  text-align: center;
}

.inner-header-title-box {
  margin: 0 15px
}

.inner-header-title-box ul {
  margin-top: 30px
}

.inner-header-title-box h2 {
  margin-bottom: 0;
  color: #fff;
  font-size: 48px;
}

.inner-header-title-box ul li {
  display: inline;
  margin-left: 10px;
  color: #fff;
}

.inner-header-title-box ul li a {
  color: #ec1e29;
}

.inner-body-section {
  padding: 60px 0 60px
}

.inner-body-section h3 {
  font-size: 18px;
  color: #222;
  font-weight: 600
}

.inner-body-section ul li {
  margin-bottom: 15px;
  padding-left: 40px;
  position: relative
}

.inner-body-section ul li::before {
  position: absolute;
  width: 10px;
  height: 10px;
  content: "";
  background: #e2378b;
  border-radius: 50%;
  left: 15px;
  top: 9px
}

.contact-sec {
  padding: 60px 0 60px;
}

.contact-sec-left {
  background: #fff;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.04);
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #eaeaea;
}

.contact-sec-right {
  background: #fff;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.04);
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #eaeaea;
}

.contact-sec-right h4, .contact-sec-left h4{
  font-size: 36px;
  color: #000;
  margin-bottom: 30px;
}




.defoult-form .form-control {
  height: calc(1.8em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ffc8c8;
  border-radius: 25px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}







.howitworks-container{
    background-color:#FFF0E8;
    padding: 60px 0;
}

.howitworks-image-wrapper img{
  width: 100%;
}


.htw-right-sec h2{
  color: #222;
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 20px;
}
.htw-right-sec .media h5{
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.htw-right-sec .media p{
  font-size: 15px;
}


.htw-right-sec .media img{
  width: 70px;
}

.looking-container{
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
    background-image: url('../images/bg-erf.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0;
}

.looking-card-wrapper{
    width: 100%;
    position: relative;
    display: inline-block;
}

.looking-card-item{
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 30px;
    border: 1px solid #ffdfdf;
}

.looking-card-item.one{
    background-color: #D5F3FE;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
}

.looking-card-item.two{
    background-color: #E4F4F1;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
}

.looking-card-item.three{
    background-color: #F5D1DE;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
}

.looking-card-item.four{
    background-color: #FFEDCD;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
}

.looking-card-item > div{
    display: flex;
    align-items: center;
}

.looking-card-item > div span{
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    border-radius: 50%;
    background-color: #44b6fb;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
}

.looking-card-item > div h3{
    font-size: 24px;
    margin-left: 15px;
}

.looking-card-item p{
    color: #222;
}

.section-heading {
  margin-bottom: 20px;
}








.address-block {
  background: #f1f1f1;
  padding: 15px;
  text-align: center
}
.address-block i {
  font-size: 40px;
  color: #de2e86;
  margin-bottom: 15px;
}

.address-block h3 {
  color: #0d0d0d;
  font-weight: 600;
  font-size: 21px;
  position: relative;
  margin-bottom: 20px;
}


.address-block h3::after {
  position: absolute;
  content: "";
  width: 70px;
  height: 1px;
  background: #d0d0d0;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -8px;
}


.address-block h4 {
  color: #333;
  font-weight: 600;
  font-size: 16px
}

.address-block a {
  color: #b431c6;
  font-weight: 400
}

.btn-contact-submit {
  padding: 10px 50px;
  display: inline-block;
  color: #fff;
  border-radius: 25px;
  width: 100%;
}


.min-height-100{
  min-height: 130px;
}

.login-main-con {
  background: #fff;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25)
}

.form-control {
  display: block;
  width: 100%;
  height: calc(2em + .75rem + 2px);
  padding: .375rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ffc3d5;
  border-radius: 25px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.login-form-section {
  padding: 100px 0
}

.login-1-form {
  padding: 50px 30px 30px
}

.login-1-form h4 {
  font-size: 24px;
  color: #333;
  margin-bottom: 30px
}

.login-1-form a {
  color: #e2378b;
  font-size: 12px
}

.login-1-form p {
  font-size: 14px
}

.login-img-fluid {
  width: 100%
}

.mobile-section-field {
  background: #fff;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
  padding: 30px
}

.btn-reg-submit {
  border-radius: 5px;
  padding: 10px 50px;
  display: inline-block;
  width: 100%
}

#error_otp_mobile {
  width: 100%;
  font-size: 14px;
  line-height: 24px
}

.register-1-form {
  background: #fff;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
  padding: 30px
}

.register-1-form h4 {
  font-size: 24px;
  color: #333;
  margin-bottom: 30px
}

.register-1-form input[type=text],
.register-1-form input[type=password],
.register-1-form input[type=email] {
  width: 100%;
  height: 45px;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 4px
}

.register-1-form i {
  display: none
}

.ddd {
  margin-bottom: 5px;
  font-weight: 700
}

.profile-details-top-sec {
  padding: 100px 0 30px;
  background: #f7ccd6
}

.profile-btn-con {
  margin-top: 170px
}

.profile-details {
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  color: #fff;
  width: 100%
}

.profile-details h5 {
  color: #febe1c
}

.profile-details.profile-text {
  position: inherit !important;
  text-align: center;
  background: #fff;
  border-bottom: 2px solid #c2cfd7
}

.profile-table {
  display: inline-block;
  width: 100%
}

.profile-table>li {
  width: 100%;
  margin: 0;
  padding: 25px 0;
  border-bottom: 1px solid #c2cfd7;
  list-style: none
}

.profile-table li:first-child ul>li {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  color: #ffbc05
}

.profile-table li ul>li {
  width: 24%;
  display: inline-block;
  padding: 0;
  margin: 0;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 400;
  position: relative
}

.profile-table img {
  border: 1px solid #ffbc05;
  height: 50px;
  top: -8px;
  position: absolute;
  left: 40px
}

.profile-cntn {
  position: absolute;
  top: 155px;
  left: 0
}

.profile-cntn img {
  border: 5px solid #de696b;
  border-radius: 50%;
  display: block;
  z-index: 999
}

.profile-cntn ul {
  display: table;
  padding-left: 25px
}

.profile-cntn ul li {
  display: table-cell;
  vertical-align: middle
}

.profile-cntn .profile-text {
  color: #fff;
  display: block;
  z-index: 999;
  padding-left: 40px
}

.profile-item-hover {
  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.profile-item-hover:hover {
  -webkit-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.2)
}

.profile-item-hover-1 {
  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.profile-item-hover-1:hover {
  -ms-transform: translateY(-15px);
  -o-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px)
}

.profile-text h5 {
  font-family: 'Poppins', sans-serif
}

.profile-text h2 {
  text-transform: capitalize
}

.profile-btn-con {
  margin-top: 200px
}

.profile-details-sec {
  padding: 100px 0 60px
}

.edit-profile-box {
  padding: 30px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14)
}

.gallery-img-profile {
  width: 100%;
  height: 350px;
  object-fit: cover;
  margin-bottom: 30px;
  padding: 10px;
  border: 1px solid #e8e8e8
}

.search-list-con {
  margin-bottom: 40px
}

.search-list-wrapper {
  padding: 60px 0
}

.profile-banner {
  position: relative;
  padding-top: 380px;
  min-height: 380px
}

.profile-banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(73, 155, 234, 0);
  background: -moz-linear-gradient(top, rgba(73, 155, 234, 0) 0%, rgba(34, 73, 110, 0) 53%, rgba(0, 0, 0, 0.78) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73, 155, 234, 0)), color-stop(53%, rgba(34, 73, 110, 0)), color-stop(100%, rgba(0, 0, 0, 0.78)));
  background: -webkit-linear-gradient(top, rgba(73, 155, 234, 0) 0%, rgba(34, 73, 110, 0) 53%, rgba(0, 0, 0, 0.78) 100%);
  background: -o-linear-gradient(top, rgba(73, 155, 234, 0) 0%, rgba(34, 73, 110, 0) 53%, rgba(0, 0, 0, 0.78) 100%);
  background: -ms-linear-gradient(top, rgba(73, 155, 234, 0) 0%, rgba(34, 73, 110, 0) 53%, rgba(0, 0, 0, 0.78) 100%);
  background: linear-gradient(to bottom, rgba(73, 155, 234, 0) 0%, rgba(34, 73, 110, 0) 53%, rgba(0, 0, 0, 0.78) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#000000', GradientType=0)
}

.profile-img {
  position: absolute;
  bottom: -70px
}

.profile-img img {
  border-radius: 50%;
  border: 10px solid rgba(255, 255, 255, .5);
  width: 250px;
  height: 250px;
  object-fit: cover
}

.profile-main-details {
  position: absolute;
  margin-left: 300px;
  color: #fff;
  bottom: 20px
}

.profile-main-details h3 {
  font-size: 36px;
  font-weight: 700
}

.profile-main-details h3 span {
  font-size: 16px;
  margin-left: 15px
}

.profile-main-details h4 {
  font-size: 16px;
  font-weight: 700;
  color: #fff
}

.profile-main-details h4 span {
  margin: 0 10px
}

.profile-main-details h4 a {
  color: #fff
}

.profile-details-sec {
  padding: 100px 0 60px
}

.profile-details-left {
  padding-right: 30px
}

.profile-details-left h3 {
  color: #3d404a;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px
}

.profile-details-left span {
  font-size: 18px;
  margin-left: 15px
}

.profile-details-left p {
  font-size: 14px;
  line-height: 24px;
  color: #424242
}

.profile-details-left-box {
  padding: 30px;
  border-radius: 5px;
  border: 1px solid #fbcfdc;
  background: #fff;
  margin-bottom: 30px;
}

.aboutme-con .table {
  margin-bottom: 0
}

.aboutme-con .table td {
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #fbcfdc;
  font-size: 14px
}

.profile-right-box-heading {
  margin-bottom: 40px;
  position: relative
}

.profile-right-box-heading h3 {
  font-family: 'Playball', cursive;
  font-size: 22px
}

.profile-right-box-heading::after {
  content: "";
  width: 97px;
  height: 11px;
  position: absolute;
  left: 0;
  text-align: center;
  top: 38px;
  background: url(../images/profile-right-headding-bg.png)
}

.gallery-img {
  border-radius: 7px;
  padding: 3px;
  width: 100%;
  height: 180px;
  object-fit: cover
}

.profile-right-box {
  margin-bottom: 30px
}

.interests-box {
  margin: 0;
  padding: 0
}

.interests-box li {
  margin-bottom: 10px
}

.interests-box li a i {
  margin-right: 5px
}

.interests-box li a {
  background: #db9716;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 0;
  padding: 10px 20px;
  display: inline-block;
  transition: .5s ease;
  width: 100%;
  border-radius: 5px
}

.interests-box li a:hover,
.interests-box li a:focus {
  background: #e2378b;
  color: #fff
}

.color-1 {
  background: rgba(108, 184, 255, 0.48);
  border: 1px solid #59aefd4a
}

.color-2 {
  background: rgba(125, 252, 194, 0.5);
  border: 1px solid rgba(84, 234, 165, 0.3)
}

.color-3 {
  background: rgba(191, 118, 253, 0.49);
  border: 1px solid rgba(168, 71, 250, 0.26)
}

.color-4 {
  background: rgba(207, 226, 48, 0.38);
  border: 1px solid rgba(191, 210, 27, 0.46)
}

.color-5 {
  background: rgba(245, 183, 94, 0.45);
  border: 1px solid rgba(235, 159, 50, 0.29)
}

.color-6 {
  background: rgba(251, 128, 111, 0.48);
  border: 1px solid rgba(248, 92, 71, 0.35)
}

.audio-box {
  border: 1px solid #e3e3e3;
  margin-bottom: 30px;
  text-align: center;
  background: #f4f4f4
}

.audio-box-top {
  padding: 15px 10px
}

.audio-box-bottom {
  border-top: 1px solid #d9d9d9;
  padding: 10px
}

#msgModal .modal-footer {
  display: block
}

#msgModal .modal-footer>* {
  margin: 0 -15px
}

.button-default {
  background: #de2e86;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 0;
  padding: 10px 20px;
  display: inline-block;
  transition: .5s ease
}

.button-default:hover,
.button-default:focus {
  background: #f26f50;
  color: #fff
}

.edit-submit {
  background: #fab355;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 0;
  padding: 10px 20px;
  display: inline-block;
  transition: .5s ease;
  width: 100%;
  margin-bottom: 15px
}

.edit-submit:hover,
.edit-submit:focus {
  background: #f26f50;
  color: #fff
}

.img-responsive-show {
  width: 200px;
  height: 200px;
  object-fit: cover;
  padding: 5px;
  border: 1px solid #e8e8e8
}

.img-upload-wrapper {
  padding: 30px;
  border-radius: 5px;
  border: 1px solid #ccc;
  background: #f9f9f9;
  margin-bottom: 30px
}

.img-upload-wrapper .custom-file-label::after {
  height: calc(1.7em + .75rem);
  line-height: 1.8
}

.img-upload-wrapper .custom-file-label {
  height: calc(1.7em + .75rem + 2px);
  line-height: 1.8
}

.btn-danger {
  color: #fff;
  background-color: #8342d7;
  border-color: #8342d7;
  transition: .5s ease
}

.btn-danger:hover {
  color: #fff;
  background-color: #b047cb;
  border-color: #b047cb
}

.delete-btn-img {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  color: #fff;
  background: #8342d7;
  text-align: center;
  font-size: 24px;
  padding-top: 6px;
  bottom: 50px;
  right: 35px
}

.delete-btn-img:hover {
  color: #fff;
  background: #af47cb
}

.f-s-14 {
  font-size: 14px
}

.search-box {
  padding: 15px 20px 15px 15px;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
  background: rgba(255, 255, 255, 0.8)
}

.search-box .custom-select {
  height: calc(35px + .75rem + 2px);
  border-radius: 0
}

.btn-search {
  background: #e2378b;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 0;
  height: 48px
}

.btn-search:hover,
.btn-search:focus {
  background: #0a409a;
  color: #fff
}

.search-sec {
  margin-top: -50px;
  z-index: 1;
  position: relative
}

.banner-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-image: linear-gradient(200deg, #ef395c 15%, #973df3 85%);
  opacity: .10;
  transition: background .3s,border-radius .3s,opacity .3s;
  z-index: 3;
}

.nwAbout {
  width: 100%;
  position: relative;
  float: left;
  padding: 60px 0;
  text-align: center
}

.nwAbout h2 {
  font-size: 30px;
  line-height: 39px;
  text-transform: uppercase;
  color: #0a409a;
  font-weight: 700;
  margin: 0 0 30px
}

.nwAbout p {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  font-weight: 400
}

.nwBlkSec {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 35px;
  text-align: center
}

.nwBlk {
  display: inline-block;
  width: 200px;
  height: 200px;
  border-radius: 10px;
  filter: drop-shadow(-0.279px 3.99px 3.5px rgba(177, 171, 171, 0.64));
  background-color: #fff;
  padding: 32px 12px;
  vertical-align: top;
  margin: 0 20px 30px
}

.nwBlk img {
  height: 65px;
  margin: 0 0 18px
}

.nwBlk h3 {
  font-size: 24px;
  text-transform: uppercase;
  color: #0a409a;
  font-weight: 700
}

.nwBlk h3 span {
  display: block;
  font-weight: 400
}

.tmonial {
  width: 100%;
  position: relative;
  padding: 60px 0;
  background: url(../images/testi-banner-n.jpg) #fce9f2 no-repeat top center;
}

.tmonial h2 {
  font-size: 30px;
  line-height: 39px;
  text-transform: uppercase;
  color: #e1378a;
  font-weight: 700;
  margin: 0 0 10px
}

.tmonial h3 {
  font-size: 30px;
  color: #0a409a;
  font-weight: 500;
  margin: 0 0 30px
}

.tmBLock {
  border-radius: 10px;
  filter: drop-shadow(-0.279px 3.99px 3.5px rgba(177, 171, 171, 0.64));
  background-color: #fff;
  padding: 20px 15px;
  margin: 0 0 30px
}

.footerTp {
  width: 100%;
  position: relative;
  background: #617dc6;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
}



@media (max-width: 1199.98px) {

  .inner-header-title-box ul {
    text-align: center;
    margin-top: 15px
  }
}

@media (max-width: 991.98px) {

  .social-icon-footer {
    float: none;
    text-align: center
  }

  .footer-right-con ul li {
    display: inline-block;
    margin: 5px 12px
  }

  header {
    padding: 0
  }


  #navbarSupportedContent {
    padding-bottom: 10px;
    margin-top: 10px;
  }

  .darkHeader {
    padding: 0;
  }

  
  .navbar-nav {
    margin-top: 15px
  }

  .user-tab-login {
    margin: 10px 15px 0 !important
  }

  .user-tab-register {
    margin: 10px 15px 15px !important
  }

  .navbar-brand {
    padding: 0
  }

  .welcome-sec-box {
    margin-bottom: 20px
  }

  .footer-box {
    margin-bottom: 40px
  }

  .p-l-60 {
    padding-left: 0
  }

  .search-box {
    margin-top: 40px
  }

  .navbar-light .navbar-brand img {
    max-width: 200px
  }

  .navbar {
    padding: 10px 0
  }

}

@media (max-width: 767.98px) {
  .banner-sec-left a {
    font-size: 14px;
    padding: 8px 20px;
    margin-top: 20px
  }

  .banner-sec-left {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 0;
  }

  .sec-title h2 {
    font-size: 24px;
    margin-bottom: 20px
  }

  .img-block img {
    height: 360px;
    width: 100%;
    object-fit: cover
  }

  .banner .banner-item .banner-content h2 {
    font-size: 40px
  }

  .banner .banner-item .banner-content h3 {
    font-size: 20px
  }

  .online-member-box {
    text-align: center;
    margin-bottom: 30px
  }

  .online-member-sec h1,
  .how-to-find-sec h1 {
    font-size: 24px
  }

  .banner-sec-left h1 {
    font-size: 37px;
    line-height: 39px;
    margin-bottom: 8px;
    font-weight: 600;
    text-align: center;
    text-shadow: 1px 2px 0 #000
  }

  .banner-sec-left h4 {
  font-size: 36px;
  line-height: 40px;
  }

  .tmBLock {
  text-align: center;
  border-left: 3px solid #f48a69;
  border-right: 3px solid #f48a69;
  }




 .banner-sec-left p {
    font-size: 14px;
    line-height: 26px;
    text-align: center;
  }

  .search-box {
    margin-top: 10px;
    padding: 10px
  }

  .mar-top-33 {
    margin-top: 10px
  }

  .btn-search {
    height: 40px;
    font-size: 14px
  }

  .search-box label {
    color: #000;
    font-size: 12px;
    margin-bottom: 0
  }

  .search-box .custom-select {
    height: calc(20px + .75rem + 2px);
    border-radius: 0;
    font-size: 13px
  }

  .top-members-sec {
    padding: 70px 0 40px 0;
  }

  .sec-title {
    text-align: center;
    margin-bottom: 0
  }

  .bioSec .container {
    flex-direction: column;
    text-align: center
  }

  .bioSec p {
    font-size: 28px;
    line-height: 35px;
    padding-left: 0
  }
}

@media (max-width: 575.98px) {
  .member-like-con li a {
    padding: 1px;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 14px
  }

  .member-name {
    font-size: 22px;
    margin-bottom: 7px;
    line-height: 22px;
  }

  .member-age {
    font-size: 14px;
    line-height: 16px;
  }

  .img-block img {
    height: 220px;
    width: 100%;
    object-fit: cover
  }

  .text-block {
    padding: 5px
  }

  .custom-gutter {
    margin-right: -7.5px;
    margin-left: -7.5px
  }

  .custom-gutter>[class*='col-'] {
    padding-right: 7.5px;
    padding-left: 7.5px
  }

  .how-to-find-box img {
    max-width: 100%
  }

  .how-to-find-box h4 {
    font-size: 14px;
    text-transform: none;
    margin: 15px 0 7px
  }

  .premium-member-sec {
    padding: 20px 0;
    background: #ffe9bb
  }

  .view-all-btn-con {
    text-align: center;
    margin-top: 0
  }


  .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0
  }

  .online-member-sec h1 {
    margin: 0 0 7px
  }

  .online-member-sec p {
    width: 100%;
    margin-bottom: 20px
  }

  .online-member-box img {
    max-width: 60px
  }

  .online-member-box h4 {
    font-size: 14px;
    color: #c01e4e
  }

  .online-member-box h3 {
    font-size: 20px;
    margin: 15px 0 0
  }

  .online-member-sec {
    padding: 20px 0 0;
    background: #ffe9bb
  }

  .online-member-sec h1,
  .how-to-find-sec h1 {
    font-size: 18px
  }


  .footer-box {
    margin-bottom: 20px
  }

  .footer-box h4 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px
  }

  .footer-bottom {
    padding: 20px 0;
  }

  .footer-bottom p {
    margin-bottom: 10px;
    font-size: 13px;
    text-align: center
  }

  .footer-bottom a {
    color: #e2378b;
    font-size: 14px
  }

  .social-icon-footer li {
    margin-right: 5px
  }

  .inner-header-title-box ul li {
    display: inline;
    margin-left: 2px
  }

  .inner-header-title-box ul {
    margin-top: 5px
  }



  .inner-header-title-box {
    padding: 7px 5px;
    bottom: -120px
  }


  .login-form-section {
    padding: 80px 0
  }

  .login-img-fluid {
    width: 100%;
    display: none
  }

  .login-1-form {
    padding: 30px
  }

  .login-form-section {
    padding: 30px 0 30px
  }

  .login-1-form h4 {
    margin-bottom: 15px
  }



  .contact-sec {
    padding: 70px 0 30px;
    background: #f4f4f4
  }

  .profile-img img {
    border: 4px solid rgba(255, 255, 255, .5);
    width: 110px;
    height: 110px
  }



  .profile-main-details h3 {
    font-size: 18px;
    font-weight: 700
  }

  .profile-main-details {
    position: absolute;
    margin-left: 118px;
    color: #fff;
    bottom: 8px
  }

  .profile-img {
    position: absolute;
    bottom: -24px
  }

  .profile-main-details h4 {
    font-size: 12px;
    font-weight: 400;
    color: #fff
  }

  .profile-main-details h4 span {
    margin: 0 2px
  }

  .profile-details-sec {
    padding: 40px 0 30px
  }

  .profile-main-details h3 span {
    font-size: 14px;
    margin-left: 0;
    display: block
  }

  .profile-details-left {
    padding-right: 0
  }

  .profile-details-left-box {
    padding: 15px;
    margin-bottom: 15px
  }

  .profile-details-left h3 {
    font-size: 18px;
    margin-bottom: 10px
  }

  .img-upload-wrapper {
    padding: 15px;
    border-radius: 5px;
    margin-top: 30px
  }

  .chat-page-content {
    padding: 70px 0 !important
  }

  .chat-inner-banner {
    display: none
  }

  .nwBlk {
    margin: 10px;
    width: 140px;
    height: 160px
  }

  .nwBlk img {
    height: 42px
  }

  .nwBlk h3 {
    font-size: 17px
  }

}

.chat-page-content {
  padding: 60px 0;
  background: #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  font-family: "proxima-nova", "Source Sans Pro", sans-serif;
  font-size: 1em;
  letter-spacing: .1px;
  color: #32465a;
  text-rendering: optimizeLegibility;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  -webkit-font-smoothing: antialiased;
  border-top: 1px solid #ccc
}

#frame {
  width: 95%;
  min-width: 360px;
  max-width: 1000px;
  height: 92vh;
  min-height: 300px;
  max-height: 720px;
  background: #E6EAEA
}

@media screen and (max-width: 360px) {
  #frame {
    width: 100%;
    height: 100vh
  }
}

#frame #sidepanel {
  float: left;
  min-width: 280px;
  max-width: 340px;
  width: 40%;
  height: 100%;
  background: #2c3e50;
  color: #f5f5f5;
  overflow: hidden;
  position: relative
}

@media screen and (max-width: 735px) {
  #frame #sidepanel {
    width: 58px;
    min-width: 58px
  }
}

#frame #sidepanel #profile {
  width: 80%;
  margin: 25px auto
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #profile {
    width: 100%;
    margin: 0 auto;
    padding: 5px 0 0;
    background: #32465a
  }
}

#frame #sidepanel #profile.expanded .wrap {
  height: 210px;
  line-height: initial
}

#frame #sidepanel #profile.expanded .wrap p {
  margin-top: 20px
}

#frame #sidepanel #profile.expanded .wrap i.expand-button {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipH;
  -ms-filter: FlipH
}

#frame #sidepanel #profile .wrap {
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  -moz-transition: .3s height ease;
  -o-transition: .3s height ease;
  -webkit-transition: .3s height ease;
  transition: .3s height ease
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap {
    height: 55px
  }
}

#frame #sidepanel #profile .wrap img {
  width: 50px;
  border-radius: 50%;
  padding: 3px;
  border: 2px solid #e74c3c;
  height: auto;
  float: left;
  cursor: pointer;
  -moz-transition: .3s border ease;
  -o-transition: .3s border ease;
  -webkit-transition: .3s border ease;
  transition: .3s border ease
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap img {
    width: 40px;
    margin-left: 4px
  }
}

#frame #sidepanel #profile .wrap img.online {
  border: 2px solid #2ecc71
}

#frame #sidepanel #profile .wrap img.away {
  border: 2px solid #f1c40f
}

#frame #sidepanel #profile .wrap img.busy {
  border: 2px solid #e74c3c
}

#frame #sidepanel #profile .wrap img.offline {
  border: 2px solid #95a5a6
}

#frame #sidepanel #profile .wrap p {
  float: left;
  margin-left: 15px
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap p {
    display: none
  }
}

#frame #sidepanel #profile .wrap i.expand-button {
  float: right;
  margin-top: 23px;
  font-size: .8em;
  cursor: pointer;
  color: #435f7a
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap i.expand-button {
    display: none
  }
}

#frame #sidepanel #profile .wrap #status-options {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 150px;
  margin: 70px 0 0;
  border-radius: 6px;
  z-index: 99;
  line-height: initial;
  background: #435f7a;
  -moz-transition: .3s all ease;
  -o-transition: .3s all ease;
  -webkit-transition: .3s all ease;
  transition: .3s all ease
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options {
    width: 58px;
    margin-top: 57px
  }
}

#frame #sidepanel #profile .wrap #status-options.active {
  opacity: 1;
  visibility: visible;
  margin: 75px 0 0
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options.active {
    margin-top: 62px
  }
}

#frame #sidepanel #profile .wrap #status-options:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #435f7a;
  margin: -8px 0 0 24px
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options:before {
    margin-left: 23px
  }
}

#frame #sidepanel #profile .wrap #status-options ul {
  overflow: hidden;
  border-radius: 6px
}

#frame #sidepanel #profile .wrap #status-options ul li {
  padding: 15px 0 30px 18px;
  display: block;
  cursor: pointer
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li {
    padding: 15px 0 35px 22px
  }
}

#frame #sidepanel #profile .wrap #status-options ul li:hover {
  background: #496886
}

#frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 5px 0 0
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
    width: 14px;
    height: 14px
  }
}

#frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  margin: -3px 0 0 -3px;
  background: transparent;
  border-radius: 50%;
  z-index: 0
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
    height: 18px;
    width: 18px
  }
}

#frame #sidepanel #profile .wrap #status-options ul li p {
  padding-left: 12px
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #profile .wrap #status-options ul li p {
    display: none
  }
}

#frame #sidepanel #profile .wrap #status-options ul li#status-online span.status-circle {
  background: #2ecc71
}

#frame #sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
  border: 1px solid #2ecc71
}

#frame #sidepanel #profile .wrap #status-options ul li#status-away span.status-circle {
  background: #f1c40f
}

#frame #sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
  border: 1px solid #f1c40f
}

#frame #sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle {
  background: #e74c3c
}

#frame #sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
  border: 1px solid #e74c3c
}

#frame #sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle {
  background: #95a5a6
}

#frame #sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
  border: 1px solid #95a5a6
}

#frame #sidepanel #profile .wrap #expanded {
  padding: 100px 0 0;
  display: block;
  line-height: initial !important
}

#frame #sidepanel #profile .wrap #expanded label {
  float: left;
  clear: both;
  margin: 0 8px 5px 0;
  padding: 5px 0
}

#frame #sidepanel #profile .wrap #expanded input {
  border: none;
  margin-bottom: 6px;
  background: #32465a;
  border-radius: 3px;
  color: #f5f5f5;
  padding: 7px;
  width: calc(100% - 43px)
}

#frame #sidepanel #profile .wrap #expanded input:focus {
  outline: none;
  background: #435f7a
}

#frame #sidepanel #search {
  border-top: 1px solid #32465a;
  border-bottom: 1px solid #32465a;
  font-weight: 300
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #search {
    display: none
  }
}

#frame #sidepanel #search label {
  position: absolute;
  margin: 10px 0 0 20px
}

#frame #sidepanel #search input {
  font-family: "proxima-nova", "Source Sans Pro", sans-serif;
  padding: 10px 0 10px 46px;
  width: calc(100% - 25px);
  border: none;
  background: #32465a;
  color: #f5f5f5
}

#frame #sidepanel #search input:focus {
  outline: none;
  background: #435f7a
}

#frame #sidepanel #search input::-webkit-input-placeholder {
  color: #f5f5f5
}

#frame #sidepanel #search input::-moz-placeholder {
  color: #f5f5f5
}

#frame #sidepanel #search input:-ms-input-placeholder {
  color: #f5f5f5
}

#frame #sidepanel #search input:-moz-placeholder {
  color: #f5f5f5
}

#frame #sidepanel #contacts {
  height: calc(100% - 42px);
  overflow-y: scroll;
  overflow-x: hidden
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts {
    height: calc(100% - 149px);
    overflow-y: scroll;
    overflow-x: hidden
  }

  #frame #sidepanel #contacts::-webkit-scrollbar {
    display: none
  }
}

#frame #sidepanel #contacts.expanded {
  height: calc(100% - 334px)
}

#frame #sidepanel #contacts::-webkit-scrollbar {
  width: 8px;
  background: #2c3e50
}

#frame #sidepanel #contacts::-webkit-scrollbar-thumb {
  background-color: #243140
}

#frame #sidepanel #contacts ul li.contact {
  position: relative;
  padding: 10px 0 15px;
  font-size: .9em;
  cursor: pointer
}

#frame #sidepanel #contacts ul li.contact a {
  color: #fff
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts ul li.contact {
    padding: 6px 0 46px 8px
  }
}

#frame #sidepanel #contacts ul li.contact:hover {
  background: #32465a
}

#frame #sidepanel #contacts ul li.contact.active {
  background: #32465a;
  border-right: 5px solid #435f7a
}

#frame #sidepanel #contacts ul li.contact.active span.contact-status {
  border: 2px solid #32465a !important
}

#frame #sidepanel #contacts ul li.contact .wrap {
  width: 88%;
  margin: 0 auto;
  position: relative
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts ul li.contact .wrap {
    width: 100%
  }
}

#frame #sidepanel #contacts ul li.contact .wrap span {
  position: absolute;
  left: 0;
  margin: -2px 0 0 -2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #2c3e50;
  background: #95a5a6
}

.unread-message {
  position: absolute;
  right: 0;
  top: 12px
}

#frame #sidepanel #contacts ul li.contact .wrap span.online {
  background: #2ecc71
}

#frame #sidepanel #contacts ul li.contact .wrap span.away {
  background: #f1c40f
}

#frame #sidepanel #contacts ul li.contact .wrap span.busy {
  background: #e74c3c
}

#frame #sidepanel #contacts ul li.contact .wrap img {
  width: 40px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
  height: 40px;
  object-fit: cover
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts ul li.contact .wrap img {
    margin-right: 0
  }
}

#frame #sidepanel #contacts ul li.contact .wrap .meta {
  padding: 5px 0 0
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #contacts ul li.contact .wrap .meta {
    display: none
  }
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .name {
  font-weight: 600;
  margin-bottom: 0;
  line-height: 28px;
  color:#fff;
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .preview {
  margin: 5px 0 0;
  padding: 0 0 1px;
  font-weight: 400;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -moz-transition: 1s all ease;
  -o-transition: 1s all ease;
  -webkit-transition: 1s all ease;
  transition: 1s all ease
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .preview span {
  position: initial;
  border-radius: initial;
  background: none;
  border: none;
  padding: 0 2px 0 0;
  margin: 0 0 0 1px;
  opacity: .5
}

#frame #sidepanel #bottom-bar {
  position: absolute;
  width: 100%;
  bottom: 0
}

#frame #sidepanel #bottom-bar button {
  float: left;
  border: none;
  width: 50%;
  padding: 10px 0;
  background: #32465a;
  color: #f5f5f5;
  cursor: pointer;
  font-size: .85em;
  font-family: "proxima-nova", "Source Sans Pro", sans-serif
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button {
    float: none;
    width: 100%;
    padding: 15px 0
  }
}

#frame #sidepanel #bottom-bar button:focus {
  outline: none
}

#frame #sidepanel #bottom-bar button:nth-child(1) {
  border-right: 1px solid #2c3e50
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button:nth-child(1) {
    border-right: none;
    border-bottom: 1px solid #2c3e50
  }
}

#frame #sidepanel #bottom-bar button:hover {
  background: #435f7a
}

#frame #sidepanel #bottom-bar button i {
  margin-right: 3px;
  font-size: 1em
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button i {
    font-size: 1.3em
  }
}

@media screen and (max-width: 735px) {
  #frame #sidepanel #bottom-bar button span {
    display: none
  }
}

#frame .content {
  float: right;
  width: 60%;
  height: 100%;
  overflow: hidden;
  position: relative
}

@media screen and (max-width: 735px) {
  #frame .content {
    width: calc(100% - 58px);
    min-width: 300px !important
  }
}

@media screen and (min-width: 900px) {
  #frame .content {
    width: calc(100% - 340px)
  }
}

#frame .content .contact-profile {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #f5f5f5
}

#frame .content .contact-profile img {
  width: 40px;
  border-radius: 50%;
  float: left;
  margin: 9px 12px 0 9px;
  height: 40px;
  object-fit: cover
}

#frame .content .contact-profile p {
  float: left;
  margin-bottom: 0;
  line-height: 60px
}

#frame .content .contact-profile .social-media {
  float: right
}

#frame .content .contact-profile .social-media i {
  margin-left: 14px;
  cursor: pointer
}

#frame .content .contact-profile .social-media i:nth-last-child(1) {
  margin-right: 20px
}

#frame .content .contact-profile .social-media i:hover {
  color: #435f7a
}

#frame .content .messages {
  height: auto;
  min-height: calc(100% - 93px);
  max-height: calc(100% - 93px);
  overflow-y: scroll;
  overflow-x: hidden
}

@media screen and (max-width: 735px) {
  #frame .content .messages {
    max-height: calc(100% - 105px)
  }
}

#frame .content .messages::-webkit-scrollbar {
  width: 8px;
  background: transparent
}

#frame .content .messages::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3)
}

#frame .content .messages ul li {
  display: inline-block;
  clear: both;
  float: left;
  margin: 15px 15px 5px;
  width: calc(100% - 25px);
  font-size: .9em
}

#frame .content .messages ul li:nth-last-child(1) {
  margin-bottom: 20px
}

#frame .content .messages ul li.sent img {
  margin: 6px 8px 0 0
}

#frame .content .messages ul li.sent p {
  background: #435f7a;
  color: #f5f5f5;
  position: relative;
  padding-bottom: 22px;
  min-width: 140px
}

#frame .content .messages ul li.sent p .sent-chat-time-date {
  position: absolute;
  bottom: 3px;
  right: 15px;
  color: #fff;
  font-size: 9px
}

#frame .content .messages ul li.replies img {
  float: right;
  margin: 6px 0 0 8px
}

#frame .content .messages ul li.replies p {
  background: #f5f5f5;
  float: right;
  position: relative;
  padding-bottom: 22px;
  min-width: 140px
}

#frame .content .messages ul li.replies p .replies-chat-time-date {
  position: absolute;
  bottom: 3px;
  right: 15px;
  color: #919191;
  font-size: 9px
}

#frame .content .messages ul li img {
  width: 22px;
  border-radius: 50%;
  float: left;
  height: 22px;
  object-fit: cover
}

#frame .content .messages ul li p {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 20px;
  max-width: 205px;
  line-height: 130%
}

@media screen and (min-width: 735px) {
  #frame .content .messages ul li p {
    max-width: 300px
  }
}

#frame .content .message-input {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 99;
  background: #fff
}

#frame .content .message-input .wrap {
  position: relative
}

#frame .content .message-input .wrap input {
  float: left;
  border: none;
  width: calc(100% - 90px);
  padding: 12px 32px 12px 8px;
  font-size: 14px;
  color: #32465a
}

@media screen and (max-width: 735px) {
  #frame .content .message-input .wrap input {
    padding: 15px 32px 16px 8px
  }
}

#frame .content .message-input .wrap input:focus {
  outline: none
}

#frame .content .message-input .wrap .attachment {
  position: absolute;
  right: 62px;
  z-index: 4;
  margin-top: 13px;
  font-size: 18px;
  color: #435f7a;
  opacity: .5;
  cursor: pointer
}

@media screen and (max-width: 735px) {
  #frame .content .message-input .wrap .attachment {
    margin-top: 17px;
    right: 65px
  }
}

#frame .content .message-input .wrap .attachment:hover {
  opacity: 1 !important
}

#frame .content .message-input .wrap button {
  float: right;
  border: none;
  width: 50px;
  padding: 12px 0;
  cursor: pointer;
  background: #32465a;
  color: #f5f5f5
}

@media screen and (max-width: 735px) {
  #frame .content .message-input .wrap button {
    padding: 16px 0
  }
}

#frame .content .message-input .wrap button:hover {
  background: #435f7a
}

#frame .content .message-input .wrap button:focus {
  outline: none
}

.bannerBtm h2 {
  font-size: 30px;
  line-height: 39px;
  text-transform: uppercase;
  color: #0a409a;
  font-weight: 700;
  margin: 0 0 45px
}

.bannerBtm {
  position: relative;
  background: #fff;
}

.bannerBtm .bblocks {
  width: 100%;
  position: relative;
  height: auto;
  
  display: flex;
  justify-content: center;
  padding: 40px 20px;
  flex-direction: column;
  text-align: center
}

.imgTb img {
  display: block;
  margin: 0 auto 10px;
  height: 70px
}

.bannerBtm .bblocks h3 {
  font-size: 24px;
  line-height: 41px;
  text-transform: uppercase;
  color: #0d0b0b;
  font-weight: 700;
  margin: 0 0 20px
}

.bannerBtm .bblocks p {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  font-weight: 400
}



.bioSec .container {
  display: flex;
  align-items: center;
  justify-content: center
}

.bioSec {
  width: 100%;
  position: relative;
  float: left;
  padding: 40px 0;
  background: url(../images/p-bg2.jpg) no-repeat center center;
  background-size: cover;
}

.bioSec p {
  font-size: 40px;
  line-height: 50px;
  color: #fff;
  font-weight: 700;
  padding-left: 30px
}

.bioSec p span {
  display: block;
  font-size: 20px;
}

.bioSec img {
  width: 270px
}

.row.footTpCont p {
  margin: 0
}

.your-match-box{
  padding: 2px;
  border: 1px solid #fff;
  text-align: center;
  margin-top: 15px;
  background: #fff;
}

.your-match-box img{
  width: 100%;
  margin-bottom: 15px;
}
.your-match-box p{
  font-size: 16px;
  margin-bottom: 5px;
}

.provide-service-sec{
  padding: 60px 0;
  background: #eaeaea;
}

.provide-service-sec h3{
  text-align: center;
  font-size: 36px;
  color: #000;
  margin-bottom: 30px;
}
.country-img-con{
  text-align: center;
}
.country-img-con img{
  margin: 5px;
  max-width: 18%;
}






.wallet-box h1{
  color: #ec1e29;
  font-weight: 600;
  margin-bottom: 20px;
}

.btn-withdraw {
  border-radius: 25px;
  text-align: center;
  color: #fff !important;
  background: rgb(240,87,136);
  background: linear-gradient(90deg, rgba(240,87,136,1) 0%, rgba(238,50,74,1) 35%, rgba(237,28,36,1) 100%);
  border: 0px solid #fff !important;
  font-size: 18px !important;
  padding: 8px 40px !important;
  transition: .5s ease;
  display: inline-block;
}

.query-modal .modal-body p{
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
}

.query-modal .modal-header{
  border: none;
  padding: 10px 15px 0 ;
}
.query-modal .modal-body{
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 30px;
}

.query-modal .modal-content{
  border: none;
  background: rgb(240,87,136);
  background: linear-gradient(90deg, rgba(240,87,136,1) 0%, rgba(238,50,74,1) 35%, rgba(237,28,36,1) 100%);
}

.card-header {
  background-color: #de2e86;
}

@media (max-width: 991.98px) {
  .country-img-con img{
  margin: 5px;
  max-width: 45%;
}
.provide-service-sec {
  padding: 40px 0;
}

.provide-service-sec h3 {
  font-size: 24px;
  margin-bottom: 15px;
}


  #all_slides {
    height: 600px;
  }
  .about-us-sec-content {
  padding-left: 0px;
  text-align: center;
  }

  .about-us-sec-content h2 {
  font-size: 32px;
}

.about-us-sec-content .media {
  margin-bottom: 15px;
  display: inline-block;
}

.about-us-sec-content .media img {
  margin-right: 0 !important;
  margin-bottom: 10px;
}
.bioSec p {
  font-size: 31px;
  line-height: 40px;
  padding-left: 0px;
}
.trusted-sec {
  padding: 40px 0;

}

.trusted-sec h2 {
  font-size: 32px;
}

.trust-box {
  padding: 15px 15px;
}

.how-to-find-sec h2 {
  font-size: 32px;
}
.how-work-content {
  padding-left: 0px;
  text-align: center;
}
.how-work-content .media {
  display: inline-block;
}
.how-work-content .media img {
  margin-right: 0 !important;
  margin-bottom: 10px;
}

.how-work-img img {
  margin-bottom: 20px;
}
  .vip-members-sec {
    padding: 40px 0
  }

.testimo-top h2 {
  font-size: 32px;
}
.footer-top {
  padding: 40px 0 30px 0;
  text-align: center;
}
  .inner-banner {
    padding: 120px 0 60px 0;
  }

.inner-header-title-box h2 {
  font-size: 36px;
}

  .inner-body-section {
    padding: 40px 0;
  }

  .profile-banner {
    padding-top: 200px;
    min-height: 200px
  }


.map-con {
  text-align: center;
}
.map-text-box {
  text-align: center;
  padding-left: 0px;
}


.bg-curve {
  width: 40%;
}

.about-us-sec {
  padding: 50px 0 50px 0;
  position: relative;
}
.header_after2::after {
  left: 21%;
}

.trust-con-middle img {
  margin-bottom: 30px;
}

footer {
  background-position-x: -302px;
}
.header_after4::after {
  left: 30%;
}
.header_after3::after {
  left: 20%;
}

.carousel-item img{
  height: 550px;
  object-fit: cover;
}
.carousel-caption h5 {
  color: #fff;
  font-size: 22px;
}
.carousel-caption p {
  color: #fff;
  font-size: 20px;
  line-height: 26px;
}

.howitworks-content-wrapper.left h2{
  text-align: center;
}
  .banner-sec-left h2 {
    font-size: 36px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 30px;
  }

 .banner-sec-left h1 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: 600;
    text-align: center;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  }

.group-img{
  max-width: 40%;
}
.success-reat {
  padding-left: 0;
}

  .counter_main ul li h3 {
    font: normal normal 800 20px Inter;
  }

 .counter_main ul li span {
    font: normal normal 600 20px Inter;
  }

 .counter_main ul li {
    padding: 0px 15px;
  }

  .counter_main {
    padding: 10px;
  }
.about-left-sec {
  margin-bottom: 30px;
}

.about-up-img {
  width: 138px;
  left: 22px;
  bottom: 8px;
}

.verify-tag img {
  height: 30px;
  width: 30px;
}


  

}

@media (max-width: 575.98px) { 
  .view-details-btn {
    font-size: 14px;
    padding: 6px 6px;
    width: 130px;
    margin-bottom: 6px;
  }

 }