/**
* Template Name: Bethany - v2.2.1
* Template URL: https://bootstrapmade.com/bethany-free-onepage-bootstrap-theme/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: 'Montserrat', sans-serif;
  color: #444444
}

a {
  color: #f18f4d;
  outline: none;
}

a:hover {
  color: #fff;
  text-decoration: none;
}
.btn:focus {
  outline: none !important;
  box-shadow: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
}

input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
select {
  -webkit-appearance: none;
    -moz-appearance: none;
    /* background: #fff url('../img/select-notch.png') right 3% center no-repeat !important; */
    cursor: pointer;
}
.form-control:-moz-focusring, .form-control,
.form-control:focus, .btn.focus, .btn:focus {
  box-shadow: none;
  text-shadow: none;
  outline: none;
}
.nav-link {
  outline: none;
}
.form-control:focus {
  box-shadow: none;
}
body#hidenScroll {
  overflow: hidden;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
}

.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #92d054;
  color: #fff;
  transition: all 0.4s;
}

.back-to-top i:hover {
  background: #b5ff6b;
  color: #fff;
}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  top: 20px;
}

#header .header-container {
  background: #3b71b9;
  padding: 12px 0px;
  border-radius: 10px;
}

#header.header-scrolled {
  background: #3b71b9;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  top: 0;
}

#header .logo {
  overflow: hidden;
}

#header .logo h1 {
  font-size: 26px;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

#header .logo h1 a, #header .logo h1 a:hover {
  color: #fff;
  text-decoration: none;
}

#header .logo img {
  padding: 0;
  margin: 0;
}

.gensection {
  font-size: 30px;
  font-weight: 500;
  color: #5169fd;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  #sidebar.sidebarMenu .custom-menu {
    display: none;
  }
}
@media (max-width: 992px) {
  #header {
    /*box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);*/
    /*top: 0;*/
  }
  #header .logo h1 {
    font-size: 24px;
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  float: left;
}

.nav-menu a {
  display: block;
  position: relative;
  color: #fff;
  padding: 10px 15px;
  transition: 0.3s;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #ff9751;
  text-decoration: none;
}

.nav-menu .get-started a {
    background: #ff9751;
    color: #383838;
    margin: 0 15px;
    padding: 10px 25px;
    font-weight: 700;
    margin-top: -41px;
    padding-top: 50px;
    transition: all 0.5s;
}

.header-scrolled .nav-menu .get-started a {
  background: #ff9751;
  color: #383838;
  border-radius: 50px;
  margin: 0 15px;
  padding: 10px 25px;
  font-weight: 700;
}

.nav-menu .get-started a:hover {
  background: #f18f4d;
  color: #fff;
}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: ease all 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-weight: 500;
  text-transform: none;
  color: black;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: #f18f4d;
}

.nav-menu .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}
.logo1 {
  position: absolute;
  top: -16px;
  left: 35px;
}
.logo2 {
  padding-left: 150px !important;
}
.headerRight {
  padding-right: 30px;
}
.headerRight a:first-child {
  margin-right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}

/* Mobile Navigation */
.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 15px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #fff;
}

.mobile-nav {
  position: fixed;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  z-index: 9999;
  overflow-y: auto;
  background: #5169fd;
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  padding: 10px 0;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #fff;
  padding: 10px 20px;
  font-weight: 500;
  outline: none;
  border-bottom: 1px solid #fff;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #f18f4d;
  text-decoration: none;
}

.mobile-nav .get-started {
  text-align: center;
  margin-top: 14px;
}

.mobile-nav .get-started a {
  background: #f18f4d;
  color: #fff;
  border-radius: 50px;
  margin: 0 15px;
  padding: 10px 25px;
  display: inline-block;
}

.mobile-nav .get-started a:hover {
  background: #00c28e;
  color: #fff;
}

.mobile-nav .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\eaa1";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(29, 28, 31, 0.6);
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  min-height: 914px;
  background: url("../img/bannerbg-1.webp") no-repeat right top;
  background-size: 104% auto;
  position: relative;
  align-items: normal !important;
}
.parallax-window {

}

/* #hero:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
} */

#hero h1 {
  margin: 85px 0 10px 0;
  font-size: 64px;
  font-weight: 800;
  line-height: 50px;
  text-transform: uppercase;
  color: #3b71b9;
  position: relative;
  z-index: 9;
}
#hero h1 span.bannerHeading2 {
  font-size: 50px;
}
#hero h1 span.bannerHeading3 {
  font-size: 60px;
}
#hero h1 .heroTitleHeight:nth-child(2) {
    line-height: 46px;
}
#hero h1 .heroTitleHeight:nth-child(3) {
    line-height: 38px;
}
#hero h1 .heroTitleHeight:nth-child(4) {
    margin-top: -13px;
}
#hero h1 .heroTitleHeight:nth-child(4) .bannerHeading3 {
    font-size: 34px;
}
#hero h1 .heroTitleHeight:nth-child(5) {
    line-height: 38px;
}
#hero h1 .heroTitleHeight:nth-child(6) {
    line-height: 54px;
}
#hero h1 .heroTitleHeight:nth-child(7) {
    line-height: 36px;
}
.bannerImage {
  /*display: none;*/
  width: 200%;
  margin-left: -30%;
}

.bannerText2 {
  color: #000;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.5px;
  /* text-transform: capitalize; */
  line-height: 30px;
  margin-top: 20px;
  width: 545px;
}

.btn-get-started {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 5px 22px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px 0px;
  background-color: #3b71b9;
  color: #fff;
  width: max-content;
  width: fit-content;
  min-width: 232px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none !important;
}
.btn-get-started img {
    margin-right: 8px;
}
.bannerBtn .btn-get-started:first-child {
  margin-right: 5px;
}
.bannerBtn .btn-get-started:last-child {
  background-color: #93cc66;
  /*width: 262px;*/
  margin-left: 8px;
}
.bannerBtn {
  margin-top: 40px;
  display: flex;
}
.bannerBtn .btn-get-started img {
    height: 24px;
}
.abtBtn .btn-get-started {
  background-color: #3b71b9 !important;
  /*padding: 12px 53px;*/
  margin-top: 25px;
  margin-left: 25px;
}
.homeAboutText {
  font-size: 16px;
  color: #414141;
  font-weight: 500;
  line-height: 22px;
}
.homeAbout {
  margin-top: 115px;
}
/* #homeAbout {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: -110px;
} */

.btn-get-started:hover {
  /* background: #290907; */
  /* border: 2px solid #f18f4d; */
}
.validate {
  font-size: 12px;
  color: red;
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 100px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #f6f6f7;
}

.section-title {
  padding-bottom: 30px;
}

.section-title h2 {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}

.section-title h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 50px;
  height: 3px;
  background: #f18f4d;
  bottom: 0;
  left: 0;
}

.section-title p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
#clients {
  background: #5169fd;
  text-align: center;
  border-bottom: 1px solid #6f83fd;
}

/* .clients img {
  width: 40%;
  -webkit-filter: grayscale(100);
  filter: grayscale(100);
  transition: all 0.4s ease-in-out;
  display: inline-block;
  padding: 15px 0;
}

.clients img:hover {
  -webkit-filter: none;
  filter: none;
  transform: scale(1.1);
} */

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.servicesTab {
  display: flex;
  /*10-Feb-2023*/
  align-items: center;
  /*end 10-Feb-2023*/
}
/*10-Feb-2023*/
.servicesTabText {
  font-family: 'Montserrat', sans-serif;
  align-self: center;
  background-color: #92d054;
  font-size: 16px;
  color: #fff;
  width: calc(100% + 10px);
  padding: 7px 7px 7px 17px;
  text-align: center;
  border-radius: 0px 10px 10px 0px;
  font-weight: 500;
  text-transform: capitalize;
  margin-left: -10px;
  transition: all .3s ease-in-out;
  word-break: break-all;
  line-height: 16px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*End 10-Feb-2023*/
#services .icon-box {
  width: 100%;
  padding: 15px 0px;
}
/*10-Feb-2023*/
.servicesTab img {
  width: 90px;
  height: 85px;
  z-index: 9;
}
/*End 10-Feb-2023*/
#services {
  padding-top: 60px;
}


/*--------------------------------------------------------------
# platform
--------------------------------------------------------------*/
#productLaunch {
  background: url(../img/virtual_product_lanuch_bg.jpg) no-repeat center top;
  background-size: 100% 100%;
}
#platform {
  /* background: url(../img/downloadBg.png) no-repeat right bottom 50px;
  background-size: 54%; */
  padding-top: 70px;
  padding-bottom: 0px;
}
#platform .platformOnly {
  border-bottom: 3px solid #1a2237;
}
#platform .platformOnly .platformImg {
  margin-bottom: -1px;
}
.sqr {
  position: absolute;
  right: 0px;
  top: -110px;
}
.phBg {
  background: url(../img/phBg.png) no-repeat center;
  background-size: 80%;
}
#advantage {
  background: url(../img/advantage_bg.jpg) no-repeat center top;
  background-size: 100% 100%;
}
#faq {
  background-color: #5169fd;
}
#testimonials .testimonialsBg {
  background: url(../img/testimonials_bg.webp) no-repeat center top;
  padding-bottom: 305px;
  /*background-size: 100% 100%;*/
  background-size: cover;
}
.platform h2 {
  font-size: 50px;
  color: #3b71b9;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 48px;
  padding-top: 20px;
  padding-bottom: 15px;
}
.platformBlood {
  display:inline;
  color:#420e0b;
}
.platform h2 span.white {
  display:block;
  color:#fff;
}
.platformFont2 {
  font-size: 60px;
  color: #93cc66;
  line-height: 54px;
}
.platformFont3 {
  font-size: 100px;
  color: #93cc66;
  line-height: 90px;
}
.platformFont4 {
  font-size: 56px;
  color: #3b71b9;
}
.platformSmallFont {
  font-size: 26px;
  font-weight: 500;
  color: #000;
  margin-bottom: -9px;
}
.platform p {
  font-size: 27px;
  color: #626262;
  line-height: 40px;
}
.form-group {
    position: relative;
}
.form-group p.text-danger {
    font-size: 12px !important;
      margin-bottom: 0px;
      line-height: normal;
      position: absolute;
      /*bottom: -16px;*/
      bottom: 5px;
      left: 14px;
      font-weight: 500;
}
#virtualUniq.platform p {
    display: flex;
    flex-direction: row;
    justify-content: start;
}
#virtualUniq.platform p img {
  height: 46px;
    width: 46px;
    margin-right: 10px;
    margin-top: 10px;
}
#video.platform h2 {
  /*font-size: 36px;*/
  color: #000;
}
.vidImg {
  margin-left: -75px;
}
#video {
  margin-top: -105px;
}
.videoTitle2 {
  font-size: 40px;
  color: #3b71b9;
  font-weight: 700;
}
.downloadBackground {
  background: url(../img/downloadBg.webp) no-repeat right -25% bottom 20%;
  background-size: 63.5%;
}
.videoPresentationBtn {
  font-size: 18px;
  color: #404040;
  text-align: center;
  margin-top: 25px;
  cursor: pointer;
}
.homeAboutTextVideo2 {
  font-size: 22px;
  color: #ec4626;
  font-weight: 600;
}
.videoblock {
  box-shadow: 0px 0px 15px #000;
  border: 2px solid #fff;
}
.faqtoop {
  background: url(../img/faq_top.jpg) no-repeat center bottom;
  height: 82px;
}
.accfaq {
  background-color: #5c73fd;
  border: 1px solid #a1aefd;
}
#faq h3 {
  font-weight: 700;
  font-size: 55px;
  color: #f18f4d;
  padding: 0px 0 60px 0;
}
.accfaq .panel {
  border-bottom: 1px solid #a1aefd;
}
#faq .panel-heading h4 {
  font-weight: 400;
  color:#c5d1ff;
  font-size: 27px;
  padding: 30px 0;
}
#faq .panel-heading h4 a {
  color:#c5d1ff;
  display: block;
}
#faq .panel-heading h4 i {
  float: right;
  font-size: 56px;
  line-height: 30px;
}
#faq .panel-heading h4 a i.fa-angle-up {
  display: block;
}
#faq .panel-heading h4 a i.fa-angle-down {
  display: none;
}
#faq .panel-heading h4 a.collapsed i.fa-angle-up {
  display: none;
}
#faq .panel-heading h4 a.collapsed i.fa-angle-down {
  display: block;
}
#faq .panel-body {
  font-weight: 400;
  color:#fff;
  font-size: 27px;
  padding-bottom: 40px;
}
.platformRow {
  align-items: center;
}
/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
  text-align: center;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 16px 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 50px;
  font-family: 'Montserrat', sans-serif;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: #fff;
  background: #f18f4d;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: rgba(54, 52, 58, 0.6);
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(54, 52, 58, 0.6);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap img {
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 20px;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-style: italic;
}

.portfolio .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #fff;
  margin: 0 5px 0 0;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #00cc95;
}

.portfolio .portfolio-wrap:hover::before {
  opacity: 1;
}

.portfolio .portfolio-wrap:hover img {
  transform: scale(1.2);
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonialsHeading {
  /*font-size: 36px !important;*/
  padding-top: 80px !important;
}
/* .testimonials .testimonial-item {
  margin: 10px auto;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  background: #6278fd;
  max-width: 792px;
  border-radius: 7px;
  overflow: hidden;
}

.testimonials .testimonial-item .testimonial-img {
  width: 57px;
  height: 43px;
  margin: 0 auto;
}

.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
}

.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0;
}

.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
  color: #66ffd6;
  font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.testimonials .testimonial-item p {
  margin: 0 15px;
  font-size: 27px;
  color: #fff;
  font-weight: 400;
}

.testimonials .owl-nav, .testimonials .owl-dots {
  margin-top: 5px;
  text-align: center;
}

.testimonials .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff !important;
}

.testimonials .owl-dot.active {
  background-color: #5067f9 !important;
} */
.modal-header {
  background-color: #5169fd;
  color: #fff;
}

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

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer .footerBottom {
  background: #0b4085;
  padding: 35px 0px;
}
.copyblink {
  font-family: 'Open Sans', sans-serif;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color:#fff;
  /* text-transform: uppercase; */
  font-size: 16px;
  font-weight: 400;
}
.copyblink a {
  color:#fff;
}
.copyblink a:hover {
  text-decoration: underline;
}
.googleMap {
  height: 100%;
  width: 100%;
}
#footer {
  overflow-x: hidden;
}
.footerDetails {
  background: url('../img/footerBg.webp') no-repeat center;
  background-size: cover;
  padding: 70px 0px;
}
.footerCol {
  padding: 0px;
}
.footerRow {
  margin: 0px;
}
.footerDetailsHeading {
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  margin-bottom: 20px;
}
.footerDetailsAddress {
  background: url('../img/footerDetailsAddressIcon.png') no-repeat left top 4px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  padding-left: 45px;
}
.footerDetailsText {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  /*font-family: 'Open Sans', sans-serif;*/
  padding-left: 45px;
  min-height: 38px;
  display: flex;
  align-items: center;
}
.footerDetailsPh {
  background: url('../img/footerDetailsPhIcon.png') no-repeat left top 6px;
  margin: 15px 0px;
}
.footerDetailsEmail {
  background: url('../img/footerDetailsEmailIcon.png') no-repeat left top 6px;
}
.socialLink {
  margin-top: 30px;
}
.socialLink li {
  margin-right: 10px;
}
.footerMenu li a {
  font-weight: 500;
  font-size: 16px;
  color: #fff;
}
.footerMenu li {
  margin-bottom: 15px;
}
.footerMenu li:last-child {
  margin-bottom: 0px;
}
.matchSlideHold .rangeslider--horizontal {
  height: 5px;
  margin-top: 9px;
  margin-left: 15px;
  margin-right: 15px;
}
.matchSlideHold .rangeslider__fill {
  background-color: #3b71b9;
}
.matchSlideHold .rangeslider__handle,
.matchSlideHold .rangeslider__handle:active, .matchSlideHold .rangeslider--active .rangeslider__handle {
  background-image: url(../img/sliderbutton.png);
  background-repeat: no-repeat;
  box-shadow: none;
  border: none;
  width: 20px;
  height: 20px;
}
.matchSlideHold .rangeslider--horizontal .rangeslider__handle {
  top: -8px;
}
.myBankDetails {
  -webkit-box-shadow: 0px 2px 6px 0px rgba(184, 184, 184, 0.53);
  -moz-box-shadow: 0px 2px 6px 0px rgba(184, 184, 184, 0.53);
  box-shadow: 0px 2px 6px 0px rgba(184, 184, 184, 0.53);
  padding: 20px 30px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  margin: 15px 0px 30px;
}
.myBankDetails:last-child {
  margin-bottom: 40px;
}
.myBankName {
  font-size: 20px;
  font-weight: 800;
}
.myBankHolder {
  font-size: 18px;
  margin: 2px 0px;
}
.myBankNumber {
  font-size: 18px;
  font-weight: 500;
}
.myBankDetailsDelete img {
  cursor: pointer;
}
.myBankDetailsDelete {
  margin-left: auto;
}
.myBankMakeDefault {
  color: #3b71b9;
  font-size: 18px;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
  margin-left: 20px;
}
.addBankBackIcon {
  text-align: right;
}
.addBankBackIcon img {
  width: 40px;
  cursor: pointer;
  margin-top: 15px;
  margin-bottom: 15px;
}
.removeBank, .donationClose, .planClose {
  display: none;
}
.feedPhoto img {
  width: 75px;
  margin-right: 5px;
}
.feedPhoto img:last-child {
  margin-right: 0px;
}
.feedPhoto {
  display: flex;
  overflow-x: auto;
}
/*--------------------------------------------------------------
# Disable AOS delay on mobile
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
  .copyblink {
    display: block;
  }
}

.servicesHeading {
  font-size: 32px;
  color: #a1221b;
  font-weight: 600;
}
.servicesHeading span {
  font-weight: 900;
}
#youthDonor .servicesHeading {
  text-align: center;
  text-transform: uppercase;
  line-height: 36px;
}
.youthDonorText {
  text-align: center;
  color: #000;
  font-size: 16px;
  margin: 12px 0px 15px;
}
.youthDonorBtn {
  text-align: center;
}
.youthDonorBtn .btn-get-started {
  color: #fff;
  background-color: #a1221b;
}
.youthDonorBtn .btn-get-started:hover {
  background-color: #871d17;
}
.appStoreAll {
  text-align: center;
  margin-top: 50px;
}
.appStoreAll li {
  margin: 0px 15px;
}
.downloadSectionRow {
  align-items: center;
}
#downloadSection {
  padding-top: 65px;
}
.testimonialAvtarAddress {
  font-size: 18px;
  color: #3b71b9;
  margin-top: 25px;
  margin-bottom: 5px;
}
.testimonialAvtarPlace {
  font-size: 14px;
  color: #414141;
}
.testimonialAvtar {
  margin-top: 10px;
  margin-bottom: 35px;
}
.testimonialAvtar img {
  width: 120px;
  height: 120px;
  border: 6px solid #3b71b9;
  border-radius: 50%;
  object-fit: cover;
  object-position: top center;
  margin: 0px auto;
}
.testimonialSlider .homeAboutText {
  text-align: center;
  color: #000;
}
.testimonialAvtarBody .homeAboutText .testtext {
  height: 242px;
}
.testimonialSlider li {
  background-color: #eafbfb;
  padding: 20px;
  border-radius: 15px;
  -webkit-box-shadow: 5px 5px 7px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:    5px 5px 7px 0px rgba(0, 0, 0, 0.2);
  box-shadow:         5px 5px 7px 0px rgba(0, 0, 0, 0.2);
}
.testimonialAvtarBody {
  padding: 0px 20px 45px;
}
#testimonials {
  padding-top: 0px;
  margin-top: -50px;
  padding-bottom: 70px;
}
#testimonials .bx-wrapper {
  max-width: 100% !important;
  margin-top: 40px;
}
#testimonials .bx-wrapper .bx-viewport {
  padding-bottom: 10px;
}
#testimonials .bx-wrapper .bx-pager.bx-default-pager a {
  background: none;
  border: 2px solid #191718;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  margin: 0px 4px;
}
#testimonials .bx-wrapper .bx-pager.bx-default-pager a:hover,
#testimonials .bx-wrapper .bx-pager.bx-default-pager a.active,
#testimonials .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background-color: #191718;
}
#testimonials .bx-wrapper .bx-pager {
  bottom: -55px;
}
#contactUs.platform h2 {
  font-size: 60px;
}
.contactFormTitle {
  font-style: italic;
  font-size: 24px;
  color: #000;
  margin-bottom: 10px;
}
.contactForm form .form-control {
  background: none;
  border-radius: 0px;
  border: 0px;
  border-bottom: 1px solid rgba(0,0,0,0.2);
  padding: 0px;
  margin-top: 5px;
  height: 48px;
}
.contactForm form .form-control::placeholder {
  font-style: normal!important;
  font-size: 15px;
  color: #717070;
}
.contactForm form .abtBtn .btn-get-started {
  margin: 26px 0px 0px;
}
#noteShoot {
    background: url('../img/noteShootBg.png') no-repeat center top;
    background-size: cover;
}
.subscribeTitle {
  font-weight: 600;
  font-size: 36px;
  color: #3b71b9;
}
.subscribeForm .form-control {
  height: 58px;
  border-radius: 50px 0px 0px 50px;
  border: 0px;
  padding: 10px 30px;
}
.btn-subscribe {
  background-color: #fff;
  border-radius: 0px 50px 50px 0px;
  padding: 10px 25px 10px 10px;
}
.subscribeForm .form-control::placeholder {
  font-weight: 500;
  font-size: 16px;
  color: #717070;
}
.subscribeForm .form-group {
  margin-bottom: 0px;
  position: relative;
}
.subscribeSection {
  padding-top: 100px;
}
.subscribeForm .form-group .input-group .input-group-append {
    border-radius: 0px 50px 50px 0px;
    overflow: hidden;
}
#contactUs {
  background: url('../img/contactUsBg.png') no-repeat bottom center;
  background-size: 100% 100%;
}

#login {
  background-size: cover;
  padding-top: 80px;
  font-family: 'Mulish', sans-serif;
}
#content {
  width: 100%;
}
.loginBg {
  background: url('../img/loginBg.jpg') no-repeat center top;
}
#login.signUpBg {
  background: url('../img/signUpBg.jpg') no-repeat center top;
  background-size: cover;
  padding-top: 32px;
  padding-bottom: 155px;
}
.loginFormSection .form-control {
  background: none;
  border-radius: 0px;
  border: 0px;
  border-bottom: 2px solid #fff;
  color: #fff;
  font-size: 16px;
}
.loginFormSection .form-control::placeholder {
  color: #fff;
  font-size: 16px;
}
.loginText {
  font-weight: 400;
  font-size: 15px;
  color: #fff;
  text-align: center;
}
.loginForm {
  width: 360px;
  margin: 0px auto;
  text-align: center;
}
.loginText a {
  color: #91d639;
}
.loginName .form-control, .loginPass .form-control {
  padding-left: 48px;
  height: 40px;
  padding-right: 34px;
}
.loginName .form-control {
  background: url('../img/loginNameIcon.png') no-repeat left 8px center;
}
.loginPass .form-control {
  background: url('../img/loginPassIcon.png') no-repeat left 8px center;
}
.loginPass {
  position: relative;
}
.passwordVisiable {
  position: absolute;
  top: 50%;
  margin-top: -26px;
  right: 10px;
  cursor: pointer;
}
.loginFormSection .form-group {
  margin-bottom: 20px;
}
.loginLogo {
  margin-bottom: 25px;
}
.btn-welcome {
  font-weight: 700;
  font-size: 18px;
  color: #3b71b9;
  background-color: #fff;
  border: 3px solid #3b99d9;
  border-radius: 50px;
  padding: 9.5px;
  margin-top: 34px;
}
.btn-welcome:hover {
  color: #fff;
  background-color: #3b71b9;
}
.loginForgot {
  margin-top: 6px;
}
.loginForgot a {
  font-size: 16px;
  color: #fff;
}
.loginForgot a:hover {
  text-decoration: underline;
}
.loginTextBelow {
  width: 555px;
  margin: 18px auto;
}
.loginWithText {
  margin: 15px 0px 10px;
}
.loginSocial li {
  margin: 0px 10px;
}
.loginClose {
  position: absolute;
  top: 0px;
  right: 0px;
  margin-top: 80px;
  margin-right: 55px;
}
.signUpHeading {
  font-weight: 800;
  font-size: 33px;
  color: #3b71b9;
  margin-bottom: 6px;
}
.signUpBg .loginForm {
  width: 750px;
}
.signUpForm input:focus ~ .floating-label,
.signUpForm input:not(:focus):valid ~ .floating-label{
  top: 7px;
  bottom: 10px;
  left: 14px;
  font-size: 13.2px;
  opacity: 1;
}
.signUpForm .inputText {
  font-size: 17.6px;
  height: 54px;
  padding: 20px 40px 5px 14px;
  font-weight: 600;
  color: #3b71b9;
  border: 1px solid #bbbbbb;
  border-radius: 10px;
}
.signUpForm .floating-label {
  position: absolute;
  pointer-events: none;
  left: 14px;
  top: 13px;
  transition: 0.2s ease all;
  color: #b8b8b8;
  font-size: 17.5px;
}
.signUpForm {
  margin-top: 40px;
}
.signUpForm .form-group {
  margin-bottom: 20px;
  position: relative;
}
.signUpForm .passwordVisiable {
  right: 15px;
}
.btn-proceed {
  width: 360px;
  margin: 0px auto;
  background-color: #3b71b9;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  padding: 10px;
  border-radius: 10px;
  margin-top: 30px;
}
.btn-proceed:hover {
  background-color: #315c97;
  color: #fff;
}
.signUpForm2Title {
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  background-color: #3b71b9;
  padding: 7px 42px;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 32px;
}
.signUpForm2 .form-control {
  height: 54px;
  border: 1px solid #bbbbbb;
  border-radius: 10px;
  padding-left: 55px;
}
.signUpForm2 .form-control::placeholder {
  font-weight: 400;
  color: #b8b8b8;
  font-size: 16px;
}
.signUpForm2 .form-group {
  text-align-last: left;
  margin-bottom: 14px;
  position: relative;
}
.signUpForm2 .form-group label {
  font-weight: 600;
  font-size: 16px;
  color: #3b71b9;
  margin-bottom: 5px;
}
.formMail {
  background: #fff url('../img/formMail.png') no-repeat left 17px center !important;
}
.formPh {
  background: #fff url('../img/formPh.png') no-repeat left 17px center !important;
}
.signUpBg .loginForm.signUp2Form {
  width: 945px;
}
.signUp2Form .loginLogo {
  margin-bottom: -5px;
}
.selectIcon {
  position: absolute;
  /* top: 50%;
  margin-top: 12px; */
  bottom: 15px;
  right: 15px;
}
.formCountry {
  background: #fff url('../img/formCountry.png') no-repeat left 17px center !important;
}
.formState {
  background: #fff url('../img/formState.png') no-repeat left 17px center !important;
}
.formCity {
  background: #fff url('../img/formCity.png') no-repeat left 17px center !important;
}
/*08-Feb-2023*/
.formProvince {
  background: #fff url('../img/formProvince.png') no-repeat left 17px center !important;
}
/*end 08-Feb-2023*/
.formAddress {
  background: #fff url('../img/formAddress.png') no-repeat left 17px center !important;
}
.formZip {
  background: #fff url('../img/formZip.png') no-repeat left 17px center !important;
}
.formMonth {
  background: #fff url('../img/formMonth.png') no-repeat left 17px center !important;
}
.birthdayDate {
  display: flex;
  justify-content: space-between;
}
.birthdayYear .form-control, .birthdayDay .form-control {
  padding-left: 20px !important;
}
.birthdayMonth {
  width: 40%;
}
.birthdayDay {
  width: 30%;
  margin-left: 3%;
  margin-right: 3%;
}
.whatForm .birthdayDate .form-control {
  background-image: none;
}
.birthdayYear {
  width: 30%;
}
.birthdayDateTitle {
  font-weight: 600;
  font-size: 16px;
  color: #3b71b9;
  margin-bottom: 16px;
}
.addFieldItem {
  background-color: #daefff;
  /* display: flex; */
  width: max-content;
  /* width: 30%; */
  font-weight: 600;
  font-size: 16px;
  color: #3b71b9;
  padding: 12px 52px 12px 16px;
  border-radius: 30px;
  float: left;
  margin-right: 15px;
  margin-top: 10px;
  text-align: left;
  position: relative;
}
.removeField img {
  position: absolute;
  right: 0;
  padding-left: 15px;
  cursor: pointer;
  margin-right: 12px;
  top: 50%;
  margin-top: -8px;
}
.signUpForm2 .input-group.lifeEvent {
  margin-top: 30px;
  margin-bottom: 5px;
  display: inline-flex;
}
.signUpForm2 .lifeEvent .form-control {
  padding-left: 20px;
  border-width: 2px;
  border-radius: 30px 0px 0px 30px;
  display: initial;
  padding-right: 40px;
}
.inputBellowText {
  font-weight: 400;
  color: #b8b8b8;
  font-size: 16px;
  margin-left: 20px;
  text-align: left;
}
.btn-add {
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  background-color: #3b71b9;
  padding: 10px 26px;
  border-radius: 0px 30px 0px 30px !important;
}
.btn-add:hover {
  background-color: #32609d;
  color: #fff;
}
.signUpForm2 .input-group.lifeEvent .input-group-append {
  margin-left: -30px;
  z-index: 9;
}
#login.signUpBg.signUpBg2 {
  padding-bottom: 30px;
}
#login.signUpBg.sliderBody {
  padding: 0px;
}
.menuLogo {
  position: relative;
  z-index: 9;
  padding-left: 30px;
  padding-right: 20px;
  padding-top: 20px;
  border-bottom: 2px solid #88c9f9;
}
#sidebar, #sidebar .custom-menu .btn.btn-primary:after {
  background: #3b71b9 !important;
}
#sidebar.sidebarMenu {
  min-width: 300px;
  max-width: 300px;
}
#sidebar.sidebarMenu.active {
  margin-left: -300px;
}
#sidebar ul.components li a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 16.45px;
  color: #88c9f9;
  border-bottom: 0px;
  padding: 13px 0px;
}
#sidebar ul.components li.active > a {
  background: url(../img/activeMenu.png) no-repeat right center;
}
#sidebar ul.components li.active > a, #sidebar ul.components li a:hover {
  color: #f2f2f2;
}
#sidebar ul.components li a img {
  margin-right: 10px;
}
#sidebar ul.components {
  margin-top: 55px;
  padding-left: 40px !important;
  padding-right: 20px !important;
}
.mainHeaderRight {
    background-color: #3b99d9;
    position: relative;
}
.headerLogoAvtar {
    padding: 22px 0px;
    display: flex;
}
.headerAvtar {
    margin-left: auto;
    /*width: 160px;*/
}
.headerAvtarDetail {
    cursor: pointer;
    display: flex;
}
.avtarName {
    color: #000;
    font-size: 12px;
    align-self: center;
    margin-right: 12px;
    text-align: right;
    line-height: 14px;
    font-weight: 600;
}
.avtarName span {
    font-size: 12px;
    color: #b8b8b8;
    font-weight: 600;
}
.avtarImg {
    height: 55px;
    width: 55px;
    border-radius: 50%;
    background-color: #bbb;
}
.avtarImg img {
    height: 55px;
    width: 55px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    /* border: 1px solid #c0c0c0; */
}
.headerLogo {
  font-weight: 800;
  font-size: 28px;
  color: #fff;
}
.mainHeaderRight .container-fluid {
  padding-right: 45px;
  padding-left: 65px;
}
.lifeEvents {
  width: 847px;
  margin: 0px auto;
}
.searchEvents .input-group .form-control {
  height: 42px !important;
  /*border-radius: 30px;*/
  border-radius: 21px;
  margin-right: -43px;
  font-size: 20px;
  font-weight: 400;
  width: 560px;
  padding: 5px 100px 5px 25px;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25) !important;
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25) !important;
  border: 0px;
}
.searchEvents .input-group {
  position: relative;
  margin-top: 24px;
}
.searchEvents .input-group .form-control::placeholder {
  color: #b8b8b8;
}
.btn-eventSearch {
  padding: 0px !important;
  margin-top: -5px;
}
.input-group-append {
  z-index: 9;
}
.shortEvents {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-right: 69px;
    margin-top: -7px;
    cursor: pointer;
    z-index: 9;
}
.lifeEventsTitle {
  font-weight: 700;
  font-size: 26px;
  text-align: center;
  color: #3b71b9;
  margin-top: 20px;
  margin-bottom: 10px;
}
.allLifeEvents .icon-box {
  width: 100%;
  position: relative;
  padding: 15px 0px;
}
.allLifeEvents .icon-box .servicesTab img {
  width: 98px;
  height: 94px;
}
.msgCount {
  position: absolute;
  background-color: #3b71b9;
  width: 18px;
  height: 18px;
  font-size: 9px;
  font-weight: 400;
  color: #fff;
  border-radius: 50%;
  border: 2px solid #f2f2f2;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0px;
  top: 0px;
  margin-left: 36px;
  margin-top: 2px;
}
.addLifeEvents {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 65px;
}
.addLifeEvents img {
  cursor: pointer;
}
.activeFilterOn {
  padding: 10px;
  margin-top: -17px;
  padding-right: 0px;
}

/*--------------------------------------------------------------
# inner Body
--------------------------------------------------------------*/
.innerHeader .container-fluid,
.innerBodyOnly.homeBody .container-fluid {
  padding-left: 45px;
  padding-right: 45px;
}
.innerBodyOnly .container-fluid {
  padding-left: 100px;
  padding-right: 100px;
}
.innerBodyHeader {
  display: flex;
  align-items: center;
}
.innerBodyHeader .searchEvents .input-group {
  margin-top: 0px;
}
.innerBodyHeader .headerAvtar {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.innerBodyHeader .avtarImg, .innerBodyHeader .avtarImg img {
  width: 30px;
  height: 30px;
}
.searchEvents .input-group-append {
  margin-top: 3px;
}
.innerHeader {
  background-color: #f2f2f2;
  padding: 12px 0px;
  margin-bottom: 20px;
}
#login.signUpBg.innerBg {
  background: #f7f8f9 url(../img/innerBg.png) no-repeat center top;
  padding: 0px;
}
.innerHeaderIcon li {
  margin: 0px 6px;
  position: relative;
}
.innerHeaderIcon  {
  margin-left: 8px;
}
.innerHeaderIcon li .msgCount {
  margin-left: 10px;
  margin-top: 4px;
  width: 12px;
  height: 12px;
  font-size: 6px;
}
.innerHeaderIcon li.msgLi .msgCount {
  margin-left: 16px;
  margin-top: 2px;
  background-color: #91d639;
}
.connectionsBody {
  background-color: #f7f8f9;
  margin-bottom: 60px;
  -webkit-box-shadow: 0px 3px 15px 0px rgba(184, 184, 184, 0.53);
  -moz-box-shadow:    0px 3px 15px 0px rgba(184, 184, 184, 0.53);
  box-shadow:         0px 3px 15px 0px rgba(184, 184, 184, 0.53);
  border-radius: 12px;
}
.alphabaticallyConnections {
  font-weight: 800;
  font-size: 30px;
  text-transform: uppercase;
  color: #3b71b9;
  width: 40px;
    height: 40px;
    background-color: #c3e4fc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.connectionsLeft {
  background-color: #fff;
  border-radius: 12px 0px 0px 12px;
  padding: 14px 0px 15px;
  /* overflow-y: auto; */
}

.windowHeight,
.msgPersonScroll,
.msgBodyHeight {
  overflow-y: auto;
  overflow-x: hidden;
}
.windowHeight {
    padding: 0px 3px;
}
.alphabaticallyCount {
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  background-color: #91d639;
  height: 26px;
  width: 44px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
    align-items: center;
    margin-left: auto;
}
.alphabaticallyDetails {
  display: flex;
  align-items: center;
  padding: 14px 46px 14px 30px;
}
.alphabaticallyDetails-A {
  margin-bottom: -10px;
}
.connectionsLeft .connectionsTab.nav-tabs {
  display: block;
  border: none;
}
.connectionsLeft .connectionsTab.nav-tabs .nav-link.active,
.connectionsLeft .connectionsTab.nav-tabs .nav-item.show .nav-link,
.connectionsLeft .connectionsTab.nav-tabs .nav-item,
.connectionsLeft .connectionsTab.nav-tabs .nav-link,
.connectionsLeft .connectionsTab.nav-tabs .nav-link:hover,
.connectionsLeft .connectionsTab.nav-tabs .nav-link:focus,
.bankcardTab .nav-tabs,
.bankcardTab .nav-tabs .nav-link.active,
.bankcardTab .nav-tabs .nav-item.show .nav-link,
.bankcardTab .nav-tabs .nav-item,
.bankcardTab .nav-tabs .nav-link,
.bankcardTab .nav-tabs .nav-link:hover,
.bankcardTab .nav-tabs .nav-link:focus,
.messageLeft .nav-tabs,
.messageLeft .nav-tabs .nav-link.active,
.messageLeft .nav-tabs .nav-item.show .nav-link,
.messageLeft .nav-tabs .nav-item,
.messageLeft .nav-tabs .nav-link,
.messageLeft .nav-tabs .nav-link:hover,
.messageLeft .nav-tabs .nav-link:focus
 {
  border: none;
  border-radius: 0px;
}
.connectionsLeft .connectionsTab.nav-tabs .nav-link {
  padding: 10px 48px 15px 22px;
  margin-top: 10px;
}
.connectionsLeft .connectionsTab.nav-tabs .nav-link.active {
  background-color: #f7f8f9;
}
.connectionsAvtarImg {
    height: 58px;
    width: 58px;
    border-radius: 50%;
    background-color: #bbb;
}
.connectionsAvtarImg img {
    height: 58px;
    width: 58px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    /* border: 1px solid #c0c0c0; */
}
.connectionsAvtarName {
  font-weight: 700;
  font-size: 16px;
  color: #3b71b9;
  line-height: 16px;
}
.connectionsAvtarId {
  font-size: 14px;
  color: #91d639;
  line-height: 17px;
}
.connectionsTabDetails,
.connectionsAvtarInfo,
.connectionsAllDetailsTop {
  display: flex;
  align-items: center;
}
.connectionsAvtarInfo {
  margin-left: auto;
}
.connectionsAvtarDetails {
  padding: 0px 16px;
}
.connectionsAvtarInfoCount {
  font-weight: 600;
    font-size: 16px;
    color: #fff;
    background-color: #91d639;
    height: 26px;
    width: 40px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}
.connectionsMsg {
  margin: 0px 15px 0px 12px;
}
.connectionsDetailsAvtarImg {
  position: relative;
  height: 126px;
    width: 126px;
    border-radius: 50%;
    background-color: #bbb;
    margin-right: 30px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.connectionsDetailsAvtarImg img {
  height: 126px;
    width: 126px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    /* border: 1px solid #c0c0c0; */
}
.connectionsAllDetailsTop .connectionsDetailsInfo {
  width: calc(100% - 161px);
}
.connectionsDetailsInfoName {
  font-weight: 700;
  color: #3b71b9;
  font-size: 20px;
  line-height: 25px;
  position: relative;
}
.connectionsDetailsInfoEvents span {
  font-weight: 700;
  font-size: 16px;
  color: #b8b8b8;
}
.eventsNumbers {
  color: #3b71b9 !important;
}
.eventsText {
  margin-right: 10px;
}
.connectionsDetailsInfoId, .connectionsDetailsPlace {
  font-weight: 600;
  color: #b8b8b8;
  padding-left: 25px;
}
.connectionsDetailsInfoId {
  font-size: 16px;
  background: url(../img/connectionsDetailsInfoId.png) no-repeat left center;
  line-height: 20px;
}
.connectionsDetailsPlace {
  font-size: 14px;
  background: url(../img/connectionsDetailsPlace.png) no-repeat left center;
}
.btn-following {
  font-weight: 700;
  font-size: 12px;
  color: #3b71b9;
  border: 1px solid #3b71b9;
  width: 165px;
  padding: 5px;
  margin-right: 12px;
  margin-top: 8px;
}
.btn-following:hover {
  background-color: #fff;
  color: #3b71b9;
}
.btn-message, .btn-Edit.btn-save {
  background-color: #3b71b9;
  color: #fff;
}
.btn-message:hover, .btn-Edit.btn-save:hover {
  background-color: #3161a1;
  color: #fff;
}
.connectionsRight  {
  padding: 55px 30px 15px;
  /* overflow-y: auto; */
}
.connectionsDetailsTitle, .connectionsDetailsTitle2 {
  font-weight: 700;
  color: #3b71b9;
}
.connectionsDetailsTitle {
  font-size: 20px;
}
.connectionsDetailsTitle2 {
  font-size: 16px;
  margin-top: 7px;
}
.connectionsAllDetailsBody {
  padding: 30px;
}
.connectionsWhatscommonUl {
  margin-bottom: 6px;
}
.connectionsWhatscommonUl .connectionsWhatscommonLi {
  font-weight: 600;
  color: #91d639;
  font-size: 16px;
  background: url(../img/connectionsWhatscommonUl.png) no-repeat left top 12px;
  padding-left: 20px;
  margin-top: -4px;
}
.connectionsWhatscommonUl2 .connectionsWhatscommonLi {
  color: #3b71b9;
  background: none;
  padding-left: 0px;
}
.connectionsDetailsBtn {
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #fff !important;
  background-color: #3b71b9 !important;
  padding: 1px 18px !important;
  border-radius: 30px !important;
  margin-right: 8px;
  margin-top: 12px;
}
.connectionsDetailsBtn:hover {
  background-color: #3161a1 !important;
}
.settingLeftTitle {
  font-weight: 700;
  font-size: 26px;
  color: #3b71b9;
  padding-bottom: 12px;
}
.settingBody {
  margin-top: 48px;
}
.settingMenu .settingMenuLi .settingMenu {
  font-weight: 700;
  font-size: 20px;
  color: #b8b8b8;
  display: flex;
  align-items: center;
}
.settingMenu {
  padding-left: 30px;
}
.settingMenuActive {
  color: #3b71b9 !important;
}
.menuIcon {
  margin-right: 20px;
}
.settingMenuLi {
  padding: 18px 0px;
}
/* .settingBodyLeft {
  overflow-y: auto;
} */
.connectionsBody.settingBodyRight {
  background-color: #fff;
  margin-left: 30px;
  padding: 30px 25px 0px 65px;
}
.profileTop .connectionsDetailsAvtarImg {
  height: 126px;
  width: 126px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  margin-right: 35px;
}
.profileTop .connectionsDetailsAvtarImg img {
  height: 126px;
  width: 126px;
}
.profileTop .connectionsDetailsInfoName {
  font-size: 26px;
  line-height: 18px;
}
.profileTop .connectionsDetailsInfoEvents span {
  font-weight: 600;
  font-size: 26px;
}
.uploadImg {
  width: auto !important;
    height: auto !important;
    position: absolute;
    bottom: 0px;
    right: 50%;
    margin-right: -26px;
    margin-bottom: -26px;
    cursor: pointer; 
}
.profileTop {
  padding: 0px 20px;
}
.profileForm label, .profileForm .form-control::placeholder, .profileForm .form-control {
  font-weight: 600;
  font-size: 16px;
  color: #b8b8b8;
}
.profileForm label {
  margin-left: 6px;
  margin-bottom: 0px;
}
.profileForm .form-control {
  border: 1px solid #b8b8b8 !important;
  height: 46px;
  border-radius: 6px;
  text-align: center;
  color: #000;
}
.profileForm .form-group {
  margin-top: 5px;
}
.profileForm {
  margin-top: 32px;
}
.btn-Edit {
  background-color: #f2f2f2;
width: 118px;
height: 36px;
padding: 5px;
font-weight: 600;
font-size: 20px;
color: #b8b8b8;
line-height: 0px;
border-radius: 5px;
}
.btn-Edit:hover {
  background-color: #e5e5e5;
color: #b8b8b8;
}
.btn-Edit-save {
  text-align: center;
  margin: 24px 0px 40px;
}
.bankDetailsTitle {
  font-weight: 700;
  text-align: center;
  font-size: 26px;
  color: #3b71b9;
}
.bankDetailsTitle2 {
  font-weight: 600;
  text-align: center;
  font-size: 20px;
  color: #b8b8b8;
  margin-top: -6px;
}
.connectionsBody.bankDetails {
    background-color: #fff;
    margin-left: 30px;
    padding: 26px 105px 0px;
}
.tabCard {
  text-align: center;
}
.tabCardTitle {
  font-weight: 700;
  font-size: 10px;
  color: #8c8a8a;
  text-align: center;
  margin-top: 3px;
}
.bankcardTab .nav-item .nav-link,
.bankcardTab .nav-item .nav-link.active,
.bankcardTab .nav-item .nav-link:hover,
.bankcardTab .nav-item .nav-link:focus {
  width: 125px;
  height: 80px;
  padding: 10px;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(184, 184, 184, 0.53);
-moz-box-shadow: 0px 2px 6px 0px rgba(184, 184, 184, 0.53);
box-shadow: 0px 2px 6px 0px rgba(184, 184, 184, 0.53);
border-radius: 12px;
display: flex;
justify-content: center;
align-items: center;
border: 4px solid #fff;
}
.bankcardTab .nav.nav-tabs {
  justify-content: space-between;
}
.bankcardTab .nav-item .nav-link.active {
  border: 4px solid #3b71b9;
}
.bankcardTab {
  margin-top: 32px;
}
.profileForm.bankForm .form-control {
  background-color: #f7f8f9;
}
.profileForm.bankForm .btn-Edit {
  font-size: 16px;
  margin: 0px 7px;
}
.profileForm.bankForm .btn-Edit-save {
  margin-bottom: 75px;
}
.profileForm.bankForm {
  margin-top: 23px;
}
.logOut, .logOut:hover {
  font-weight: 700;
  font-size: 20px;
  display: flex;
  align-items: center;
  color: #ff3636;
  margin-left: -20px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.logOut .menuIcon {
    margin-right: 10px;
}
.connectionsBody.infoBodyRight {
    margin-left: 15px;
}
.infoBodyRight .infoBodyCol:nth-child(1) {
  /*padding: 25px 30px;*/
  padding: 0px;
}
.infoBodyRight .innerHome {
  padding: 25px 30px 0px;
}
.infoBodyRight .infoBodyCol:nth-child(2) {
  background-color: #fff;
  /* padding: 70px 54px 75px; */
  padding: 0px;
}
.infoBodyRight .infoBodyCol:nth-child(2).feedbackColFixed .feedbackRight {
  padding: 70px 54px 75px;
}
.infoBodyRight .infoBodyRow {
  margin: 0px;
  height: 100%;
}
.personalImgAll {
  /* width: 100%;
  position: absolute;
  padding: 0px 15px; */
}
.feedbackImg {
  display: flex;
  align-items: self-start;
  align-items: center;
  /* height: calc(100% - 54px); */
  height: calc(100% - 90px);
  justify-content: center;
  padding: 0px 15px;
}
.contactImg {
  height: calc(100% - 192px);
}
.feedbackImg img {
  /* width: 100%; */
  /* margin-top: 40%; */
}
.feedbackTitle {
  font-weight: 600;
  font-size: 20px;
  color: #3b71b9;
  text-align: center;
}
.feedbackTitle span {
  font-weight: 800;
}
.feedbackTitle2 {
  font-weight: 600;
  font-size: 16px;
  color: #b8b8b8;
  text-align: center;
  line-height: 20px;
margin: 2px 0px;
}
.feedbackStar {
  text-align: center;
  margin: 25px 0px 40px;
}
.feedBackLabel {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
      font-weight: 600;
    color: #000;
}
.feedbackStar .rangeslider--horizontal {
  height: 48px;
  width: 329px;
  margin: 0px auto;
  box-shadow: none;
  border-radius: 0px;
  background: url("../img/feedbackStar-d.png") no-repeat center left;
  cursor: pointer;
}
.feedbackStar .rangeslider__fill {
  border-radius: 0px;
  box-shadow: none;
  background: url("../img/feedbackStar.png") no-repeat center left;
}
.feedbackStar .rangeslider--horizontal .rangeslider__handle {
  display: none;
}

/* Hide the browser's default radio button */
.feedBackLabel input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.feedBackLabel .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #b8b8b8;
  margin-top: 3px;
}

/* On mouse-over, add a grey background color */
.feedBackLabel:hover input ~ .checkmark {
  background-color: #dddddd;
}

/* When the radio button is checked, add a blue background */
.feedBackLabel input:checked ~ .checkmark {
  background-color: #fff;
  border-color: #91d639;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.feedBackLabel .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.feedBackLabel input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.feedBackLabel .checkmark:after {
  top: 1px;
  left: 1px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #91d639;
}
.feedbackForm .form-control::placeholder {
  font-size: 14px;
  color: #b8b8b8;
  line-height: 20px;
}
.feedbackForm .form-control {
  border-radius: 12px;
background-color: #f2f2f2;
border: none;
padding: 15px 20px;
}
.feedbackForm .form-group {
  margin-top: 37px;
  width: 100%;
}
.btn-Edit-save.btn-feedback .btn-Edit {
  width: 180px;
  border-radius: 10px;
  font-size: 16px;
}
.btn-Edit-save.btn-feedback {
  margin: 32px 0px 0px;
}
.directInfoTitle {
  font-weight: 700;
  font-size: 20px;
  color: #fff;
}
.directInfoDetails li {
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  margin-top: 10px;
margin-left: 15px;
}
.directInfo {
  background-color: #3b71b9;
  padding: 20px 30px;
  border-radius: 12px 12px 0px 12px;
}
.directInfoDetails .mail {
  background: url(../img/mail.png) no-repeat left center;
  padding-left: 32px;
}
.directInfoDetails .office {
  background: url(../img/office.png) no-repeat left center;
  padding-left: 32px;
}
.contactTitle2 {
  font-size: 14px;
  color: #b8b8b8;
  text-align: center;
}
.contactForm .form-inline .form-control {
  padding: 10px;
  background: none;
  width: calc(100% - 58px);
}
.contactForm label {
  font-weight: 700;
  font-size: 16px;
  color: #3b71b9;
}
.contactForm .form-inline  label {
  width: 58px;
  justify-content: normal;
}
.contactForm .form-group {
  padding-left: 10px;
  margin-top: 16px;
}
.contactForm .form-inline .form-group {
  border-bottom: 1px solid #cacaca;
}
.contactMsg {
  margin-top: 25px !important;
}
.contactForm .btn-Edit-save.btn-feedback {
  margin-top: 50px;
  margin-bottom: -15px;
}
.infoBodyRight .infoBodyCol:nth-child(2).aboutCol .feedbackRight {
  padding: 40px 25px 70px;
}
.aboutText {
  font-weight: 400;
  color: #b8b8b8;
  font-size: 14px;
  line-height: 18px;
  margin-top: 13px;
}
.infoBodyRight .infoBodyCol:nth-child(2).premiumCol {
  padding:0px;
  background: none;
}
.premiumHeader {
  padding: 28px 30px 24px;
  background-color: #fff;
  position: relative;
}
.feedbackTitle3 .feedbackTitle span {
  font-weight: 700;
}
.feedbackTitle3 {
  padding: 5px 30px;
}
.premiumBody {
  padding: 20px 30px 30px;
  background-color: #fff;
}
/*16-Jun-2023*/
.premiumFeatures li {
  background: url(../img/features.png) no-repeat left top 4px !important;
  font-weight: 600;
  font-size: 14px;
  color: #3b71b9;
  padding-left: 80px !important;
  margin: 0px 0px 18px 18px;
}
/*16-Jun-2023 End*/
.btn-Edit-save.btn-feedback.btn-premium .btn-Edit {
  font-weight: 700;
  font-size: 20px;
  line-height: 15px;
  width: 195px;
  height: 50px;
}
.btn-Edit-save.btn-feedback.btn-premium .btn-Edit span {
  font-weight: 600;
  font-size: 16px;
  color: #88c9f9;
}
.infoBodyRight .infoBodyCol:nth-child(2).donteCol .feedbackRight {
  padding: 40px 38px;
}
.donateFormTitle {
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  text-align: center;
  background-color: #3b71b9;
  padding: 15px;
  border-radius: 6px 6px 0px 0px;
  margin-top: 27px;
}
.donateForm {
  -webkit-box-shadow: 0px 3px 15px 0px rgba(184, 184, 184, 0.53);
  -moz-box-shadow: 0px 3px 15px 0px rgba(184, 184, 184, 0.53);
  box-shadow: 0px 3px 15px 0px rgba(184, 184, 184, 0.53);
  border-radius: 6px;
}
.donateForm .feedbackTitle2 {
  padding: 14px 14px 6px;
}
.donateFormOnly {
  padding: 0px 40px;
}
.donateFormOnly .form-group {
  margin-bottom: 10px;
}
.donateForm .form-control {
  border-radius: 0px;
  border: 0px;
  border-bottom: 1px solid #cacaca;
  font-weight: 600;
  font-size: 20px;
  color: #3b71b9;
  height: 40px;
  padding: 5px 10px;
}
.donateForm select.form-control {
  background: #fff url('../img/selectNotch.png') right 12px center no-repeat;
}
.donateForm .form-control::placeholder {
  color: #cacaca;
}
.priceRangeOnly {
  font-weight: 700;
  font-size: 25px;
  color: #3b71b9;
  display: flex;
justify-content: center;
align-items: center;
border: 2px solid #d4d4d4;
border-radius: 5px;
cursor: pointer;
height: 50px;
}
.priceRangeOnly span {
  font-weight: 600;
  font-size: 15px;
  margin-right: 2px;
}
.priceRangeRow {
  margin-right: -10px;
  margin-left: -10px;
}
.priceRangeCol {
  padding: 10px;
}
.priceRangeCol .btn-Edit {
  height: 50px;
  width: 100%;
  border-radius: 10px;
}
.priceRangeCol .btn-Edit-save {
  margin: 6px 0px 18px;
}
.messageLeftTitle {
  font-weight: 700;
  font-size: 30px;
  color: #000;
}
.messageAll {
  display: flex;
}
.leftSlidePan.messageLeft {
  background: #fff none !important;
  /*padding: 0px 42px 0px 40px;*/
  width: 372px !important;
}
.messageRight.midPan {
  width: calc(100% - 372px) !important;
  border-left: 1px solid #d2d2d2 !important;
  margin-left: 372px;
  margin-right: 0px;
  border: none;
}
.msgHeading {
  display: flex;
  align-items: center;
  /*padding: 0px 42px 0px 40px;*/
}
.msgHeadingLink {
  margin-left: auto;
}
.messageLeft .nav-tabs.connerctMatched .nav-link {
  font-weight: 400;
  font-size: 16px;
  color: #b8b8b8;
  border-bottom: 3px solid #fff;
  padding: 0px 12px;
}
.messageLeft .nav-tabs.connerctMatched .nav-link.active {
  font-weight: 700;
  color: #3b71b9;
  border-bottom: 3px solid #3b71b9;
}
.messageLeft .nav-tabs.connerctMatched .nav-item {
  width: 50%;
  text-align: center;
}
.messageLeft .nav-tabs.connerctMatched {
  padding: 14px 65px 0px;
}
.tabMsgPadding {
  padding: 0px 40px;
}
.messageLeft .searchEvents .input-group {
  margin-top: 20px;
}
.messageLeft .searchEvents {
  padding-bottom: 8px;
}
.messageLeft .searchEvents .input-group .form-control {
  height: 30px !important;
  border: none;
  width: 1%;
  font-size: 12px;
  color: #000;
  margin-right: -30px;
  padding-right: 40px;
}
.messageLeft .searchEvents .input-group .form-control::placeholder {
  color: #b8b8b8;
  font-size: 12px;
  font-weight: 400;
}
.msgPerson .connectionsAvtarImg,
.msgPerson .connectionsAvtarImg img {
  position: relative;
  width: 44px;
  height: 44px;
}
.msgPerson .connectionsAvtarName {
  font-size: 12px;
}
.msgPerson .connectionsAvtarId {
  font-weight: 700;
  font-size: 9px;
  white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #b8b8b8;
}
.msgPerson .connectionsAvtarId.unreadMsg {
  color: #91d639;
}
.msgPerson .connectionsAvtarDetails {
  width: calc(100% - 44px);
  padding: 0px 13px;
}
.msgPerson {
  /*padding: 12px 50px 12px 12px;*/
  margin: 0px 25px 0px 40px;
  /*border-bottom: 2px solid #e5e5e5;*/
}
.msgPerson .connectionsTabDetails .nav-link {
  display: flex;
  align-items: center;
  padding: 12px 50px 12px 12px;
  width: 100%;
}
.msgPerson .connectionsTabDetails {
  width: 100%;
  border-bottom: 2px solid #e5e5e5 !important;
}
.msgPerson .nav-item {
  margin: 0px;
}
.addPersonMsg {
      position: fixed;
    left: 0px;
    bottom: 0px;
    margin-left: 237px;
    margin-bottom: 35px;
    cursor: pointer;
    z-index: 999;
}
.messageHeader {
  padding: 11px 45px;
  background-color: #fff;
  border-bottom: 1px solid #d2d2d2;
}
.messageHeader .connectionsAvtarImg,
.messageHeader .connectionsAvtarImg img {
  height: 54px;
  width: 54px;
}
.messageHeader .connectionsAvtarName {
  font-size: 23px;
color: #000;
line-height: 24px;
}
.messageHeader .connectionsAvtarId {
  font-size: 12px;
color: #3b71b9;
}
.messageHeader .connectionsAvtarDetails {
  padding: 0px 20px;
}
.msgHeadingVideo {
  margin: 0px 18px 0px 35px;
}
.msgTime {
  font-weight: 700;
  font-size: 12px;
  color: #b8b8b8;
  text-align: center;
  margin: 5px 0px 2px;
}
.textTypeBox .searchEvents .input-group .form-control {
  height: 44px !important;
font-size: 16px;
border-radius: 30px;
width: 1%;
margin-left: -40px;
padding: 5px 52px;
margin-right: -20px;
}
.textTypeBox .searchEvents .input-group .form-control::placeholder {
  font-weight: 600;
  color: #b8b8b8;
}
.textTypeBox .btn-eventSearch {
  margin-top: -4px;
}
.textTypeBox {
  padding: 15px 88px 45px 55px;
}
.textTypeBox .btn-eventSearch.btn-sendMsg {
  margin-left: -19px;
}
.textTypeBox .searchEvents .input-group {
  margin-top: 0px;
}
.msgBody .msgBodyContain {
  padding: 0px 95px 0px 55px;
}
.chatPersonBox .connectionsAvtarImg,
.chatPersonBox .connectionsAvtarImg img {
  height: 44px;
  width: 44px;
}
.chatText {
  font-weight: 600;
  font-size: 14px;
  color: #000;
  /*width: calc(100% - 44px);*/
  background-color: #fff;
  max-width: 290px;
  padding: 10px;
  border-radius: 4px;
}
.chatTextAll {
  background: url("../img/chartNotch-l.png") no-repeat left top -1px;
  margin-top: 5px;
  padding-left: 19px;
  width: calc(100% - 44px);
}
.chatPersonBox .connectionsTabDetails {
  align-items: normal;
}
.sentMsgTime {
  text-align: left;
  margin: 6px 0px 0px 70px;
}
.chatPersonBox {
  margin-top: 10px;
}
.chatBoxOdd .chatPersonBox .chatText {
  background-color: #3b71b9;
  color: #fff;
}
.chatBoxOdd .chatTextAll {
  background: url("../img/chartNotch-r.png") no-repeat right top -1px;
  padding-left: 0px;
  padding-right: 19px;
}
.chatBoxOdd,
.chatBoxEven {
  display: flex;
}
.chatBoxOdd {
  justify-content: flex-end;
}
.chatBoxEven {
  justify-content: flex-start;
}
.chatBoxOdd .sentMsgTime {
  text-align: right;
  margin: 6px 70px 0px 0px;
}
.readMyMsg {
  background: url("../img/readMsg.png") no-repeat center right;
  padding-right: 20px;
}
.unreadMyMsg {
  background: url("../img/unreadMsg.png") no-repeat center right;
  padding-right: 20px;
}
.chatMissCall.chatBoxOdd .chatTextAll,
.chatMissCall.chatBoxEven .chatTextAll {
  background: none;
  margin-top: 0px;
}
.chatText1 {
  font-weight: 400;
  font-size: 14px;
  color: #f47458;
  text-align: center;
}
.chatText2 {
  font-weight: 700;
  font-size: 10px;
  color: #3b71b9;
  text-align: center;
  margin-top: -4px;
}
.chatPersonBox .chatText.missedCallLogo {
  background: #fff;
  display: flex;
  align-items: center;
  padding: 5px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  width: 188px;
  height: 50px;
  justify-content: center;
}
.chatBoxEven .chatPersonBox .chatText.missedCallLogo {
  width: 206px;
}
.missedCallText {
  padding-left: 10px;
}
.linkAccountList li span {
  font-weight: 600 !important;
  display: flex;
align-items: center;
}
.linkAccountList li span img {
  margin-right: 10px;
}
.linkAccountList li {
  align-items: center;
}
.connectionsBody.linkAcc {
    background-color: #fff;
    margin-left: 30px;
    padding: 48px 65px 0px;
}
.connectionsBody.passDetails {
    background-color: #fff;
    margin-left: 30px;
    padding: 62px 124px 0px;
}
.linkAccountList {
  padding:  5px 45px 45px 45px !important;
}
.forgotpassLink {
  font-weight: 600 !important;
  font-size: 16px !important;
}
.passDetails .profileForm.bankForm .btn-Edit-save {
  margin-top: 30px;
  margin-bottom: 65px;
}
.passDetails .profileForm .form-group {
  margin-top: 12px;
}
.passDetails .bankcardTab {
  margin-top: -10px;
}
.connectionsBody.securityBg {
    background-color: #fff;
    margin-left: 30px;
    padding: 0px 45px;
}
.linkAccountTitle {
  font-weight: 700;
  font-size: 20px;
  color: #3b71b9;
}
.securityBg .linkAccountList {
  padding: 2px 55px 50px 30px !important;
}
.securityBg .feedbackTitle2 {
  margin: 20px 0px 20px 30px;
}
.linkAccNoti .linkAccountList li span img {
  margin-right: 30px;
}
.connectionsBody.blockBg {
  background-color: #fff;
    margin-left: 30px;
    padding: 45px 40px 0px;
}
.connectionsBody.blockBg .linkAccountList .unblockText {
  width: 76px;
  text-align: right;
}
.connectionsBody.blockBg .linkAccountList li span {
  width: calc(100% - 76px);
}
.blockBg .searchEvents .input-group .form-control {
  border-radius: 30px;
}
.blockBg .searchEvents .input-group .form-control {
  width: 1%;
  padding-right: 120px;
}
.blockBg .searchEvents .input-group-append {
  margin-top: 4px;
  margin-left: -70px;
}
.blockBg .btn-eventSearch,
.blockBg .btn-eventSearch:hover {
  font-weight: 600;
  color: #f47458;
  font-size: 20px;
  padding: 0px 30px !important;
}
.blockBg .linkAccountList li span img {
  margin-right: 20px;
}
.unblockText {
  color: #3b71b9 !important;
  font-size: 20px;
  font-weight: 600;
  align-self: center;
  cursor: pointer;
}
.blockBg .linkAccountList {
  padding: 5px 26px 45px 26px !important;
}
.connectionsBody.msgSettingBg {
  background-color: #fff;
    margin-left: 30px;
    padding: 33px 80px 0px;
}
.msgSettingBg .linkAccountTitle .msgSettingIcon {
  margin-right: 12px;
}
.msgSettingBg .msgIconChk .linkAccountTitle .msgSettingIcon {
    height: 23px;
    margin-right: 6px;
}
.msgSettingBg .linkAccountList {
  padding: 5px 0px !important;
}
.msgSettingBg .linkAccountList li span {
  font-weight: 400 !important;
}
.msgSettingBg .feedbackTitle2 {
  text-align: left;
  margin-top: -5px;
  width: 70%;
}
.msgSettingBg .profileForm.bankForm {
  padding-bottom: 40px;
}
.feedTab li a,
.matchCountNumber {
	font-weight: 700;
}
.feedTab li a.active {
	text-decoration: none !important;
	border-bottom: 2px solid #3b71b9 !important;
}
.feedTab li {
	width: auto !important;
}
.feedTab {
	justify-content: space-around;
	/* padding: 0px 10px; */
}
.feedTabLine {
	color: #3b71b9;
	font-weight: 600;
	margin: 0px 9px;
}
.matchCountText {
	font-size: 15px;
	font-weight: 600;
}
.borderleftright {
	border-left: 2px solid #88c9f9 !important;
	border-right: 2px solid #88c9f9 !important;
}
.matchHolder {
	margin-top: 20px !important;
	padding: 12px 12px 6px !important;
}
.feedTab li {
	padding-top: 35px !important;
}
.matchHolder h5 {
	margin-bottom: 0px;
}
.slidenumb {
	margin-top: -4px;
}
.midPan {
	border-left: 2px solid #d3d4d4;
	border-right: 2px solid #d3d4d4;
	/* width: calc(100% - 650px) !important;
	margin-left: 325px !important;
	margin-right: 325px !important; */
}
.settingFlip .midPan,
.connectionFlip .midPan {
  border: none;
}
.eventList .connectionsDetailsInfoName {
	font-size: 24px !important;
}
.eventList .connectionsDetailsInfoEvents span {
	font-size: 20px !important;
}
.eventList .connectionsDetailsInfo.lifeEventCenter {
  position: relative;
  padding-top: 10px;
}
.eventList .connectionsDetailsInfo.lifeEventCenter .connectionsDetailsInfoLink {
  position: absolute;
left: 45px;
top: 50%;
margin-top: -16px;
z-index: 99;
}
.leftPan {
	padding-right: 25px;
	/* direction: rtl;  */
}
.connectionFlip .leftPan {
  padding-right: 0px;
}
.rightPan  {
	padding-left: 25px;
}
.perEvent {
	padding: 0px !important;
	margin: 26px 28px !important;
}
.perEvent img {
	padding: 4px 5.5px 0px !important;
}
.searchGlobalFeed.messageLeft .searchEvents {
	padding: 0px;
}
.searchGlobalFeed.messageLeft {
	background: none;
	width: auto;
	padding-right: 10px;
	margin-bottom: 20px;
}
.searchGlobalFeed.messageLeft .searchEvents .form-control::placeholder,
.searchGlobalFeed.messageLeft .searchEvents .form-control {
	font-size: 15px;
	font-weight: 400;
}
.searchGlobalFeed.messageLeft .searchEvents .form-control {
	padding-right: 55px;
}
.searchGlobalFeed.messageLeft .searchEvents .shortEvents {
	margin-top: -5px;
	margin-right: 38px;
}
.rightPan .globalFeedList {
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25) !important;
	-moz-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25) !important;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25) !important;
	margin-right: 3px;
	/* padding: 16px 20px; */
  padding: 12px 20px;
	border-radius: 8px;
	margin-bottom: 30px;
}
/* .rightPan .globalFeedList:last-child {
	margin-bottom: 6px;
} */
.matchHolderShadow {
	-webkit-box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.25) !important;
	-moz-box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.25) !important;
	box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.25) !important;
}
.connectedInfo span {
	font-weight: 700 !important;
}
.connectedInfo p {
	line-height: 16px;
	margin-bottom: -6px !important;
}
.greenCountFeed {
	border-radius: 20px !important;
	font-weight: 700 !important;
  font-size: 12px !important;
  padding: 2px !important;
  width: 32.4px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*15-Jul-2024*/
.uploadPhotoHeading {
	/*margin: 10px 0px 8px !important;*/
	margin: 6px 0px 4px !important;
}
/*15-Jul-2024 end*/

.dismissButton {
	color: #b8b8b8 !important;
	margin-left: 0px !important;
}
.rightPanBtn {
	padding: 0px 15px;
	justify-content: space-between;
	margin-top: 20px;
}
.dismissButton,
.messageButton,
.tagstarButton {
	padding: 0px !important;
	height: 25px;
  width: 32%;
}
.dismissButton {
	margin-left: 0px !important;
}
.rightPanText{
	padding-left: 10px;
}
.profileForm.bankForm select.form-control.selectBank {
    background: #f7f8f9 url('../img/selectNotch.png') right 12px center no-repeat;
}
.feedadd {
	left: 29px !important;
    top: 12px !important;
    width: 12px;
}
.globalFeedList .connectedInfo {
  display: flex;
align-items: center;
margin-bottom: 10px;
}
.leftPan .tab-content {
  margin-bottom: 30px;
}
.lifeEventBtn .btn-Edit.btn-save {
  width: 288px;
  border-radius: 30px;
  margin-top: 12px;
}
.profileForm.lifeEventForm .form-control,
.profileForm.lifeEventForm .form-control::placeholder {
  border: none !important;
  font-weight: 600;
  font-size: 22px;
  text-align: left;
  height: 50px !important;
  padding: 5px 5px 5px 55px;
}
.profileForm.lifeEventForm {
  margin: 0px 65px;
}
.profileForm.lifeEventForm select.form-control.selectBank {
  background: #fff url('../img/selectNotch2.png') right 12px center no-repeat;
  text-align: center;
  padding: 5px;
  margin-top: 20px;
}
.profileForm label.graduateCheck {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  color: #000 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 162px;
margin: 0px auto;
}

/* Hide the browser's default checkbox */
.graduateCheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.graduateCheck .graduateCheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background: none;
  border: 2px solid #b8b8b8;
  border-radius: 4px;
  margin-top: 5px;
}

/* On mouse-over, add a grey background color */
.graduateCheck:hover input ~ .graduateCheckmark {
  background: none;
}

/* When the checkbox is checked, add a blue background */
.graduateCheck input:checked ~ .graduateCheckmark {
  background: none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.graduateCheck .graduateCheckmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.graduateCheck input:checked ~ .graduateCheckmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.graduateCheck .graduateCheckmark:after {
  left: 7px;
  top: 2px;
  width: 8px;
  height: 15px;
  border: solid #3b71b9;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.profileForm.lifeEventForm label {
  font-weight: 600;
  color: #3b71b9;
  font-size: 22px;
}
.profileForm.lifeEventForm .form-group {
  text-align: left;
  margin: 0px 0px 8px;
}
.schoolInfo {
  background: #fff url('../img/schoolInfoBg.png') no-repeat left 12px center;
}
.schoolSorority {
  background: #fff url('../img/schoolSororityBg.png') no-repeat left 12px center;
}
.schoolTeacher {
  background: #fff url('../img/schoolTeacherBg.png') no-repeat left 12px center;
}
.profileForm.lifeEventForm .form-group.graduatedCheckAll {
  margin: 2px 0px 20px;
}
.connectionFlip .leftSlidePan {
  width: 450px !important;
  border-radius: 12px;
}
.connectionFlip .midPan {
  width: calc(100% - 450px);
  margin-left: 450px;
  margin-right: 0px;
}
.connectionTitleResponsive {
  display: none;
}
.settingFlip .leftSlidePan {
  width: 350px !important;
  border-radius: 12px;
}
.settingFlip .midPan {
  width: calc(100% - 350px);
  margin-left: 350px;
  margin-right: 0px;
}
.myEvenntsAll {
    display: flex;
}
.removeMainCenter,
.doppelgangerClose {
  display: none;
}
.reverseLookupResult {
  padding: 0px;
  position: relative;
}
.reverseLookupResult .connectionsDetailsAvtarImg {
  height: 100px;
  width: 100px;
  margin-right: 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.reverseLookupResult .connectionsDetailsAvtarImg img {
  height: 100px;
  width: 100px;
  border: 2px solid #3b71b9;
}
.reverseLookupResult .connectionsAllDetailsTop {
  align-items: unset;
  position: relative;
}
.reverseLookupResult .connectionsAllDetailsTop .connectionsDetailsInfo {
    width: calc(100% - 115px);
    text-align: left;
}
.reverseLookupResult .greenCountFeed {
  height: 28px;
  width: 44px;
  font-size: 19px !important;
  font-weight: 400 !important;
}
.reverseLookuEmail,
.reverseLookuCall,
.reverseLookuDate,
.reverseLookuPlace {
  font-size: 16px;
  font-weight: 400;
  color: #3b71b9;
  padding-left: 30px;
  margin-top: 8px;
}
.reverseLookuEmail {
  background: url(../img/formMail-w.png) no-repeat left center;
}
.reverseLookuCall {
    background: url(../img/formPh-w.png) no-repeat left center;
}
.reverseLookuDate {
    background: url(../img/formMonth-w.png) no-repeat left center;
}
.reverseLookuPlace {
    background: url(../img/formCountry-w.png) no-repeat left center;
}
.reverseLookupResult .matchHolder {
  padding: 25px 20px 20px !important;
  border-radius: 12px;
  -webkit-box-shadow: 4px 5px 6px 0px rgba(0, 0, 0, 0.25) !important;
  -moz-box-shadow: 4px 5px 6px 0px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 4px 5px 6px 0px rgba(0, 0, 0, 0.25) !important;
}
.reverseLookupResult .addBankBackIcon {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 42px;
  margin-top: 5px;
  z-index: 9;
}
.eventList .reverseLookupResult .connectionsDetailsInfoEvents span {
  font-size: 18px !important;
}
.reverseLookupResult .reverseLookupMatch {
  margin: 26px 42px;
}
.doppelgangerImgAll {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.doppelgangerImg {
  width: 50%;
  height: 150px;
}
.doppelgangerImg:first-child {
  margin-right: 20px;
}
.doppelgangerImg img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  object-position: center top;
  border-radius: 20px;
}
.reverseLookupMatch .connectionsDetailsInfo .reverseLookupBtn {
  text-align: right;
}
.reverseLookupMatch .reverseLookupBtn .btn-message {
  margin-right: 0px;
}
.innerLogoRight {
  position: relative;
}
.myFilterAll {
  position: absolute;
  z-index: 9999;
  top: 0;
  margin-top: 44px;
}
.myFilter {
  width: 100%;
  background-color: #fff;
  padding: 30px 60px;
  border-radius: 12px;
  -webkit-box-shadow: 2px 8px 8px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 2px 8px 8px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 8px 8px 2px rgba(0, 0, 0, 0.25);
    margin-top: 20px;
}
.eventsOnly {
    color: #b8b8b8;
    font-weight: 700;
    border: 2px solid #b8b8b8;
    display: inline-block;
    padding: 4px 18px;
    font-size: 18px;
    margin-right: 5px;
    margin-bottom: 10px;
    border-radius: 30px;
    cursor: pointer;
}
.myAllEvents  {
  text-align: center;
  margin-top: 20px;
}
.activeEvents {
  color: #3b71b9;
  border-color: #3b71b9;
}
.myFilter .lifeEvent .form-control {
  padding-left: 20px;
    border-radius: 30px 0px 0px 30px;
    display: initial;
    height: 48px;
    border: 1px solid #bbbbbb;
    padding-right: 40px;
    border-width: 2px;
}
.myFilter .input-group.lifeEvent .input-group-append {
    margin-left: -30px;
    z-index: 9;
}
.myFilter .addFieldItem {
  margin-top: 0px;
  padding: 8px 35px 8px 16px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.myFilter .btn-add {
  padding: 8px 26px;
}
.myFilter .lifeEvent {
  margin-top: 10px;
}
.myFilter::after {
  position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 30px 20px 30px;
    border-color: transparent transparent #fff transparent;
    top: 0px;
    right: 0px;
    content: '';
    z-index: 9;
    margin-right: 48px;
}
.eventsFilterOff {
  display: none;
}

/*--------------------------------------------------------------
# inner Body End
--------------------------------------------------------------*/

.lifeEventMenuLink {
  display: block;
  padding: 14px 12px 14px 72px;
}
.lifeEventMenuText {
  font-weight: 700;
  font-size: 16px;
  color: #3b71b9;
}
.lifeEventMenu .lifeEventMenuLi {
  position: relative;
  background: #fff url("../img/eventArrow.png") no-repeat right 20px center;
  /* background-size: 48px !important; */
  /* padding: 7px 12px; */
  border-radius: 6px;
  margin-bottom: 14px;
}
.lifeEventMenu .lifeEventMenuLi::after {
    content: "";
    width: 30px;
    height: 30px;
    background: url("../img/eventArrow.png") no-repeat right 20px center;
    top: 50%;
    right: 0px;
    margin-top: -15px;
    position: absolute;
    display: inline-block;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventMenuLiActive::after {
  background: url("../img/eventArrow_a.png") no-repeat right 20px center;
}
.lifeEventMenuLi.lifeEventMenuLiActive .lifeEventMenuText {
  color: #fff;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventMenuLiActive {
  background-color: #3b71b9 !important;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventMenuLiActive {
  /* background: #3b71b9 url("../img/eventArrow_a.png") no-repeat right 20px center; */
}
.lifeEventMenu .lifeEventMenuLi.lifeEventPersonal {
  background: #fff url("../img/lifeEventPersonal.png") no-repeat left 20px center;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventDating {
  background: #fff url("../img/lifeEventDating.png") no-repeat left 20px center;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventAdoption {
  background: #fff url("../img/lifeEventAdoption.png") no-repeat left 20px center;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventTravel {
  background: #fff url("../img/lifeEventTravel.png") no-repeat left 20px center;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventMilitary {
  background: #fff url("../img/lifeEventMilitary.png") no-repeat left 20px center;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventEducation {
  background: #fff url("../img/lifeEventEducation.png") no-repeat left 20px center;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventWork {
  background: #fff url("../img/lifeEventWork.png") no-repeat left 20px center;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventPets {
  background: #fff url("../img/lifeEventPets.png") no-repeat left 20px center;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventReverse {
  background: #fff url("../img/lifeEventReverse.png") no-repeat left 20px center;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventL_F {
  background: #fff url("../img/lifeEventL_F.png") no-repeat left 20px center;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventDoppelganger {
  background: #fff url("../img/lifeEventDoppelganger.png") no-repeat left 20px center;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventDnaMacth {
  background: #fff url("../img/lifeEventDnaMacth.png") no-repeat left 20px center;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventPersonal.lifeEventMenuLiActive {
  background: #fff url("../img/lifeEventPersonal-a.png") no-repeat left 20px center;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventDating.lifeEventMenuLiActive {
  background: #fff url("../img/lifeEventDating-a.png") no-repeat left 20px center;
}
.personalImgTitle {
  font-weight: 700;
  font-size: 30px;
  color: #3b71b9;
  text-align: center;
  margin-top: 20px;
  line-height: 40px;
}
.infoBodyRight .infoBodyCol:nth-child(2).eventCol {
  padding: 0px;
}
.eventColHeading {
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  background-color: #3b71b9;
  height: 40px;
  min-width: 162px;
  width: max-content;
  padding: 5px 25px;
  display: flex;
  align-items: center;
  border-radius: 0px 16px 16px 0px;
  margin-bottom: 18px;
}
.whatForm {
  padding: 0px 30px;
  margin-bottom: 20px;
}
.whatForm label {
  display: block;
  font-weight: 700;
  font-size: 16px;
  color: #3b71b9;
  text-align: center;
  margin-bottom: 4px;
}
.whatForm .form-control {
  font-weight: 600;
  font-size: 16px;
  color: #000;
  border: none;
  background: url('../img/selectIcon.png') right 15px center no-repeat;
  background-color: #f8f8f8 !important;
  border-radius: 6px;
  height: 36px;
}
.whatForm .form-group {
  position: relative;
  margin-bottom: 10px;
}
.removedWhat {
    display: none;
}
.anotherLocation {
  font-size: 14px;
  color: #3b71b9;
  text-align: center;
  cursor: pointer;
}
.whatForm.whereFrom .form-control {
  padding-left: 55px;
}
.whatForm.whereFrom .form-control::placeholder {
  color: #b8b8b8;
}
.formTime {
  background: #fff url('../img/formTime.png') no-repeat left 17px center !important;
}
.timeOptionSet {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: flex-end;
}
.timeOptionSet .timeOptionOnly {
  background-image: none;
  padding: 4px !important;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  color: #b8b8b8;
  cursor: pointer;
}
.timeOptionSet .timeOptionOnly:first-child {
  border-radius: 6px 0px 0px 6px;
}
.timeOptionSet .timeOptionOnly:last-child {
  border-radius: 0px 6px 6px 0px;
}
.timeOptionSet .timeOptionOnly.activeTimeOption {
  color: #fff;
  background-color: #3b71b9 !important;
}
.whatForm.whereFrom .addFieldItem,
.interestsSet .addFieldItem {
  padding: 3px 26px 3px 10px;
  margin-right: 8px;
  max-width: 100%;
  word-break: break-all;
}
.whatForm.whereFrom .addFieldItem .removeField img,
.interestsSet .addFieldItem .removeField img {
  width: 26px;
  margin-top: -5.5px;
  margin-right: 8px;
}
.whatForm.whereFrom .input-group.lifeEvent {
    margin-top: 24px;
    margin-bottom: 5px;
    display: inline-flex;
}
.whatForm.whereFrom .lifeEvent .form-control {
    padding-left: 20px;
    border: 2px solid #bbb;
    border-radius: 30px 0px 0px 30px;
    display: initial;
    padding-right: 40px;
    background-image: none;
    background-color: #fff !important;
}
.whatForm.whereFrom .input-group.lifeEvent .input-group-append {
    margin-left: -30px;
    z-index: 9;
}
.whatForm.whereFrom .input-group.lifeEvent .btn-add {
  padding: 2px 22px;
}
.whatForm.whereFrom .inputBellowText {
  font-size: 14px;
  margin-bottom: 35px;
}
.whyFromText {
  font-weight: 400;
  color: #3b71b9;
  font-size: 14px;
  text-align: center;
  margin: 27px 0px 22px;
}
.lifeEventLinkAll .lifeEventLink {
  font-weight: 700;
  font-size: 16px;
  color: #b8b8b8;
  text-align: center;
  background-color: #f8f8f8;
  border-radius: 30px;
  padding: 8px;
  margin-bottom: 24px;
}
.lifeEventLinkActive {
  background-color: #3b71b9 !important;
  color: #fff !important;
}
.photoGalleryOnly, .photoGalleryImg {
  position: relative;
  height: 117px;
  width: 117px;
  /* background-color: #f2f2f2; */
  border-radius: 6px;
}
.photoGalleryImg {
  object-fit: cover;
  object-position: center;
}
.photoGalleryScroll {
  overflow-x: auto;
  margin-bottom: 30px;
}
.photoGallery {
  margin-top: 30px;
  display: inline-flex;
}
.photoGallery .anotherLocation {
  margin-top: -15px;
  position: relative;
  z-index: 9;
}
.whatFormBtn {
  font-weight: 600;
  font-size: 15px;
  color: #fff;
  background-color: #91d639;
  width: 46%;
  height: 38px;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.whatFormBtn:hover {
  color: #fff;
  background-color: #38c389;
}
.whatFormBtnSE {
  display: flex;
  justify-content: space-between;
}
.whatForm.whatFormBtnAll {
  padding: 0px 55px;
}
.whatForm.whatFormBtnAll .btn-Edit-save.btn-feedback.btn-premium .btn-Edit {
  width: 100%;
  line-height: 13px;
}
.whatForm.whatFormBtnAll .btn-Edit-save.btn-feedback {
  margin-top: 22px;
  margin-bottom: 30px;
}
.whatForm.whatFormBtnAll .btn-Edit-save.btn-feedback.btn-premium .btn-Edit span {
  font-size: 12px
}
.whatForm .vehicleForm .form-control,
.topFormIcon .form-control,
.height_weight.weight_adoption .height_weight_Only .form-control {
  padding-left: 50px;
}
.formPlate {
  background: #fff url('../img/formPlate.png') no-repeat left 17px center !important;
}
.formVehicle {
  background: #fff url('../img/formVehicle.png') no-repeat left 17px center !important;
}
.formMake {
  background: #fff url('../img/formMake.png') no-repeat left 17px center !important;
}
.formModel {
  background: #fff url('../img/formModel.png') no-repeat left 17px center !important;
}
.formColor {
  background: #fff url('../img/formColor.png') no-repeat left 17px center !important;
}
.connectTagsterText {
  font-weight: 700;
  color: #59a800;
  font-size: 16px;
  margin-left: 5px;
}
.connectTagsterAll .connectTagster {
  display: flex;
  width: 216px;
  justify-content: center;
  margin: 0px auto;
  border: 2px solid #59a800;
  border-radius: 30px;
  padding: 6px;
}
.connectTagsterAll {
  margin-top: 10px;
}
.selectCenter {
  text-align: center;
  text-align-last: center;
  -moz-text-align-last: center;
}
.timeOptionSet.datingFilterBtn .timeOptionOnly {
  width: 130px;
}
.timeOptionSet.datingFilterBtn {
  justify-content: center;
  align-items: center;
  margin: 20px 0px;
}
.formGender {
  background: #fff url('../img/formGender.png') no-repeat left 17px center !important;
}
.formAge {
  background: #fff url('../img/formAge.png') no-repeat left 17px center !important;
}
.formEthnicity {
  background: #fff url('../img/formEthnicity.png') no-repeat left 17px center !important;
}
.formRace {
  background: #fff url('../img/formRace.png') no-repeat left 17px center !important;
}
.formNationality {
  background: #fff url('../img/formNationality.png') no-repeat left 17px center !important;
}
.formOrientation {
  background: #fff url('../img/formOrientation.png') no-repeat left 17px center !important;
}
.formBodyStyle {
  background: #fff url('../img/formBodyStyle.png') no-repeat left 17px center !important;
}
.formSkinTone {
  background: #fff url('../img/formSkinTone.png') no-repeat left 17px center !important;
}
.formHairColor {
  background: #fff url('../img/formHairColor.png') no-repeat left 17px center !important;
}
.formEyeColor {
  background: #fff url('../img/formEyeColor.png') no-repeat left 17px center !important;
}
.formPoliticalAffiliation {
  background: #fff url('../img/formPoliticalAffiliation.png') no-repeat left 17px center !important;
}
.formReligion {
  background: #fff url('../img/formReligion.png') no-repeat left 17px center !important;
}
.formInterests {
  background: #fff url('../img/formInterests.png') no-repeat left 17px center !important;
}
.formFacialHair {
  background: #fff url('../img/formFacialHair.png') no-repeat left 17px center !important;
}
.formBodyHair {
  background: #fff url('../img/formBodyHair.png') no-repeat left 17px center !important;
}
.formSGlasses {
  background: #fff url('../img/formSGlasses.png') no-repeat left 17px center !important;
}
.formParty {
  background: #fff url('../img/formParty.png') no-repeat left 17px center !important;
}
.formDrink {
  background: #fff url('../img/formDrink.png') no-repeat left 17px center !important;
}
.formTatto {
  background: #fff url('../img/formTatto.png') no-repeat left 17px center !important;
}
.formFood {
  background: #fff url('../img/formFood.png') no-repeat left 17px center !important;
}
.formFoodType {
  background: #fff url('../img/formFoodType.png') no-repeat left 17px center !important;
}
.formSport {
  background: #fff url('../img/formSport.png') no-repeat left 17px center !important;
}
.formFavoriteTeam {
  background: #fff url('../img/formFavoriteTeam.png') no-repeat left 17px center !important;
}
.formZodiacSign {
  background: #fff url('../img/formZodiacSign.png') no-repeat left 17px center !important;
}
.formBarthStone {
  background: #fff url('../img/formBarthStone.png') no-repeat left 17px center !important;
}
.formAffiliation {
  background: #fff url('../img/formAffiliation.png') no-repeat left 17px center !important;
}
.formFinancial {
  background: #fff url('../img/formFinancial.png') no-repeat left 17px center !important;
}
.formRelationship {
  background: #fff url('../img/formRelationship.png') no-repeat left 17px center !important;
}
.formSmoke {
  background: #fff url('../img/formSmoke.png') no-repeat left 17px center !important;
}
.formCareer {
  background: #fff url('../img/formCareer.png') no-repeat left 17px center !important;
}
.formHeight {
  background: #fff url('../img/formHeight.png') no-repeat left 17px center !important;
}
.formWeight {
  background: #fff url('../img/formWeight.png') no-repeat left 17px center !important;
}
.whenTitle {
  font-weight: 700;
  font-size: 16px;
  color: #3b71b9;
  text-align: center;
}
.birthdayDate.timeframeSet .birthdayMonth {
  width: 65%;
  margin-right: 5%;
}
.birthdayDate.timeframeSet .birthdayMonth .form-control {
  padding-left: 20px;
}
.whenTitleText .whenText {
  font-weight: 400;
  font-size: 14px;
  color: #3b71b9;
  text-align: center;
  margin-bottom: 15px;
}
.whatForm.whatFormDationg {
  padding: 0px;
}
.whatForm.whatFormDationg .whatReason1.vehicleForm,
.whatForm.whatFormDationg .whatReason2.vehicleForm .datingBelowTop,
.whatForm.whatFormDationg .timeOptionSet.datingFilterBtn,
.whatForm.whatFormDationg .form-group.datingSpecific {
  padding: 0px 30px;
}
.datingTopText {
  font-weight: 600;
  font-size: 16px;
  color: #3b71b9;
  text-align: center;
  background-color: #f8f8f8;
  border: 1px solid #88c9f9;
  padding: 6.5px 42px;
  line-height: 20px;
  margin-bottom: 10px;
}
.height_weight .timeOptionSet .timeOptionOnly {
  width: 30px;
}
.height_weight {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.height_weight .height_weight_Only {
  position: relative;
  width: calc(100% - 70px);
  margin-right: 10px;
}
.height_weight .timeOptionSet {
  width: 60px;
  margin-bottom: 0;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventAdoption.lifeEventMenuLiActive {
    background: #fff url("../img/lifeEventAdoption-a.png") no-repeat left 20px center;
}
.adoptionCheck {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.adoptionCheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.adoptionCheck .adoptionCheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid #b8b8b8;
  border-radius: 2px;
  margin-top: 4px;
}
.adoptionCheck:hover input ~ .adoptionCheckmark {
  background-color: #f8f8f8;
}
.adoptionCheck input:checked ~ .adoptionCheckmark {
  background-color: #3b71b9;
}
.adoptionCheck .adoptionCheckmark:after {
  content: "";
  position: absolute;
  display: none;
}
.adoptionCheck input:checked ~ .adoptionCheckmark:after {
  display: block;
}
.adoptionCheck .adoptionCheckmark:after {
  left: 5px;
  top: 1px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.whatForm label.adoptionCheck {
  font-weight: 600;
  font-size: 16px;
  color: #000;
  text-align: left;
}
.whatForm .form-group.adoptionCheckAll {
  margin: 20px 40px 15px;
}
.height_weight.weight_adoption .timeOptionSet .timeOptionOnly {
  width: 40px;
}
.height_weight.weight_adoption .timeOptionSet {
  width: 80px;
}
.height_weight.weight_adoption .height_weight_Only {
  width: calc(100% - 100px);
  margin-right: 20px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.height_weight.weight_adoption .height_weight_Only .form-control {
  text-align: left;
}
.height_weight.weight_adoption .height_weight_Only .form-control:last-child {
  width: 50%;
  padding-left: 12px;
  margin-left: 5%;
}
.formBarthPlace {
  background: #fff url('../img/formBarthPlace.png') no-repeat left 17px center !important;
}
.bar {
  width: calc(100% - 60px);
  height: 2px;
  background-color: #c7e6fc;
  margin: 20px 30px 15px;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventTravel.lifeEventMenuLiActive {
    background: #fff url("../img/lifeEventTravel-a.png") no-repeat left 20px center;
}
.whatForm .whatReasonAll .form-control {
  text-align: center;
}
.whatForm .whatReasonAll input.form-control {
  background-image: none;
}
.formLocation {
  background: #fff url('../img/formLocation.png') no-repeat left 17px center !important;
}
.formLocationType {
  background: #fff url('../img/formLocationType.png') no-repeat left 17px center !important;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventMilitary.lifeEventMenuLiActive {
    background: #fff url("../img/lifeEventMilitary-a.png") no-repeat left 20px center;
}
.topFormIcon .form-control {
  text-align: left !important;
}
.formUnit {
  background: #fff url('../img/formUnit.png') no-repeat left 17px center !important;
  margin-bottom: 20px;
}
.formGrade {
  background: #fff url('../img/formGrade.png') no-repeat left 17px center !important;
}
.formMos {
  background: #fff url('../img/formMos.png') no-repeat left 17px center !important;
}
.formTitle {
  background: #fff url('../img/formTitle.png') no-repeat left 17px center !important;
}
.formBase {
  background: #fff url('../img/formBase.png') no-repeat left 17px center !important;
}
.formOrders {
  background: #fff url('../img/formOrders.png') no-repeat left 17px center !important;
}
.photoGalleryOnly .photoGalleryImgRemove {
  position: absolute;
    top: -6px;
    right: -6px;
    cursor: pointer;
}
.photoGallery .photoGalleryOnly {
  margin-bottom: 15px;
  margin-right: 30px;
}
.photoGallery .photoGalleryOnly:last-child {
  margin-right: 0px;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventEducation.lifeEventMenuLiActive {
    background: #fff url("../img/lifeEventEducation-a.png") no-repeat left 20px center;
}
.checkCenter label.adoptionCheck {
  text-align: center;
}
.checkCenter .adoptionCheck .adoptionCheckmark {
  left: 50%;
  margin-left: -63px;
}
.checkCenter .adoptionCheck.unknownCheck .adoptionCheckmark {
  margin-left: -55px;
}
.formEdu {
  background: #fff url('../img/formEdu.png') no-repeat left 17px center !important;
}
.formSorority {
  background: #fff url('../img/formSorority.png') no-repeat left 17px center !important;
}
.formTeacher {
  background: #fff url('../img/formTeacher.png') no-repeat left 17px center !important;
}
.formRoom {
  background: #fff url('../img/formRoom.png') no-repeat left 17px center !important;
}
.formSubject {
  background: #fff url('../img/formSubject.png') no-repeat left 17px center !important;
}
.formCurriculars {
  background: #fff url('../img/formCurriculars.png') no-repeat left 17px center !important;
}
.formOrganization {
  background: #fff url('../img/formOrganization.png') no-repeat left 17px center !important;
}
.formEvent {
  background: #fff url('../img/formEvent.png') no-repeat left 17px center !important;
}
.formAfterSchool {
  background: #fff url('../img/formAfterSchool.png') no-repeat left 17px center !important;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventWork.lifeEventMenuLiActive {
    background: #fff url("../img/lifeEventWork-a.png") no-repeat left 20px center;
}
.formBusiness {
  background: #fff url('../img/formBusiness.png') no-repeat left 17px center !important;
}
.formCategory {
  background: #fff url('../img/formCategory.png') no-repeat left 17px center !important;
}
.formLevel {
  background: #fff url('../img/formLevel.png') no-repeat left 17px center !important;
}
.formTitle2 {
  background: #fff url('../img/formTitle2.png') no-repeat left 17px center !important;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventPets.lifeEventMenuLiActive {
    background: #fff url("../img/lifeEventPets-a.png") no-repeat left 20px center;
}
.formSpecies {
  background: #fff url('../img/formSpecies.png') no-repeat left 17px center !important;
}
.formBreed {
  background: #fff url('../img/formBreed.png') no-repeat left 17px center !important;
}
.formTemperment {
  background: #fff url('../img/formTemperment.png') no-repeat left 17px center !important;
}
.formSize {
  background: #fff url('../img/formSize.png') no-repeat left 17px center !important;
}
.formCollar {
  background: #fff url('../img/formCollar.png') no-repeat left 17px center !important;
}
.formVeterinarian {
  background: #fff url('../img/formVeterinarian.png') no-repeat left 17px center !important;
}
.formMedical {
  background: #fff url('../img/formMedical.png') no-repeat left 17px center !important;
}
.formName {
  background: #fff url('../img/formName.png') no-repeat left 17px center !important;
}
.formStatus {
  background: #fff url('../img/formStatus.png') no-repeat left 17px center !important;
}
.formIndustry {
  background: #fff url('../img/formIndustry.png') no-repeat left 17px center !important;
}
.formAirport {
  background: #fff url('../img/formAirport.png') no-repeat left 17px center !important;
}
.formAirline {
  background: #fff url('../img/formAirline.png') no-repeat left 17px center !important;
}
.formFlightNo {
  background: #fff url('../img/formFlightNo.png') no-repeat left 17px center !important;
}
.formRow {
  background: #fff url('../img/formRow.png') no-repeat left 17px center !important;
}
.formSeat {
  background: #fff url('../img/formSeat.png') no-repeat left 17px center !important;
}
.formMeterial {
  background: #fff url('../img/formMeterial.png') no-repeat left 17px center !important;
}
.formOther {
  background: #fff url('../img/formOther.png') no-repeat left 17px center !important;
}
.formOutdoor {
  background: #fff url('../img/formOutdoor.png') no-repeat left 17px center !important;
}
.feedbackRight.customDonation,
.planBackIcon {
  position: relative;
}
.planBackIcon .addBankBackIcon img,
.feedbackRight.customDonation .addBankBackIcon img {
  margin: 0px;
}
.planBackIcon .addBankBackIcon,
.feedbackRight.customDonation .addBankBackIcon {
  position: absolute;
  left: 0px;
  top: 0px;
  margin-top: -4px;
}
.premiumBody .choosePlan {
  margin-bottom: 40px;
}
.premiumBody .choosePlan .monthlyPlanTitle {
  text-transform: uppercase;
  font-size: 20px;
  text-align: center;
  letter-spacing: 4px;
  font-weight: 700;
/*16-Jun-2023*/
  background-color: #875701 !important;
/*16-Jun-2023 End*/
  color: #fff;
  border-radius: 20px 20px 0px 0px;
  padding: 2px 6px;
}

.donateForm.donatePlanHeading {
  margin: 0px 6%;
  border-radius: 20px 20px 0px 0px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(184, 184, 184, 0.53);
  -moz-box-shadow: 0px 0px 10px 0px rgba(184, 184, 184, 0.53);
  box-shadow: 0px 0px 10px 0px rgba(184, 184, 184, 0.53);
}
/*16-Jun-2023*/
.planPrice {
  font-size: 24px !important;
  font-weight: 700;
  color: #875701 !important;
  line-height: 26px !important;
}
/*16-Jun-2023 End*/
.planPriceTag {
  text-transform: uppercase;
  color: #b8b8b8;
  font-weight: 600;
/*16-Jun-2023*/
  font-size: 8px !important;
/*16-Jun-2023 End*/
}
.btn-Edit-save .btn-Edit.btn-Plan {
/*16-Jun-2023*/
  background-color: #875701 !important;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  padding: 4px 16px;
 /*16-Jun-2023 End*/
  width: auto;
  border-radius: 10px;
  height: 34px;
}
.planPriceRight {
  width: 132px;
  margin-left: auto;
}
.planPriceRight .btn-Edit-save {
  margin: 0px;
  text-align: left;
}
.planBtnTag {
  color: #b8b8b8;
  text-align: center;
/*16-Jun-2023*/
  font-size: 10px !important;
/*16-Jun-2023 End*/
  font-weight: 500;
  margin-top: 2px;
}
.pricePlanRow {
  align-items: center;
}
.donateForm.monthlyPlan {
  padding: 16px 40px;
}
.premiumBody .annuallyPaln.choosePlan .monthlyPlanTitle,
.annuallyPaln.choosePlan .btn-Edit-save .btn-Edit.btn-Plan {
/*16-Jun-2023*/
  background-color: #808285 !important;
/*16-Jun-2023 End*/
}
.annuallyPaln.choosePlan .planPrice {
/*16-Jun-2023*/
  color: #808285 !important;
/*16-Jun-2023 End*/
}
.premiumBody .lifetimePaln.choosePlan .monthlyPlanTitle,
.lifetimePaln.choosePlan .btn-Edit-save .btn-Edit.btn-Plan {
  /*16-Jun-2023*/
  background-color: #e79b05 !important;
/*16-Jun-2023 End*/
}
.lifetimePaln.choosePlan .planPrice {
/*16-Jun-2023*/    
  color: #e79b05 !important;
/*16-Jun-2023 End*/
}
.feedbackTitle.mainPlanTitle {
  font-size: 30px;
}
.membershipLogo  {
  text-align: center;
  padding: 4px 0px 50px;
}
.membershipLogo .membershipLogoImg {
  width: 50%;
}
.feedbackStar .slidenumb {
  margin-top: 10px;
  font-size: 20px;
  font-weight: 600;
}
.interestsPicker .picker {
  width: 100%;
}
.interestsPicker .picker .pc-select {
  display: block;
  max-width: 100%;
}
.interestsPicker .picker .pc-select .pc-trigger {
  font-weight: 600;
    font-size: 16px;
    color: #000;
    border: none;
    /* background: url("../img/selectIcon.png") right 15px center no-repeat; */
    background: #fff url('../img/formInterests.png') no-repeat left 17px center;
    background-color: #f8f8f8 !important;
    border-radius: 6px;
    height: 36px;
    padding: .375rem .75rem .375rem 50px;
    margin: 0px;
    position: relative;
}
.interestsPicker .picker .pc-select .pc-trigger::after {
  position: absolute;
    width: 11px;
    height: 5px;
    background: url("../img/selectIcon.png") center no-repeat;
    top: 50%;
    right: 0px;
    content: '';
    z-index: 9;
    margin-right: 15px;
    margin-top: -2.5px;
}
.interestsPicker .picker .pc-select .pc-list {
    top: calc(100% - 0px);
    border-radius: 12px;
    -webkit-box-shadow: 2px 8px 8px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 2px 8px 8px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.25);
    border: none;
}
.interestsPicker .picker .pc-select .pc-list ul {
  border-radius: 12px;
}
.interestsPicker .picker .pc-select .pc-list li {
  padding: 6px 20px;
  background: #fff;
  color: #000;
  font-weight: 600;
}
.interestsPicker .picker .pc-select .pc-list li:hover {
  background-color: #f8f8f8;
}
.interestsPicker .picker .pc-select .pc-list li:first-child {
  pointer-events: none;
  border-bottom: 2px solid #88c9f9;
  background-color: #f8f8f8;
}
.interestsPicker .picker .pc-element {
  padding: 3px 26px 3px 10px;
    margin-right: 8px;
    background-color: #daefff;
    font-weight: 600;
    font-size: 16px;
    color: #3b71b9;
    border-radius: 30px;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
    border: none;
}
.interestsPicker .picker .pc-element:last-child {
  margin-right: 0px;
}
.interestsPicker .picker .pc-element .pc-close {
  top: 50%;
  right: 0px;
  margin-top: -5.5px;
  margin-right: 8px;
}
.interestsPicker .picker .pc-element .pc-close::after {
  width: 11px;
  height: 11px;
  background: url("../img/removeField.png") center no-repeat;
  content: "";
  display: block;
  background-size: 11px;
}
.reverseLookupResult .matchHolder.semiLostFoundForm {
  padding: 0px 0px 30px !important;
}
.reverseLookupResult .matchHolder.semiLostFoundForm .photoGalleryScroll {
  text-align: left;
}
.reverseLookupResult .matchHolder.semiLostFoundForm .whenTitleText {
  padding: 20px 30px 10px;
}
.reverseLookupResult .matchHolder.semiLostFoundForm .whenTitleText .whenTitle {
  font-weight: 800;
  font-size: 20px;
}
.reverseLookupResult .matchHolder.semiLostFoundForm .whenTitleText .whenText {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  width: calc(100% - 70px);
  margin: 5px auto;
}
.btn-search {
  display: flex;
  align-items: center;
  justify-content: center;
}
.semiTabBanner {
  padding-top: 30px;
}
.infoMsg {
  position: relative;
}
.infoMsgTitle {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
}
.infoMsgText {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  margin: 5px 0px 18px;
}
.lifeEventMsg {
  background-color: #22abf3;
  border-radius: 12px;
  padding: 16px 25px 22px;
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  margin-top: 74px;
  text-align: left;
  display: none;
}
.lifeEventMsg::after {
  position: absolute;
  top: 0px;
  left: 0px;
  content: '';
  z-index: 9;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 14px 10px;
  border-color: transparent transparent #22abf3 transparent;
  margin-top: -10px;
  margin-left: 20px;
 }
.infoMsgBtn .btnEvent {
  color: rgba(255,255,255,0.7);
  border-color: rgba(255,255,255,0.6);
  font-size: 14px;
  border-radius: 20px;
  padding: 2px;
  height: 30px;
  width: 74px;
}
.infoMsgBtn {
  text-align: center;
}
.lifeEventMsg .infoMsgBtn .btnEvent:hover {
  background-color: rgba(255,255,255,0.7);
  color: #22abf3;
}
.lifeEventMsg.servicesMsg {
  background-color: #ff8a00;
  width: 70%;
  left: auto;
  right: 0px;
  margin-right: 12%;
  margin-top: 160px;
}
.lifeEventMsg.servicesMsg::after {
    border-color: transparent transparent #ff8a00 transparent;
    left: auto;
    right: 0px;
    margin-right: 20px;
 }
 .lifeEventMsg.servicesMsg .infoMsgBtn .btnEvent:hover {
  color: #ff8a00;
}
.lifeEventMsg.locationMsg {
  background-color: #00b976;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 98px;
}
.lifeEventMsg.locationMsg::after {
    border-color: transparent transparent #00b976 transparent;
    left: auto;
    right: 0px;
    margin-right: 20px;
 }
 .lifeEventMsg.locationMsg .infoMsgBtn .btnEvent:hover {
  color: #00b976;
}
#myInfo {
  position: relative;
  cursor: pointer;
  height: 13px;
}
.detailsIcon {
  width: 17px;
  height: 18px;
  background: url("../img/detailsIcon.png") no-repeat center;
}
.detailsIconActive {
  background: url("../img/detailsIcon_a.png") no-repeat center;
}
.feedDismissedTitle {
  font-size: 16px;
  letter-spacing: 1px;
  color: #606060;
}
.feedDismissedUndo {
  color: #3b71b9;
  font-weight: 700;
  cursor: pointer;
}
.feedDismissedDelete {
  color: #3b71b9;
  font-weight: 700;
  cursor: pointer;
}
.feedDismissed {
  display: none;
  justify-content: space-between;
}
.feedDismissed.showDismissedUndo {
  display: flex;
}
.headerNotificationsTab {
  position: relative;
}
.NotificationsAll {
  position: absolute;
  z-index: 9999;
  top: 0;
  margin-top: 44px;
  width: 297px;
  right: 16%;
}
.notificationsBox {
    background-color: #fff;
    padding: 14px 23px 0px;
    border-radius: 12px;
    -webkit-box-shadow: 3px 3px 15px 0px rgba(184,184,184,0.53);
    -moz-box-shadow: 3px 3px 15px 0px rgba(184,184,184,0.53);
    box-shadow: 3px 3px 15px 0px rgba(184,184,184,0.53);
    margin-top: 5px;
}
.NotificationsTitle {
  font-size: 20px;
  color: #3b71b9;
  font-weight: 700;
  margin-bottom: 14px;
}
.notificationAvtarName {
  font-size: 12px;
  color: #3b71b9;
  font-weight: 700;
}
.notificationAvtarMsg {
  font-size: 11px;
  color: #000;
  font-weight: 400;
  line-height: 14px;
  margin-bottom: 4px;
}
.notificationAvtarMsg span {
  color: #b8b8b8;
}
.notificationCardAvtar {
    position: relative;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    background-color: #bbb;
}
.notificationCardAvtar img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    border: 2px solid #3b71b9;
}
.notificationDetails,
.notificationsBtn {
  display: flex;
}
.notificationAvtarInfo {
  width: calc(100% - 57px);
  margin-left: 12px;
}
.blockBtn {
    border-radius: 15px;
    background-color: #f47458;
    text-align: center;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 12px;
}
.replayBtn {
    background-color: #3b71b9;
    margin: 0px 7px;
}
.replayNow {
    background-color: #91d639;
}
.replayBtn.replayGray {
    background-color: #f2f2f2;
    color: #b8b8b8;
}
.notificationCard {
    background-color: #fff;
    padding: 9px;
    border-radius: 12px;
    -webkit-box-shadow: 1px 1px 16px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 1px 16px 0px rgba(0,0,0,0.25);
    box-shadow: 1px 1px 16px 0px rgba(0,0,0,0.25);
    margin-bottom: 20px;
}
.notificationsBtn {
  justify-content: end;
  margin-top: 9px;
}
.eventsNotificationOff {
  display: none;
}
#coming-soon-modal .modal-header .form-group {
    margin: 15px 5px 20px !important;
    width: 100%;
}
#coming-soon-modal .modal-header .close {
    position: absolute;
    right: 12px;
    top: 12px;
    padding: 0px;
    margin: 0px;
}
#coming-soon-modal .modal-body .form-group {
    text-align: center;
}
#coming-soon-modal .modal-body .form-group img {
    width: auto !important;
    padding-bottom: 10px;
}
.profileBranding {
    position: relative;
}
.profileBranding::after {
    content: "";
    bottom: 0%;
    right: 0%;
    position: absolute;
    display: inline-block;
    background-color: #fff !important;
    border-radius: 50%;
    top: auto;
    margin-top: 0px;
    z-index: 9;
}
.profileBranding_large img {
    border: 3px solid !important;
}
.profileBranding_large::after {
    border: 2px solid;
    width: 32px;
    height: 32px;
    background-size: 18px !important;
    margin-bottom: 8px;
    margin-right: 2px;
}
.profileBranding_large2 img {
    border: 2px solid !important;
}
.profileBranding_large2::after {
    border: 2px solid;
    width: 24px;
    height: 24px;
    background-size: 14px !important;
    margin-bottom: 4px;
    margin-right: 2px;
}
.profileBranding_mid img {
    border: 2px solid !important;
}
.profileBranding_mid::after {
    border: 1px solid;
    width: 18px;
    height: 18px;
    background-size: 12px !important;
    margin-bottom: -2px;
    margin-right: 0px;
}
.profileBranding_small img {
    border: 2px solid !important;
}
.profileBranding_small::after {
    border: 1px solid;
    width: 12px;
    height: 12px;
    background-size: 6px !important;
    margin-bottom: -2px;
    margin-right: 2px;
}
.profileBranding.profileBranding_m img,
.profileBranding.profileBranding_m::after {
    border-color: #875701 !important;
}
.profileBranding.profileBranding_m::after {
    background: url('../img/profileBranding_m.png') center no-repeat;
}
.profileBranding.profileBranding_a img,
.profileBranding.profileBranding_a::after {
    border-color: #808285 !important;
}
.profileBranding.profileBranding_a::after {
    background: url('../img/profileBranding_a.png') center no-repeat;
}
.profileBranding.profileBranding_l img,
.profileBranding.profileBranding_l::after {
    border-color: #e79b05 !important;
}
.profileBranding.profileBranding_l::after {
    background: url('../img/profileBranding_l.png') center no-repeat;
}
.profileBranding.profileBranding_v img,
.profileBranding.profileBranding_v::after {
    border-color: #ed572f !important;
}
.profileBranding.profileBranding_v::after {
    background: url('../img/profileBranding_v.png') center no-repeat;
}
.userProfileFeedAll {
    padding: 25px 0px;
    border-bottom: 3px solid #fff;
}
.userDetails .userProfileFeedAll .rightPanText,
.connectionsRight.connectionsRightAll .globalFeedList .connectedInfo .rightPanText,
.myProfileLeftBtm .globalFeedList .connectedInfo .rightPanText {
    padding-right: 20px;
}
.connectionsRight.connectionsRightAll .connectionsAllDetails .connectionsAllDetailsTop {
    background: #FFF;
    padding: 30px;
    margin-top: -55px;
    margin-right: -33px;
}
.connectionsRight.connectionsRightAll .greenCountFeed,
.myProfileLeftBtm .greenCountFeed {
    position: relative;
    width: auto;
    margin-left: auto;
}
/*.profileActive::before {*/
/*    content: "";*/
/*    top: 0%;*/
/*    right: 0%;*/
/*    position: absolute;*/
/*    display: inline-block;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    background-color: #91d639;*/
/*    border-radius: 50%;*/
/*    margin-top: -2px;*/
/*    margin-right: 3px;*/
/*    z-index: 9;*/
/*}*/
.profileBranding.profileActive img,
.profileActive img {
    border: 2px solid #91d639 !important;
}
.autocom-box {
    width: calc(100% - 2px);
    background: #fff;
    position: absolute;
    z-index: 9999;
    top: 0px;
    margin-top: 43px;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25) !important;
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25) !important;
    padding: 5px 0px;
    border-radius: 0px 0px 21px 21px;
}
.searchEvents .input-group.search-input.active .form-control {
    border-radius: 21px 21px 0px 0px;
}
.autocom-box li {
  list-style: none;
  padding: 8px 24px;
  display: none;
  width: 100%;
  cursor: default;
}
.search-input.active .autocom-box {
  padding: 0px 0px 10px;
  opacity: 1;
  pointer-events: auto;
}
.autocom-box li:hover {
  background: #f2f2f2;
}
.search-input .autocom-box {
  padding: 0;
  opacity: 0;
  pointer-events: none;
  max-height: 280px;
  overflow-y: auto;
}
.search-input.active .autocom-box li {
  /*display: block;*/
  display: flex;
  justify-content: space-between;
}
.search-input.active .autocom-box li .suggestionsArrow {
    display: flex;
    align-items: center;
    margin-top: 1px;
}
.search-input.active .autocom-box li .suggestionsArrow img {
    cursor: pointer;
    /*width: 16px;*/
    /*height: 16px;*/
}
.search-input.active .autocom-box li .suggestionsArrow img.suggestionsArrow2 {
    width: 11px;
    height: 9px;
    margin-right: 14px;
}
.search-input.active .autocom-box li .suggestionsArrow img.suggestionsDel {
    width: 10px;
    height: 10px;
}
.search-input.active .autocom-box li .suggestionsArrow img.suggestionsInfo {
    width: 10px;
    height: 10px;
    margin-right: 14px;
}
.textTypeBox .emojionearea .emojionearea-button {
    opacity: 1;
}
.textTypeBox .emojionearea .emojionearea-button > div {
    width: 36px;
    height: 36px;
    top: 50%;
    margin-top: -18px;
    left: -4px;
}
.textTypeBox .emojionearea .emojionearea-button > div.emojionearea-button-open {
    background: url('../img/emoji_ic.png') no-repeat center !important;
    background-size: 36px !important;
}
.textTypeBox .emojionearea .emojionearea-button > div.emojionearea-button-close {
    background: url('../img/cross_ic.png') no-repeat center !important;
    background-size: 36px !important;
}
#almost-view-modal .modal-content {
    background: url("../img/wcPremiumPopBg.png") no-repeat center;
    background-size: cover;
    text-align: center;
    border-radius: 20px;
    border: none;
    padding: 100px 140px 60px;
}
.wcPremiumPopClose {
    position: absolute;
    position: absolute;
      top: -15px;
      right: -15px;
      border: 1px solid #ccc;
      border-radius: 50%;
      cursor: pointer;
}
.wcPremiumPopTitle {
    font-size: 30px;
  color: #3b71b9;
  font-weight: 700;
}
.wcPremiumPopText {
    color: #9b9b9b;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  margin: 15px 0px 35px;
}
.wcPremiumPopBtn {
    background-color: #3b71b9;
  color: #fff !important;
  width: 160px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  border-radius: 10px;
  margin: 0px auto;
}
.birthdayFeed {
    position: relative;
    margin-left: auto;
    margin-right: 8px;
    margin-top: -4px;
}
.leftrightHeading.feedTitleDynamic.globalFeedCenter {
    width: calc(100% - 170px);
  margin-left: 85px;
  text-align: center;
}
.birthdayFeedCenter {
    width: calc(100% - 80px);
  margin-right: 40px;
  text-align: center;
}
.wishCount {
    font-weight: 600;
  font-size: 16px;
  color: #91d639;
  margin: 4px 0px 0px;
}
.birthdayFeedDetails_form .whatForm .form-control {
    background-color: #fff !important;
}
.birthdayFeedDetails_form .whatForm {
    padding: 0px;
    margin-bottom: 15px;
}
.birthdayFeedDetails_form .birthdayDate {
    justify-content: center;
}
.birthdayFeedDetails_form .birthdayMonth {
    width: 165px;
}
.birthdayFeedDetails_form .birthdayDay {
    width: 85px;
    margin-left: 20px;
    margin-right: 0px;
}
.birthdayFeedTitle {
    font-size: 14px;
  color: #3b71b9;
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
  margin-top: -15px;
}
.birthdayFeedCardTitle {
    font-size: 14px;
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  text-align: center;
}
.birthdayFeedCardName {
    font-size: 22px;
  color: #3b71b9;
  font-weight: 700;
  text-align: center;
  line-height: 28px;
  margin-bottom: 20px;
}
.birthdayFeedCardImg,
.birthdayFeedCardImg img {
    width: 110px;
  height: 110px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0px auto;
}
.birthdayFeedCard .rightPanBtn {
    align-items: center;
}
.birthdayFeedCard .greenCountFeed {
    position: relative;
  margin: 0px auto;
}
.bdayFeed_loons {
    position: absolute;
    top: 50%;
    margin-top: -38px;
}
.bdayFeed_loons.bdayFeed_loonsLeft {
    left: 50%;
    margin-left: -140px;
}
.bdayFeed_loons.bdayFeed_loonsRight {
    right: 50%;
    margin-right: -140px;
}
.rightPan .globalFeedList.birthdayFeedCard {
    padding: 30px;
    position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.bdayFeed_flag {
    position: absolute;
    top: -2%;
}
.bdayFeed_flag.bdayFeed_flagLeft {
    left: -2%;
}
.bdayFeed_flag.bdayFeed_flagRight {
    right: -2%;
}
.notification_icOnOff {
    display:none;
}
.planPriceLeft .feedImg div,
.planPriceLeft .feedImg div img{
    width: 43px;
    height: 43px;
    object-fit: cover;
}
.mobileTitle {
    display: none;
}
.feedInfo p span.feedInfoBlock {
    width: 48px;
  display: inline-block;
}
.getOtp {
  height: 22px;
  margin-top: 0;
  position: relative;
  bottom: 32px;
  right: 0px;
  cursor: pointer;
  top: 50%;
}
.red_star {
    color: #f47458 !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  min-width: unset !important; /* Reset min-width */
  width: auto !important; /* Allow auto-width */
  max-width: 250px; /* Adjust the max-width as needed */
  font-size: 14px; /* Adjust the font size as needed */
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 50px; /* Adjust the width of the time picker components */
}

/*15-Jul-2024*/

.whatForm.whereFrom.summaryFrom .input-group.lifeEvent {
    margin-top: 6px;
}
.whatForm.whereFrom.summaryFrom .input-group.lifeEvent textarea.form-control {
    height: auto;
    padding: 10px 20px;
    border-radius: 14px;
}
.summaryText,
.summaryPersonName {
    font-weight: 400;
  font-size: 13px;
  color: #3b71b9;
  line-height: normal;
}
.summaryAll .summaryDetails {
    padding-left: 12px;
    margin-bottom: 12px;
}
.summaryAll .summaryDetails:last-child {
    margin-bottom: 0px;
}
.summaryPersonImg,
.summaryPersonImg img {
    width: 24px;
  height: 24px;
  border-radius: 50%;
}
.summaryPersonImg img {
  object-fit: cover;
  object-position: center center;
  border: 1px solid #3b71b9;
}
.summaryPerson {
    display: flex;
  align-items: center;
  width: fit-content;
  width: max-content;
  margin-bottom: 6px;
}
.summaryPersonName {
    margin-left: 6px;
}

/*15-Jul-2024 end*/

/*16-Jul-2024 start*/
   .no-click {
        pointer-events: none;
    }
/*16-Jul-2024 end*/

.summaryAll.summaryAllGallery .summaryAllGalleryCol {
    margin-top: 29.5px;
}
.summaryAll.summaryAllGallery .summaryAllGalleryCol:first-child {
    margin-top: 0px;
}



/*25-Jul-2024 start*/
.custom-dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}

.dropdown-container {
    position: relative;
}

.whatForm .dropdown-selected {
    display: flex;
  align-items: center;
    font-weight: 600;
  font-size: 16px;
  color: #000;
  border: none;
  /*background: url('../img/selectIcon.png') right 15px center no-repeat;*/
  background-color: #f8f8f8 !important;
  border-radius: 6px;
  height: 36px;
  padding-left: 45px;
  cursor: pointer;
}

.dropdown-options {
    display: none; /* Hide options initially */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #f8f8f8;
    border: 1px solid #a0a0a0;
    z-index: 99;
    max-height: 200px; /* Adjust as needed */
    overflow-y: auto;
    border-radius: 8px;
    padding: 4px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 12px;
}

.dropdown-option {
    padding: 1px 8px;
    cursor: pointer;
    font-weight: 600;
    color: #808080;
    display: flex;
  justify-content: space-between;
}

.dropdown-option:hover {
    background: #1967d2;
    color: #fff;
}

.icon-warning .offensive_word_report {
   cursor: pointer;
   width: 16px;
   margin-top: -6px;
}

.dropdown-option.selected {
    background-color: #f0f0f0; /* Highlight the selected option */
}

/*25-Jul-2024 end*/
option:hover {
  background: yellow;
}
.planPriceLeft.promoPriceLeft .feedImg div, 
.planPriceLeft.promoPriceLeft .feedImg div img {
  width: 64px;
  height: 64px;
  object-fit: cover;
}
.planPriceLeft.promoPriceLeft .profileBranding.profileBranding_m::after {
    margin-right: 2px;
}
.planPriceLeft.promoPriceLeft .planPriceLeftText {
    text-align: left;
}
.planPriceLeft.promoPriceLeft .planPriceLeftText .planPrice {
    font-size: 25px !important;
}
.planPriceLeft.promoPriceLeft .planPriceLeftText .planPriceTag {
    font-size: 18px !important;
}
.profileForm.promoFrom .form-control {
    text-align: left;
    color: #000;
    padding-right: 80px;
    font-size: 18px;
    height: 53px;
}
.profileForm.promoFrom .form-control::placeholder {
    font-size: 18px;
}
.promoApply {
    position: absolute;
  right: 0px;
  top: 0px;
  font-size: 18px;
  color: #3B71B9;
  font-weight: 600;
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
  width: 80px;
  justify-content: center;
}
.promoCalcAll {
    margin-top: 15px;
}
.promoCalc {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.promoCalcText {
    font-size: 18px;
  color: #B8B8B8;
}
.promoCalcBar {
    width: 100%;
  height: 1px;
  background: #B8B8B8;
  margin: 10px 0px 0px;
}
.promoCalc.promoCalcTotal .promoCalcText {
    color: #000;
    font-weight: 600;
}
.promoCalc.promoCalcDiscount .promoCalcText {
    color: #F47458;
}
.promoCalc.promoCalcTotal {
    margin-bottom: 40px;
}
.form-group-promo .form-group-promoBlock {
    border: 1px solid #3B71B9;
  height: 53px;
  border-radius: 6px;
  width: 100%;
  background-color: rgba(59, 113, 185, 0.1);
  padding: .375rem 60px;
}
.form-group-promo .form-group-promoBlock .promoBlockText1 {
    font-size: 18px;
  font-weight: 500;
  color: #000;
  line-height: normal;
}
.form-group-promo .form-group-promoBlock .promoBlockText2 {
    color: rgb(184, 184, 184);
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
}
.promoApply.promoRemove_ic,
.promoApply.promoAdd_ic {
    width: 60px;
}
.promoApply.promoAdd_ic {
      left: 0;
      right: auto;
      cursor: auto;
}
.promoOff {
    display: none;
}































@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

/* 26-Sep-2022 */
@media (min-width: 951px) {
  .innerBodyModify .settingFlip .leftSlidePan {
    width: 310px !important;
  }
  .innerBodyModify .settingFlip .midPan {
    width: calc(100% - 310px);
    margin-left: 310px;
  }
  .innerBodyModify .leftPan {
    padding-right: 15px;
  }
}

@media (min-width: 768px) {
  .innerBodyModify .settingFlip .infoBodyRow,
  .innerBodyModify .settingFlip .leftSlidePan {
    margin-top: 15px;
  }
  .innerBodyModify .connectionsBody.infoBodyRight {
    height: auto !important;
    margin-left: 0px;
  }
}
/* End 26-Sep-2022 */

@media (max-width: 1550px) {
  .bannerImage {
    width: 160%;
    margin-left: -30%;
    margin-top: -15%;
  }
  .bdayFeed_flag {
      width: 40%;
  }
}
@media (max-width: 1320px) {
  .feedbackStar .rangeslider--horizontal {
    width: 260px;
  }
  .feedbackStar .rangeslider--horizontal,
  .feedbackStar .rangeslider__fill {
    background-size: 260px;
  }
  .bannerImage {
    width: 145%;
    margin-top: -20%;
  }
}

@media (max-width: 1249px) {
  .myEvenntsAll {
    display: block;
  }
  .whatForm.whatFormBtnAll {
    padding: 0px 30px;
  }
}

@media (max-width: 1199px) {
  #hero h1,
  #hero h1 span.bannerHeading3 {
      font-size: 50px;
      line-height: 44px;
  }
  #hero h1 .heroTitleHeight:nth-child(2),
  #hero h1 .heroTitleHeight:nth-child(6),
  #hero h1 .heroTitleHeight:nth-child(7) {
      line-height: 38px;
  }
  #hero h1 .heroTitleHeight:nth-child(4) {
   margin-top: -7px;
  }
  #hero h1 span.bannerHeading2 {
    font-size: 40px;
  }
  .platformFont4, #contactUs.platform h2 {
    font-size: 52px;
    line-height: 46px;
  }
  .bannerText2 {
    font-size: 18px;
    line-height: 28px;
    width: 520px;
  }
  .bannerImage {
    width: 160%;
    margin-top: -25%;
  }
  .btn-get-started {
    font-size: 20px;
    height: 52px;
    min-width: 200px;
  }
  .bannerBtn {
      margin-top: 30px;
  }
  .platformSmallFont {
    font-size: 24px;
    margin-bottom: -5px;
  }
  .platform h2,
  .platformFont2 {
    font-size: 38px;
    line-height: 40px;
  }
  .platformFont3 {
    font-size: 85px;
    line-height: 76px;
  }
  #testimonials .bx-wrapper {
    max-width: 755px !important;
    margin-left: auto;
    margin-right: auto;
  }
  .subscribeTitle {
    font-size: 34px;
    line-height: 40px;
  }
  .videoTitle2 {
    font-size: 38px;
  }
  .homeAboutTextVideo2 {
    font-size: 20px;
  }
  .footerDetailsAddress {
    font-size: 14px;
  }
  .footerDetailsText {
    font-size: 15px;
  }
  .footerDetailsEmail {
    padding-bottom: 4px;
  }
  .whatFormBtn {
    padding: 6px;
    font-size: 14px;
  }
  .feedbackStar .rangeslider--horizontal {
    width: 239px;
  }
  .feedbackStar .rangeslider--horizontal,
  .feedbackStar .rangeslider__fill {
    background-size: 239px;
  }
  /* 15-Sep-2022 */
  .addBankBackIcon {
    /*width: 12% !important;*/
    width: auto;
  }
  .homeTitleLeftIcon {
    margin-left: -45%;
  }
  .homeTitleRightIcon {
    margin-right: -45%;
  }
  .reverseLookupResult .addBankBackIcon {
    margin-left: 4%;
    margin-top: 0px;
  }
  .addBankBackIcon img {
    width: auto;
  }
  /* 15-Sep-2022 End */
  .connectionsRight.connectionsRightAll .connectionsAllDetails .connectionsAllDetailsTop {
      padding: 30px;
  }
}

@media (max-width: 1024px) {
  #hero {
    background: none;
  }
  .bannerImage {
    /*display: block;*/
    width: auto;
    margin: 0px;
  }
  .bannerImage img {
    width: 145%;
    max-width: none;
    margin-left: -30%;
    margin-top: -25%;
  }
  #hero .heroCol {
    z-index: 9;
  }
  /* 15-Sep-2022 */

  .addBankBackIcon {
    margin-top: 30px !important;
  }

  /* 15-Sep-2022 End */
}

@media (max-width:991px) {
  #hero h1 {
    margin-top: 50px;
  }
   #hero h1, #hero h1 span.bannerHeading3 {
    font-size: 38px;
    line-height: 32px;
  }
   #hero h1 span.bannerHeading2 {
    font-size: 28px;
  }
  #hero h1 .heroTitleHeight:nth-child(4) .bannerHeading3 {
      font-size: 20px;
    }
     #hero h1 .heroTitleHeight:nth-child(2) {
    line-height: 34px;
  }
  #hero h1 .heroTitleHeight:nth-child(3) {
      line-height: 26px;
    }
  #hero h1 .heroTitleHeight:nth-child(5) {
      line-height: 36px;
    }
    #hero h1 .heroTitleHeight:nth-child(6), #hero h1 .heroTitleHeight:nth-child(7) {
        line-height: 30px;
    }
    #hero h1 .heroTitleHeight:nth-child(4) {
    margin-top: -6px;
  }
  #hero {
    min-height: 714px;
  }
  .platformFont2 {
    line-height: 46px;
  }
  .platformFont4 {
    font-size: 48px;
  }
  #contactUs.platform h2 {
    line-height: 44px;
  }
  .bannerText2 {
    font-size: 14px;
    line-height: 20px;
    width: 400px;
  }
  .btn-get-started {
    font-size: 16px;
    min-width: 215px;
    text-align: center;
  }
  /* #homeAbout {
    padding-top: 60px;
  } */
  .abtBtn .btn-get-started {
    margin-top: 10px;
  }
  #platform .platformOnly .platformImg {
    border-bottom: 3px solid #1a2237;
    width: 100%;
  }
  .platform .platformOnly .platformRow h2 {
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
  #testimonials .bx-wrapper {
    max-width: 370px !important;
  }
  .subscribeForm {
    margin-top: 30px;
  }
  .googleMap {
    height: 400px;
  }
  .footerDetailCol, .footerMenuCol {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
  .footerMenuCol {
    margin-top: 60px;
  }
  .footerBottom .copyblink .copyright, .footerBottom .copyblink .bottomlink {
    text-align: center;
  }
  #testimonials {
    margin-top: 0px;
    padding-bottom: 0px;
  }
  .contactForm {
    margin-top: 30px;
  }
  .bannerImage img {
    width: 150%;
    margin-top: -40%;
  }
  #sidebar.sidebarMenu {
    min-width: 300px;
    max-width: 300px;
  }
  #sidebar.sidebarMenu {
    margin-left: -300px;
  }
  #sidebar.sidebarMenu.active {
    margin-left: 0px;
  }
  .feedbackStar .rangeslider--horizontal {
    width: 216px;
  }
  .feedbackStar .rangeslider--horizontal,
  .feedbackStar .rangeslider__fill {
    background-size: 216px;
  }

  /* 15-Sep-2022 */

  .NotificationsAll.lifeDraftNotif {
    right: 5%;
  }

  /* 15-Sep-2022 End */
  .centerBlock {
      display: flex;
      justify-content: center;
  }
  .titleTextMarger {
      display: flex;
  }
  .vidImg {
      margin-left: 0px;
      text-align: center;
  }
  .mobileTitle {
    display: block;
  }
  .destopTitle {
    display: none;
  }
    .loginClose {
        margin-top: 30px;
        margin-right: 30px;
    }
    .loginClose img {
        width: 52px;
    }
}

@media (max-width: 950px) {
  .innerHeader {
    background-color: #fff;
    /* -webkit-box-shadow: 0px -4px 15px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px -4px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px -4px 15px 0px rgba(0, 0, 0, 0.25); */
    padding: 20px 0px;
    margin-bottom: 0px;
  }
  .innerHeaderIcon li:nth-child(1) {
    display: none !important;
  }
  .innerHeaderIcon li {
    width: 18.76%;
    margin: 0px;
    /* text-align: center; */
  }
  .headerNotificationsTab {
    width: calc(100% - 30px);
  }
  .innerHeaderIcon {
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: 0px;
  }
  .rightPan, .midPan, .leftPan {
    padding-left: 30px;
    padding-right: 30px;
    border: none;
  }
  .connectionFlip .connectionsLeft {
      border-radius: 12px;
  }
  .connectionFlip .leftSlidePan, .settingFlip .leftSlidePan {
    width: 100% !important;
    padding: 0px 30px;
  }
  .connectionFlip .leftPan, .connectionFlip .midPan {
    padding-left: 0px;
    padding-right: 0px;
  }
  .connectionFlip .leftPan,
  .connectionFlip .connectionsAllDetailsBody,
  .settingFlip .connectionsBody.settingBodyRight,
  .settingFlip .connectionsBody.bankDetails,
  .settingFlip .connectionsBody.passDetails,
  .settingFlip .connectionsBody.securityBg,
  .settingFlip .connectionsBody.blockBg,
  .settingFlip .connectionsBody.linkAcc,
  .settingFlip .connectionsBody.msgSettingBg,
  .settingFlip .connectionsBody.infoBodyRight {
    -webkit-box-shadow: 0px 3px 15px 0px rgba(184, 184, 184, 0.53);
    -moz-box-shadow: 0px 3px 15px 0px rgba(184, 184, 184, 0.53);
    box-shadow: 0px 3px 15px 0px rgba(184, 184, 184, 0.53);
  }
  .connectionFlip .midPan {
    background: #f7f8f9 url("../img/innerBg.png") no-repeat center top;
    border: 0px;
    margin: 0px 30px !important;
  }
  .connectionFlip .connectionsAllDetailsBody {
    background-color: #f7f8f9;
    border-radius: 12px;
    margin: 30px 20px 20px;
  }
  .connectionFlip .connectionsRight {
    padding: 30px 0px 0px;
    /* margin: 0px 30px; */
  }
  .connectionsBody {
    box-shadow: none;
  }
  .connectionTitleResponsive {
    text-align: center;
    margin-bottom: 18px;
    margin-top: 20px;
    display: block
  }
  .settingBody {
      margin-top: 30px;
  }
  .settingFlip .connectionsBody.settingBodyRight {
    padding: 30px 30px 0px;
    margin-left: 0px;
  }
  .settingFlip .leftSlidePan {
    margin-top: -30px;
    padding-bottom: 40px;
  }
  .profileForm.bankForm .btn-Edit {
    margin-bottom: 15px;
  }
  .settingFlip .connectionsBody.bankDetails,
  .settingFlip .connectionsBody.passDetails,
  .settingFlip .connectionsBody.securityBg,
  .settingFlip .connectionsBody.blockBg,
  .settingFlip .connectionsBody.linkAcc,
  .settingFlip .connectionsBody.msgSettingBg,
  .settingFlip .connectionsBody.infoBodyRight {
    margin-left: 0px;
  }
  .messageBodyOnly {
    border-top: 1px solid #d2d2d2;
  }
  .messageRight.midPan {
    width: 100% !important;
    padding: 0px;
  }
  .leftSlidePan.messageLeft.closePan {
    left: -100%;
    z-index: 1;
  }
  .leftSlidePan.messageLeft {
    width: 100% !important;
  }
  .messageHeader {
    padding: 11px 30px;
  }
  .msgBody .msgBodyContain {
    padding: 0px 40px;
  }
  .leftSlidePan.messageLeft .panelslideOpenButton {
    /*top: 49px;*/
  }
  .textTypeBox {
    padding: 15px 13px 15px 15px;
  }
  .msgPerson {
    margin: 0px 40px;
  }
  .settingBody .leftSlidePan .panelslideOpenButton {
    /*top: 15px;*/
  }
  .alphabaticallyDetails {
    padding: 14px 30px;
  }
  .connectionsLeft .connectionsTab.nav-tabs .nav-link {
    padding: 10px 30px 15px 30px;
  }
   .addPersonMsg {
      left: auto;
      right: 0px;
      bottom: 0px;
      margin-left: 0px;
      margin-bottom: 35px;
      margin-right: 40px;
  }
  .leftSlidePan.closePan .addPersonMsg {
      display: none;
  }
  .headerAvtar {
    justify-content: space-around !important;
  }
  .myEvenntsAll {
      display: flex;
  }
  .eventList .connectionsDetailsInfoName,
  .innerBodyOnly.homeBody .leftSlidePan .matchCountHold,
  .innerBodyOnly.homeBody .rightSlidePan .searchGlobalFeed.messageLeft  {
    margin-top: 20px;
  }
  .innerBodyOnly.homeBody .leftSlidePan,
  .innerBodyOnly.homeBody .rightSlidePan {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .settingLeftTitle {
    padding-top: 15px;
  }
  .lifeEventMenu {
    margin-top: 20px;
  }
  .feedbackStar .rangeslider--horizontal {
    width: 305px;
  }
  .feedbackStar .rangeslider--horizontal,
  .feedbackStar .rangeslider__fill {
    background-size: 305px;
  }
  .NotificationsAll {
    right: 24%;
  }

  /* 26-Sep-2022 */
  .innerBodyModify .settingFlip .leftSlidePan {
    margin-top: -15px;
  }
  .innerBodyModify .settingFlip .leftSlidePan {
    padding-bottom: 60px;
  }
  /* End 26-Sep-2022 */
  
  .eventColHeading {
    max-width: 100%;
    line-height: normal;
    min-height: 40px;
    height: auto !important;
  }
  .connectionsDetailsInfo.matchCountHold {
    /*padding-bottom: 0px;*/
  }
  .myFilterAll {
      z-index: 99;
  }
  .reverseLookupResult.searchFeedOnly .addBankBackIcon {
      margin-top: -2px !important;
  }
  .reverseLookupResult .addBankBackIcon {
      margin-top: 4px !important;
  }
  .connectionsRight.connectionsRightAll .connectionsAllDetails .connectionsAllDetailsTop {
      margin-right: 0px;
     margin-left: 0px;
     margin-top: -10px;
  }
  .bdayFeed_flag {
      width: auto;
  }
}

@media (max-width: 768px) {
  #hero {
    min-height: 100vh;
  }
  #hero .container {
    /* padding-top: 60px; */
  }
  /*#hero h1 {*/
  /*  font-size: 32px;*/
  /*  line-height: 38px;*/
  /*  margin-top: 0px;*/
  /*}*/
  .portfolio-details .portfolio-info {
    position: static;
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
    #hero .platformRow {
        /*flex-direction: column-reverse;*/
    }
  .testimonials {
    margin: 30px 10px;
  }
  .btn-get-started {
    /*font-size: 12px;*/
  }
  #hero h1 {
    margin-top: 30px;
  }
  .centerBlockPhone {
        display: flex;
        justify-content: center;
  }
  .platformFont4 {
    font-size: 40px;
  }
  .platformFont3 {
    font-size: 75px;
    line-height: 60px;
  }
  .homeAboutText {
    font-size: 14px;
    line-height: 20px;
  }
  .testimonialAvtarBody .homeAboutText .testtext {
      height: 180px;
    }
  .logo2 {
    padding-left: 114px !important;
    width: 235px;
  }
  .logo1 {
    width: 95px;
  }
  .headerRight img {
    width: 32px;
  }
  .headerRight a:first-child {
    margin-right: 5px;
  }
  .bannerText2 {
    font-size: 13px;
    line-height: 17px;
    margin-top: 12px;
    margin-bottom: 12px;
    width: 380px;
  }
  .bannerBtn {
    margin-top: 10px;
  }
  .btn-get-started img {
    width: 16px;
  }
  .btn-get-started {
    /*padding: 10px 16px !important;*/
    /*width: 160px;*/
    /*text-align: center;*/
    /*margin: 5px 0px;*/
  }
  #hero {
    min-height: 515px;
  }
  .servicesTab img {
    width: 80px;
    height: 75px;
  }
  .sqr {
    top: -80px;
  }
  .sqr img {
    width: 80px;
  }
  .servicesTab:hover .eventInfoVideo .servicesTabText {
      height: 75px !important;
  }
  .servicesTab img.videoBtn {
      bottom: 8px !important;
    width: 22px !important;
    height: 22px !important;
    margin-right: -11px !important;
  }
  #testimonials {
    margin: 0px;
  }
  .footerDetailCol, .footerMenuCol {
    max-width: 540px;
  }
  .copyblink {
    font-size: 14px;
  }
  .bannerImage img {
    max-width: 100%;
    width: 100%;
    margin: 0px;
  }
  .bannerImage {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .connectionsBody.bankDetails,
  .connectionsBody.passDetails,
  .connectionsBody.linkAcc,
  .connectionsBody.msgSettingBg {
    padding-left: 55px;
    padding-right: 55px;
  }
  .myEvenntsAll {
    display: block;
  }
  .personalImgAll {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 40px;
  }
  .feedbackImg img {
    margin-top: 15px;
  }
  .midHightControl .feedbackRight.windowHeight.windowHeightMid {
    height: auto !important;
  }

  /* 26-Sep-2022 */
  .innerBodyModify .connectionsBody.feedbackRight {
    margin-left: 15px;
    margin-bottom: 15px;
  }
  .innerBodyModify .connectionsBody.feedbackEventImg {
    height: auto !important;
    margin: 15px 15px 30px;
  }
  .innerBodyModify .personalImgTitle {
    margin-top: 0px;
  }

  /* End 26-Sep-2022 */
  
  .perEvent {
      margin: 26px 10px !important;
    }
    .userDetails .userProfileFeedAll .userConnectDetails {
        display: block;
    }
    .userDetails .userProfileFeedAll .userConnectDetailsLeft {
        width: 100%;
        padding-right: 0px;
    }
    .userDetails .userProfileFeedAll .userConnectDetailsRight {
        margin-top: 30px;
    }
}

@media (max-width:662px) {
  .perEvent {
    margin: 26px 27px !important;
  }
}

@media (max-width:575px) {
  .loginTextBelow {
      width: auto;  
  }
  .homeAbout {
      margin-top: 0;
  }
  #hero {
    min-height: 470px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 70px;
  }
  #hero h1 {
    margin-top: 45px;
  }
  .footerDetailCol, .footerMenuCol {
    max-width: 94%;
  }
  .videoTitle2 {
    font-size: 32px;
  }
  #contactUs.platform h2 {
    line-height: 40px;
  }
  .vidImg {
    margin-left: -25px;
  }
  .profileTop .connectionsDetailsInfoName {
    font-size: 24px;
    line-height: 26px;
  }
  .profileTop .connectionsDetailsInfoEvents span {
    font-size: 24px;
  }
  .contactForm .form-inline .form-group {
    padding-left: 0px;
  }
  .contactForm .form-inline .form-control {
    width: 100%;
  }
  .connectionsBody.bankDetails,
  .connectionsBody.passDetails,
  .connectionsBody.securityBg,
  .connectionsBody.blockBg,
  .connectionsBody.linkAcc,
  .connectionsBody.msgSettingBg {
    padding-left: 30px;
    padding-right: 30px;
  }
  .bankcardTab .nav-item .nav-link, .bankcardTab .nav-item .nav-link.active, .bankcardTab .nav-item .nav-link:hover, .bankcardTab .nav-item .nav-link:focus {
    width: 115px;
  }
  .securityBg .linkAccountList {
    padding: 2px 15px 50px 15px !important;
  }
  .blockBg .linkAccountList,
  .linkAccNoti .linkAccountList,
  .linkAcc .linkAccountList {
    padding: 5px 10px 45px 10px !important;
  }
  .perEvent {
    	margin: 26px 24px !important;
    }
    .reverseLookupResult.searchFeedOnly .addBankBackIcon {
        width: 60px;
        margin-right: 0px !important;
    }
    .reverseLookupResult.searchFeedOnly .connectionsAllDetailsTop .connectionsDetailsInfo {
        width: 100% !important;
    }
    .loginClose img {
        width: 38px;
    }
  .centerBlockPhone {
   display: block;   
  }
  .bannerBtn {
      display: block;
      margin-top: 22px;
  }
  .bannerBtn .btn-get-started:last-child {
      margin-left: 0px;
  }
}

@media (max-width:554px) {
  .perEvent {
    margin: 26px 13px !important;
  }
}

@media (max-width:500px) {
     .platform h2, .platformFont2 {
        font-size: 30px;
        line-height: 34px;
      }
      .platformSmallFont {
        font-size: 22px;
        margin-bottom: -3px;
      }
}

@media (max-width:489px) {
  #hero {
    min-height: 456px;
  }
  .bannerText2 {
      width: 100%;
  }
  .appStoreAll li img {
    width: 158px;
  }
  .connectionsAvtarDetails {
      padding: 0px 10px;
  }
  .connectionsMsg {
      margin: 0px 10px 0px 7px;
  }
  .settingFlip .leftPan {
    padding: 0px;
  }
  .settingMenu {
    padding-left: 15px;
  }
  .profileTop .connectionsDetailsInfoName {
    font-size: 22px;
    line-height: 22px;
  }
  .profileTop .connectionsDetailsInfoEvents span {
    font-size: 22px;
  }
  .bankcardTab .nav-item .nav-link, .bankcardTab .nav-item .nav-link.active, .bankcardTab .nav-item .nav-link:hover, .bankcardTab .nav-item .nav-link:focus {
    width: 90px;
    padding: 5px;
  }
  .blockBg .linkAccountList li {
    /* display: block; */
  }
  .blockBg .unblockText {
    text-align: right;
  }
  .perEvent {
    margin: 26px 8px !important;
  }
  .feedbackStar .rangeslider--horizontal {
    width: 246px;
  }
  .feedbackStar .rangeslider--horizontal,
  .feedbackStar .rangeslider__fill {
    background-size: 246px;
  }
  .NotificationsAll {
    right: 10%;
  }
  .reverseLookupResult.searchFeedOnly .addBankBackIcon .greenCountFeed {
      left: auto !important;
    margin-left: 8px !important;
    margin-top: 54px !important;
  }
  .reverseLookupResult.searchFeedOnly .addBankBackIcon {
      margin-top: -18px !important;
      margin-right: 8px !important;
    }
  .connectionsAllDetailsTop {
    display: block;
  }
  .connectionsDetailsAvtarImg,
  .connectionsAllDetailsTop .connectionsDetailsInfo {
    margin: 0px auto !important;
  }
  .connectionsAllDetailsTop .connectionsDetailsInfo,
  .btn-following {
    width: 100%;
  }
  .btn-following {
    margin-right: 0px;
  }
  .profileTop .connectionsDetailsInfo {
    /*text-align: center;*/
    margin-top: 20px !important;
  }
  .userProfileFeedAll .userConnectedInfo .connectedInfo {
      display: block;
      position: relative;
  }
  .userDetails .userProfileFeedAll .rightPanText {
      padding: 10px 0px;
  }
  .userDetails .userProfileFeedAll .connectedInfo p {
      font-size: 14px;
  }
  .userDetails .userProfileFeedAll .greenCountFeed {
      position: absolute;
        right: 0;
        top: 4px;
  }
  .userDetails .userProfileFeedAll .userConnectDetailsRight {
      width: 100%;
    }
}

@media (max-width:458px) {
  .perEvent {
    margin: 26px 10px !important;
  }
  .perEvent img {
    width: 95px;
  }
  #hero h1, #hero h1 span.bannerHeading3 {
    font-size: 36px;
    line-height: 30px;
  }
  #hero h1 .heroTitleHeight:nth-child(2) {
    line-height: 36px;
  }
   #hero h1 .heroTitleHeight:nth-child(3) {
    line-height: 24px;
  }
  #hero h1 .heroTitleHeight:nth-child(4) {
    margin-top: -3px;
  }
  #hero h1 .heroTitleHeight:nth-child(5) {
    line-height: 34px;
  }
  .bdayFeed_flag {
      width: 40%;
  }
}

@media(max-width:413px) {
  .logo1 {
    width: 70px;
  }
  .logo2 {
    padding-left: 90px !important;
    width: 185px;
  }
  .headerRight {
    margin-top: -4px;
  }
  .headerRight img {
    width: 20px;
  }
  .headerRight a:first-child {
    margin-right: 0px;
  }
  #header .header-container {
    padding: 8px 0px;
  }
   #hero h1, 
   #hero h1 span.bannerHeading3 {
    font-size: 26px;
    line-height: 22px;
  }
   #hero h1 span.bannerHeading2 {
    font-size: 20px;
  }
   #hero h1 .heroTitleHeight:nth-child(4) .bannerHeading3 {
    font-size: 16px;
  }
   #hero h1 .heroTitleHeight:nth-child(2) {
    line-height: 32px;
  }
   #hero h1 .heroTitleHeight:nth-child(3) {
    line-height: 18px;
  }
   #hero h1 .heroTitleHeight:nth-child(4) {
    margin-top: 2px;
  }
  #hero h1 .heroTitleHeight:nth-child(6) {
    line-height: 20px;
  }
  #hero h1 .heroTitleHeight:nth-child(7) {
    line-height: 30px;
  }
  .platformSmallFont {
    font-size: 18px;
    margin-bottom: -2px;
  }
  .platform h2,
  .platformFont2 {
    font-size: 22px;
    line-height: 28px;
  }
  .platformFont4 {
    font-size: 34px;
    line-height: 36px;
  }
  .platformFont3 {
    font-size: 65px;
    line-height: 56px;
  }
  .appStoreAll li {
    margin: 0px 5px;
  }
  .appStoreAll li img {
    width: 130px;
  }
  .vidImg {
    margin-left: -20px;
  }
  .subscribeTitle {
    font-size: 28px;
    line-height: 34px;
  }
  .videoTitle2 {
    font-size: 30px;
  }
  .homeAboutTextVideo2, .videoPresentationBtn {
    font-size: 16px;
  }
  .videoPresentationBtn img {
    width: 75px;
  }
  .videoTitle2 {
    font-size: 26px;
  }
  #contactUs.platform h2 {
    line-height: 32px;
    font-size: 40px;
  }
  .subscribeTitle {
    font-size: 25px;
    line-height: 30px;
  }
  .subscribeForm .form-control {
    padding: 10px 5px 10px 30px;
  }
  .subscribeForm .form-control::placeholder {
    font-size: 12px;
  }
  .copyblink {
    font-size: 13px;
  }
  .bannerText2 {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 15px;
  }
  .rightPan, .midPan, .leftPan {
    padding-left: 15px;
    padding-right: 15px;
  }
  .connectionFlip .midPan {
    margin: 0px 15px !important;
  }
  .connectionsAllDetailsBody {
    padding: 20px;
  }
  .connectionFlip .connectionsAllDetailsBody,
  .msgPerson {
    margin-left: 15px;
    margin-right: 15px;
  }
  .connectionFlip .leftSlidePan,
  .connectionsLeft .connectionsTab.nav-tabs .nav-link,
  .alphabaticallyDetails,
  .messageHeader,
  .msgBody .msgBodyContain,
  .textTypeBox,
  .tabMsgPadding,
  .messageLeft .nav-tabs.connerctMatched,
  .settingFlip .leftSlidePan {
    padding-left: 15px;
    padding-right: 15px;
  }
  .connectionsAvtarId {
    font-size: 12px;
    line-height: 16px;
  }
  .connectionsAvtarName {
    font-size: 14px;
  }
  .messageHeader .connectionsAvtarDetails {
    padding-left: 10px;
    padding-right: 10px;
  }
  .messageHeader .connectionsAvtarName {
    font-size: 14px;
    line-height: 18px;
  }
  .msgHeadingVideo {
    margin: 0px 15px 0px 20px;
  }
  .messageLeftTitle {
    font-size: 26px;
  }
  .connectionsDetailsInfo {
    margin-top: 15px !important;
  }
  .infoBodyRight .infoBodyCol:nth-child(2) {
    padding: 40px 30px 55px;
  }
  .logOut, .logOut:hover {
    margin-left: 0px;
  }
  .infoBodyRight .infoBodyCol:nth-child(2).donteCol {
    padding: 40px 0px 0px;
  }
  .donateFormOnly {
    padding-left: 30px;
    padding-right: 30px;
  }
  .bankcardTab .nav.nav-tabs {
    display: block;
  }
  .bankcardTab .nav-item .nav-link, .bankcardTab .nav-item .nav-link.active, .bankcardTab .nav-item .nav-link:hover, .bankcardTab .nav-item .nav-link:focus {
    width: 100%;
    margin-bottom: 15px;
  }
  .bankDetailsTitle {
    font-size: 22px;
  }
  .bankDetailsTitle2 {
    font-size: 16px;
  }
  .profileForm.bankForm .btn-Edit {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .blockBg .linkAccountList li span,
  .blockBg .unblockText,
  .linkAccountTitle,
  .settingMenu .settingMenuLi .settingMenu {
    font-size: 18px;
  }
  .linkAccNoti .linkAccountList li span,
  .securityBg .linkAccountList li span,
  .linkAcc .linkAccountList li span,
  .msgSettingBg .linkAccountList li span {
    font-size: 16px !important;
  }
  .settingLeftTitle {
    font-size: 24px;
  }
  .connectionsAvtarImg,
  .connectionsAvtarImg img {
    height: 40px;
    width: 40px;
  }
  .alphabaticallyConnections {
    width: 35px;
    height: 35px;
    font-size: 26px;
  }
  .messageHeader .connectionsAvtarImg, .messageHeader .connectionsAvtarImg img {
    height: 45px;
    width: 45px;
  }
  .chatPersonBox .connectionsAvtarImg, .chatPersonBox .connectionsAvtarImg img {
    height: 35px;
    width: 35px;
  }
  .chatTextAll {
    width: calc(100% - 40px);
  }
  .msgHeadingCall img {
    width: 18px;
  }
  .msgHeadingVideo img {
    width: 24px;
  }
  .msgHeadingDots img {
    width: 4px;
  }
  .connectionsCall {
    width: 20px;
  }
  .connectionsMsg {
    width: 20px;
    margin: 0px 12px 0px 9px;
  }
  .connectionsAvtarInfoCount {
    font-size: 12px;
    height: 22px;
    width: 34px;
  }
  ..alphabaticallyCount {
    font-size: 13px;
    height: 24px;
    width: 42px;
  }
  .feedbackStar .rangeslider--horizontal {
    width: 230px;
  }
  .feedbackStar .rangeslider--horizontal,
  .feedbackStar .rangeslider__fill {
    background-size: 230px;
  }
  .NotificationsAll {
    right: 50%;
    margin-right: -163px;
  }
  .testimonialAvtarBody .homeAboutText .testtext {
    height: 240px;
  }
}

@media (max-width:489px) {
  .perEvent span {
    font-size: 14px !important;
  }
}
@media (max-width:383px) {
  .perEvent {
    margin: 10px 4px !important;
  }
  .perEvent img {
    width: 85px;
  }
  .eventList .connectionsDetailsInfoName {
      font-size: 20px !important;
  }
  .eventList .connectionsDetailsInfoEvents span {
      font-size: 18px !important;
  }
}


@media (min-width: 1500px) {
  #hero {
    background: url("../img/bannerbg-1.webp") no-repeat right top -50px;
    background-size: 100% auto;
  }
}
@media (min-width: 1651px) {
  #hero {
    background: url("../img/bannerbg-1.webp") no-repeat right top -65px;
    background-size: 100% auto;
  }
  .homeAbout {
    margin-top: 200px;
  }
}
@media (min-width: 1801px) {
  #hero {
    background: url("../img/bannerbg-1.webp") no-repeat right top -80px;
    background-size: 100% auto;
  }
  .homeAbout {
    margin-top: 250px;
  }
}

/* 12-Sep-2022 */
.homeTitleLeftIcon {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -37%;
  margin-top: 5px;
  z-index: 9;
}
.homeTitleRightIcon {
  position: absolute;
  top: 0;
  right: 50%;
  margin-right: -37%;
  margin-top: 5px;
  z-index: 9;
}
.mainCenterOpen {
  position: relative;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventUserConnect {
  background: #fff url("../img/lifeEventUserConnect.png") no-repeat left 20px center;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventUserConnect.lifeEventMenuLiActive {
    background: #fff url("../img/lifeEventUserConnect-a.png") no-repeat left 20px center;
}
.formGame {
  background: #fff url('../img/formGame.png') no-repeat left 17px center !important;
}
.formTeam {
  background: #fff url('../img/formTeam.png') no-repeat left 17px center !important;
}
.formUser {
  background: #fff url('../img/formUser.png') no-repeat left 17px center !important;
}
.formTag {
  background: #fff url('../img/formTag.png') no-repeat left 17px center !important;
}
.selectCenterWithIcon2 {
  padding-left: 50px;
  padding-right: 50px;
}
.selectCenterWithIcon::after {
    content: "";
    width: 11px;
    height: 5px;
    background: url('../img/selectIcon.png') right center no-repeat;
    top: 50%;
    right: 15px;
    margin-top: 12px;
    position: absolute;
    display: inline-block;
}
.tagText {
  font-size: 14px;
  color: #b8b8b8;
  text-align: center;
  margin: 30px auto 0px;
  width: 74%;
}

/* End 12-Sep-2022 */


/* 15-Sep-2022 */
.tagSearchState {
    background: url('../img/formState-w.png') no-repeat left center;
}
.tagSearchTag {
    background: url('../img/formTag-w.png') no-repeat left center;
}
.tagSearchTitle {
  font-weight: 700;
  font-size: 18px;
  color: #3b71b9;
  text-align: center;
}
.tagSearchFilterOnly {
  position: relative;
  color: #3b71b9;
  background: #f2f2f2;
  width: fit-content;
  padding: 3px 10px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  margin: 0px 10px;
}
.tagSearchFilterOnly:first-child {
  margin-left: 0px;
}
.tagSearchFilterOnly:last-child {
  margin-right: 0px;
}
.tagFilterremove {
  position: absolute;
  top: -6px;
  right: -6px;
  cursor: pointer;
}
.tagSearchFilterAll {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reverseLookupResult .matchHolder.tagSearchFilter {
  padding: 12px 20px !important;
  margin-bottom: 30px;
}
.lifeDraftLi .lifeEventMenuLink {
  padding: 14px 12px 14px 30px;
}
.midPan.lifeDraftLiMidPan {
  width: calc(100% - 600px);
}
.wcGreen {
  color: #91d639 !important;
}
.wcGray {
  color: #b8b8b8 !important;
}
.lifeDraftResult li {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
}
.lifeDraftResult li span {
  color: #3b71b9;
}
.editBtn {
  font-weight: 700;
  font-size: 17px;
  color: #b8b8b8 !important;
  background-color: #f2f2f2;
  border-radius: 0px;
  padding: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.editBtn.deleteBtn {
  background-color: #f47458;
  color: #fff !important;
}
.editDeleteBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lifeDraftCount {
  font-weight: 700;
  font-size: 14px;
  color: #3b71b9;
  background-color: #dbeffd;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: 35px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.lifeDraftLi .lifeEventMenuLink.lifeDraftMenuLink {
  padding: 11px 12px 11px 30px;
  display: flex;
  align-items: center;
}
.lifeDraftNotifCount {
  position: absolute !important;
  top: 0px !important;
  right: 30px !important;
  cursor: pointer !important;
}
.lifeDraftLeftTitle {
  font-weight: 600;
  color: #b8b8b8;
  font-size: 12px;
  text-align: center;
  padding-right: 25px;
  /*margin-bottom: 15px;
  margin-top: -5px;*/
  padding-bottom: 15px;
  text-transform: uppercase;
}
.lifeDraftRightTitle {
  padding-right: 0px;
  margin-left: 15px;
}
.NotificationsAll.lifeDraftNotif {
  margin-top: 130px;
  right: 14.5%;
}
.lifeDraftNotif .blockBtn {
  font-size: 8px;
  padding: 2px 10px;
  margin: 0px;
}
.lifeDraftNotif .notificationsBtn {
  margin-top: 0px;
  margin-left: auto;
}
.lifeDraftNotif .notificationCard {
  display: flex;
  align-items: center;
}
.lifeDraftNotif .notificationDetails {
  align-items: center;
  width: calc(100% - 68px);
}
.notificationAvtarName {
  line-height: normal;
  margin-bottom: 3px;
}
.lifeDraftLi.lifeEventMenuLiActive .lifeDraftCount {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.3);
}
.draftOptCount {
  font-weight: 600;
  font-size: 20px;
  color: #f47458;
  border: 2px solid #f47458;
  border-right: none;
  position: absolute;
  top: 20px;
  right: 0px;
  border-radius: 50px 0px 0px 50px;
  padding: 3px 14px 5px;
}
.settingBody.settingBodyFullScroll {
  margin-top: 0px;
}
.settingBody.settingBodyFullScroll .connectionsBody {
  margin-top: 35px;
  margin-bottom: 40px;
}
.lifeDraftLeftTitle.lifeDraftRightTitle:first-child {
  margin-bottom: -20px;
}
.settingBody.settingBodyFullScroll .connectionsBody:last-child {
  margin-bottom: 14px;
}
.settingBody.settingBodyFullScroll .infoBodyRight .infoBodyCol {
  border-radius: 12px;
  overflow: hidden;
}
.lifeDraftLeftTitle.lifeDraftEditLeftTitle {
  margin-top: -33px;
}
.whatFormBtn.btnUnpublish {
  background-color: #f47458;
}
.fieldError {
  border: 1px solid #f47458 !important;
}

/* End 15-Sep-2022 */

/* 26-Sep-2022 */
.innerBodyModify .lifeEventMenu .lifeEventMenuLi.lifeEventDnaMacth:last-child,
.innerBodyModify .connectionsBody.infoBodyCol,
.innerBodyModify .connectionsBody.feedbackEventImg {
  margin-bottom: 0px;
}
.innerBodyModify .connectionsBody.feedbackRight {
  background-color: #fff;
}
.innerBodyModify .connectionsBody.feedbackRight {
  margin-left: 30px;
  margin-right: 15px;
}
.innerBodyModify .settingFlip .connectionsBody.infoBodyCol,
.innerBodyModify .settingFlip .connectionsBody.infoBodyRight {
  background: none;
  box-shadow: none;
}
.innerBodyModify .connectionsBody.feedbackEventImg {
  margin-left: 15px;
}
.innerBodyModify .settingFlip {
  margin-top: -15px;
}
/* End 26-Sep-2022 */

/* 17-Oct-2022 */
.perEventTogether {
    position: relative;
}
.perEvent {
    overflow: visible !important;
    vertical-align: top;
}
.msgCount.eventCount {
    left: auto;
    right: 0px;
    width: 20px;
    height: 20px;
    font-size: 10px;
    font-weight: 700;
    margin-left: 0px;
    margin-top: -4px;
    margin-right: -4px;
}
/* End 17-Oct-2022 */
/*25-Nov-2022*/
.greenCountFeed.greenCountFeedDynamic {
    width: auto;
    padding: 2px 10px !important;
    float: right;
    margin: 0px 5px 5px 0px;
    position: static;
}
.leftrightHeading.feedTitleDynamic {
    float: left;
    text-align: left;
    font-size: 18px;
}

/*25-Nov-2022 End*/
.form-control option[value=add] {
  font-weight: bold;
  text-transform: uppercase;
}

/*12-Jan-2023*/
.galleryViewImg img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}
.galleryViewAll .galleryViewRow {
    margin-right: -5px;
    margin-left: -5px;
}
.galleryViewAll .galleryViewCol {
    padding: 5px;
}
.galleryViewAll .galleryViewImg1 .galleryViewImg img,
.galleryViewAll .galleryViewImg2 .galleryViewImg img,
.galleryViewAll .galleryViewImg3 .galleryViewImg img {
    height: 330px;
}
.galleryViewAll .galleryViewImg3 .galleryViewCol:last-child .galleryViewImg img {
    height: 165px;
}
.galleryViewAll .galleryViewImg3 .galleryViewCol:last-child .galleryViewImg:first-child img {
    padding-bottom: 5px;
}
.galleryViewAll .galleryViewImg3 .galleryViewCol:last-child .galleryViewImg:last-child img {
    padding-top: 5px;
}
.galleryViewAll .galleryViewImg3.galleryViewImg4 .galleryViewCol:last-child .galleryViewImg:last-child {
    position: relative;
}
.galleryViewImgMore {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    width: 100%;
    height: calc(100% - 5px);
    top: 5px;
    left: 0;
    bottom: 0px;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 10px;    
}
.userDetails .midPan {
    margin-left: 0px!important;
    width: 100%!important;
}
.userDetails .connectionsRight {
    padding: 0px;
}
.userDetails .connectionsAllDetailsTop {
    background: #fff;
    padding: 30px 50px 25px 80px;
}
.connectionsDetailsUser.connectionsDetailsUser {
  background: url('../img/qts.png') no-repeat left center;
}
.memberJoin {
    font-weight: 600;
    font-size: 12px;
    position: absolute;
    color: #88c9f9;
    right: 10px;
    top: 6px;
}
.userDetails .connectionsAllDetailsBody {
    padding: 25px 105px 30px;
}
.userConnectedInfo .connectedInfo {
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.userDetails .feedImg div, .userDetails .feedImg div img {
  width: 58px;
  height: 58px;
  /*width: 66px;
  height: 66px;
  border: 1px solid #3b71b9;*/
  border-radius: 50%;
  object-fit: cover;
}
.userDetails .feedadd {
  /*left: 46px !important;*/
  /*top: 22px !important;*/
  left: 47px !important;
  top: 22px !important;
  width: 20px;
}
.userDetails .connectedInfo p {
    font-size: 15px;
    font-weight: 700;
    line-height: 26px;
}
.userDetails .connectedInfo span {
    font-size: 12px;
    font-weight: 700 !important;
}
.userDetails .rightPanText {
  padding-left: 20px;
}
.userDetails .greenCountFeed {
    position: relative;
    width: auto;
    /*padding: 10px 9px !important;*/
    margin-left: auto;
}
.userDetails .userConnectDetailsRight {
    width: 355px;
}
.userDetails .userConnectDetailsLeft {
    width: calc(100% - 355px);
    padding-right: 30px;
}
.userDetails .userConnectDetails {
    display: flex;
}
.userDetails .uploadPhotoHeading {
    font-size: 14px;
    font-weight: 700;
    /*margin-bottom: 2px !important;*/
}
.userDetailsText {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    margin-top: 20px;
}
.userDetailsText span {
    color: #3b71b9;
}
/*End 12-Jan-2023*/
/*08-Feb-2023*/
.linkAccNoti .linkAccountList.eventoptions li span img {
    width: 22px;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventActivities {
  background: #fff url("../img/lifeEventActivities.png") no-repeat left 20px center;
}
.lifeEventMenu .lifeEventMenuLi.lifeEventActivities.lifeEventMenuLiActive {
  background: #fff url("../img/lifeEventActivities-a.png") no-repeat left 20px center;
}
.formEntertainer {
  background: #fff url('../img/formEntertainer.png') no-repeat left 17px center !important;
}
.formPerson {
  background: #fff url('../img/formPerson.png') no-repeat left 17px center !important;
}
.formLocationType2 {
  background: #fff url('../img/formLocationType2.png') no-repeat left 17px center !important;
}
/*end 08-Feb-2023*/

/*10-Feb-2023*/
.servicesTab:hover .eventInfoVideo .servicesTabText {
    padding-top: 16px;
    padding-bottom: 45px;
    height: 85px;
    transition: all 0.3s ease-in-out;
}
.servicesTab img.videoBtn {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 50%;
    bottom: 10px;
    margin-right: -13px;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}
.servicesTab:hover .eventInfoVideo img.videoBtn {
    opacity: 1;
    transition: all 0.5s ease-in-out;
}
.eventInfoVideo {
    position: relative;
    width: 100%;
    cursor: pointer;
}
.modal-header {
    background: #3b71b9;
}
/*end 10-Feb-2023*/

/*16-Jun-2023*/
.planPriceLeft {
  display: flex;
  align-items: center;
}
.planPriceLeftText {
    width: fit-content;
    width: max-content;
    text-align: center;
    margin-left: 15px;
}
.reverseLookupResult.searchFeedOnly .addBankBackIcon {
    left: auto;
    right: 0;
    margin-left: 0px;
    margin-right: 42px;
    margin-top: 0px;
}
.reverseLookupResult.searchFeedOnly .addBankBackIcon img {
    width: 60px;
}
.reverseLookupResult.searchFeedOnly .addBankBackIcon .greenCountFeed {
    right: auto;
    left: 0;
    margin-left: -50px;
    margin-top: 14px;
}
.reverseLookupResult.searchFeedOnly .connectionsDetailsInfo.connectionsDetailsPerson .connectionsDetailsInfoName {
    font-size: 20px !important;
    line-height: 20px;
}
.reverseLookupResult.searchFeedOnly .connectionsDetailsAvtarImg,
.reverseLookupResult.searchFeedOnly .connectionsDetailsAvtarImg img {
    height: 90px;
    width: 90px;
}
.reverseLookupResult.searchFeedOnly .connectionsAllDetailsTop .connectionsDetailsInfo {
    width: calc(100% - 105px);
}
.reverseLookupResult.searchFeedOnly .connectionsDetailsInfo.connectionsDetailsPerson .connectionsDetailsInfoEvents span.eventsText {
    font-size: 15px !important;
    font-weight: 600;
    color: #91d639;
}
.searchPersonInfo .searchPersonInfoLeft {
    color: #b8b8b8;
    font-size: 15px;
    font-weight: 600;
    width: 130px;
    word-break: break-word;
    padding-right: 5px;
}
.searchPersonInfo .searchPersonInfoLeft.searchPersonInfoRight {
    color: #3b71b9;
    width: calc(100% - 130px);
}
.searchPersonInfo {
    display: flex;
}
.searchPersonInfoAll {
    margin-top: 6px;
}
.searchFeedFilter .searchFeedFilterText {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    margin-left: 8px;
}
.searchFeedFilter {
    display: flex;
    background: #f8f8f8;
    width: max-content;
    width: fit-content;
    border-radius: 8px;
    align-items: center;
    position: relative;
    padding: 8px 20px;
    float: left;
    margin: 0px 15px 15px 0px;
}
.searchFeedFilter .feedClsoe2 {
    position: absolute;
    top: -20px;
    right: -20px;
    cursor: pointer;
}
.reverseLookupResult .reverseLookupMatch.searchFeedFilterAll {
    margin-bottom: 0px;
}
.searchFeedOnly .searchFeedFilterResult .reverseLookupMatch:first-child {
    margin-top: 10px;
}
.searchFeedOnly .searchFeedFilterResult .reverseLookupMatch:first-child .matchHolder {
    margin-top: 0px !important;
}
.searchFeedOnly .searchFeedFilterResult a:last-child .reverseLookupMatch {
    margin-bottom: 0px;   
}
/*16-Jun-2023 End*/

/*10-Feb-2023*/
@media (min-width: 576px) {
    .modal .modal-dialog {
        max-width: 600px;
    }
}
/*end 10-Feb-2023*/
.modal-header .close {
  margin-top: -40px;
}
.modal-title{
  display: block !important;
  text-align: center !important;
}
.modal-header{
  display: block !important;
}

@media (min-width: 1250px) {
    .testtext {
        min-height: 238px;
    }
    .perEventTogether {
        width: 88px;
    }
}