html {
    scroll-behavior: smooth;
}


/* @font-face {
    font-family: 'Circular Std bolder';
    src: url('../font/CircularStd-Black.eot');
    src: url('../font/CircularStd-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/CircularStd-Black.woff2') format('woff2'),
        url('../font/CircularStd-Black.woff') format('woff'),
        url('../font/CircularStd-Black.ttf') format('truetype'),
        url('../font/CircularStd-Black.svg#CircularStd-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std medium';
    src: url('../font/CircularStd-Medium.eot');
    src: url('../font/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/CircularStd-Medium.woff2') format('woff2'),
        url('../font/CircularStd-Medium.woff') format('woff'),
        url('../font/CircularStd-Medium.ttf') format('truetype'),
        url('../font/CircularStd-Medium.svg#CircularStd-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std bold';
    src: url('../font/CircularStd-Bold.eot');
    src: url('../font/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/CircularStd-Bold.woff2') format('woff2'),
        url('../font/CircularStd-Bold.woff') format('woff'),
        url('../font/CircularStd-Bold.ttf') format('truetype'),
        url('../font/CircularStd-Bold.svg#CircularStd-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std light';
    src: url('../font/CircularSpotifyText-Light.eot');
    src: url('../font/CircularSpotifyText-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/CircularSpotifyText-Light.woff2') format('woff2'),
        url('../font/CircularSpotifyText-Light.woff') format('woff'),
        url('../font/CircularSpotifyText-Light.ttf') format('truetype'),
        url('../font/CircularSpotifyText-Light.svg#CircularSpotifyText-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std regular';
    src: url('../font/CircularStd-Book.eot');
    src: url('../font/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
        url('../font/CircularStd-Book.woff2') format('woff2'),
        url('../font/CircularStd-Book.woff') format('woff'),
        url('../font/CircularStd-Book.ttf') format('truetype'),
        url('../font/CircularStd-Book.svg#CircularStd-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */


/* ** new font */

@font-face {
    font-family: 'spoqa_han_sans_neoregular';
    src: url('../font/spoqahansansneo-regular-webfont.eot');
    src: url('../font/spoqahansansneo-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/spoqahansansneo-regular-webfont.woff2') format('woff2'), url('../font/spoqahansansneo-regular-webfont.woff') format('woff'), url('../font/spoqahansansneo-regular-webfont.ttf') format('truetype'), url('../font/spoqahansansneo-regular-webfont.svg#spoqa_han_sans_neoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'spoqa_han_sans_neo_bold';
    src: url('../font/spoqahansansneo-bold-webfont.eot');
    src: url('../font/spoqahansansneo-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/spoqahansansneo-bold-webfont.woff2') format('woff2'), url('../font/spoqahansansneo-bold-webfont.woff') format('woff'), url('../font/spoqahansansneo-bold-webfont.ttf') format('truetype'), url('../font/spoqahansansneo-bold-webfont.svg#spoqa_han_sans_neo_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'spoqa_han_sans_neolight';
    src: url('../font/spoqahansansneo-light-webfont.eot');
    src: url('../font/spoqahansansneo-light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/spoqahansansneo-light-webfont.woff2') format('woff2'), url('../font/spoqahansansneo-light-webfont.woff') format('woff'), url('../font/spoqahansansneo-light-webfont.ttf') format('truetype'), url('../font/spoqahansansneo-light-webfont.svg#spoqa_han_sans_neolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'spoqa_han_sans_neomedium';
    src: url('../font/spoqahansansneo-medium-webfont.eot');
    src: url('../font/spoqahansansneo-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/spoqahansansneo-medium-webfont.woff2') format('woff2'), url('../font/spoqahansansneo-medium-webfont.woff') format('woff'), url('../font/spoqahansansneo-medium-webfont.ttf') format('truetype'), url('../font/spoqahansansneo-medium-webfont.svg#spoqa_han_sans_neomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0 auto;
    font-size: 16px;
    padding: 0;
    font-family: 'spoqa_han_sans_neoregular';
    font-weight: normal;
    color: #595959;
    position: relative;
    z-index: 1;
    overflow-x: hidden;
    font-weight: 400;
}

::selection {
    background-color: #ff6161;
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #595959;
}

textarea.form-control {
    height: 170px;
}

.form-control::-webkit-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #a5a5a5;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
}

.form-control::placeholder {
    color: #a5a5a5;
    opacity: 1;
}

a,
button {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    outline: none;
    color: #000;
}

a:hover {
    outline: none;
    color: #1d1d1d;
    text-decoration: none;
}

a:focus,
button:focus {
    outline: none;
    box-shadow: none;
}

.wow {
    visibility: hidden;
}

.clear {
    clear: both;
}

img {
    max-width: 100%;
}

iframe {
    border: 0;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

p {
    font-size: 16px;
}

figure {
    margin: 0 auto;
    display: block;
    text-align: center;
}

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

[data-toggle="modal"] {
    cursor: pointer;
}

.modal-backdrop {
    width: 100%;
    height: 100%;
}

body.scroll-off {
    overflow: hidden;
}

.table-responsive {
    position: relative;
}

.forMobile {
    display: none !important;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #fff;
}


/* Header style Start */

.headerStatic {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    width: 100%;
    /* box-shadow: 0 0 40px rgba(83, 88, 93, 0.2); */
    height: 90px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(108, 108, 127, .20);
}


/* .headerStatic .navbar {
    padding: 0 28px;
} */

.headerStatic .navbar-brand img {
    max-width: 78px;
}

.headerStatic .navbar-nav .nav-item {
    margin: 0 15px;
    display: flex;
    align-items: center;
}

.headerStatic .navbar-nav .nav-item:first-child {
    margin-left: 0;
}

.headerStatic .navbar-nav .nav-item:last-child {
    margin-right: 0;
}

.headerStatic .navbar-nav .nav-link {
    color: #000;
    font-size: 14px;
    padding: 0;
    font-family: 'spoqa_han_sans_neomedium';
    font-weight: 500;
}

.headerStatic .navbar-nav .nav-link.newLoginIcon {
    font-size: 20px;
}

.headerStatic .navbar-nav .auth-btn .nav-link {
    border: 1px solid #e8e8e8;
    padding: 5px 30px;
    border-radius: 70px;
}

.headerStatic.navbar-sticky-on {
    -webkit-animation: fadeInDown 0.5s;
    animation: fadeInDown 0.5s;
    background-color: #fff;
    border-bottom: 1px solid rgba(108, 108, 127, .20);
    height: 75px;
}

.headerStatic .navbar-nav .nav-link:hover,
.headerStatic .navbar-nav .nav-link:focus,
.headerStatic .navbar-nav .nav-item.active .nav-link,
.headerStatic .navbar-nav .nav-link.active {
    color: #ff6161;
}

.headerStatic .navbar-nav .nav-item.auth-btn {
    margin-right: 10px;
    margin-left: 10px;
}

.headerStatic .navbar-nav .nav-item.auth-btn:last-child {
    margin-right: 0;
}

.headerStatic .navbar-nav .auth-btn .nav-link:hover {
    background-color: #ff6161;
    border-color: #ff6161;
    color: #fff;
}

.mobile_logo {
    display: none;
}


/* Header style End */


/* ==================================================================================================== */


/* Hero section style start */

.hero-section {
    min-height: 588px;
    background-size: cover;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.hero-section-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
}

.hero-heading {
    margin-bottom: 0px;
}

.hero-heading>span {
    display: block;
    color: #fff;
    margin-bottom: 8px;
    font-size: 54px;
}

.hero-heading span>span {
    color: #ff6161;
}


/* Hero section style end */


/* ==================================================================================================== */


/* new Step Section Start */

.newStepSection {
    padding: 80px 0;
}

.matchmeetStepSection {
    padding: 91px 0 0;
}

.newStepIconOuter {
    height: 114px;
    width: 114px;
    border: 2px dashed #ff6161;
    border-radius: 50%;
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.newStepIcon {
    height: 93px;
    width: 93px;
    border-radius: 50%;
    background-color: #ff6161;
    margin: 0 auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.newStepHeading {
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    color: #2b3252;
}

.newStepHeading>span {
    color: #ff6161;
}

.newStepText {
    font-size: 16px;
    max-width: 380px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.5;
    color: #2b3252;
    font-family: 'spoqa_han_sans_neomedium';
    font-weight: 500;
    padding-bottom: 15px;
}

.newStepTags {
    max-width: 1300px;
    margin: 75px auto 0;
    text-align: center;
}

.newStepTags ul {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    flex-wrap: wrap;
    width: 100%;
    max-height: 55px;
    overflow: hidden;
}

.newStepTags ul.autoHeight {
    height: auto;
    max-height: unset;
    overflow: unset;
}

.newStepTags2 ul {
    display: unset !important;
}

.newStepTags ul li {
    /*margin-right: 13px;*/
    margin-right: 0;
    display: inline-block;
    margin-bottom: 0px;
}

.newStepTags ul li a,
.tagOwl a {
    /* font-size: 16px; */
    font-size: 13px;
    font-weight: 400;
    /* background-color: #f2fbfb; */
    display: inline-block;
    width: 100%;
    text-align: center;
    /* color: #2b3252; */
    /* padding: 12px 13px; */
    padding: 5px 5px;
    cursor: text;
    color: #fff;
}


/* new Step Section End */


/* ==================================================================================================== */


/* lanMeetSection Start */

.lanMeetSection {
    padding: 30px 0;
    background-color: #faf3f3;
}

.gropuMeetSection {
    padding-top: 30px;
}

.lanMeetImages {}

.lanMeetImageBig {
    -webkit-box-shadow: 0 7px 4px 0 rgba(105, 105, 105, 0.12);
    box-shadow: 0 7px 4px 0 rgba(105, 105, 105, 0.12);
}

.lanMeetImageBig,
.lanMeetImageSmall {
    width: 100%;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.lanMeetImageSmall {
    position: absolute;
    bottom: 0;
    right: 0;
    border: 10px solid #fff;
}

.lanMeetImageSmall_2 {
    right: unset;
    left: -60px;
    top: 20px;
    bottom: unset;
    /* width:214px;
    height:214px; */
}

.lanMeetHeading {
    font-size: 24px;
    font-weight: bold;
    color: #ff6161;
    display: flex;
    padding: 20px 0 10px 0;
    align-items: center;
    font-family: 'spoqa_han_sans_neo_bold';
    font-weight: 700;
}

.lanMeetUpperRow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -35px;
    margin-right: -35px;
    margin-bottom: 80px;
}

.lanMeetUpperRow.newlanMeetUpperRow {
    margin-left: -15px;
    margin-right: -15px;
    align-items: flex-start;
}

.lanMeetUpperRow:last-child {
    margin-bottom: 0;
}

.lanMeetUpperCol.lanMeetUpperCol1 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.lanMeetUpperCol {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
    position: relative;
    padding-left: 35px;
    padding-right: 35px;
}

.lanMeetUpperCol.newCollLanBanner_1 {
    width: 40%;
    max-width: 40%;
    flex: 0 0 40%;
    padding-left: 20px;
    padding-right: 20px;
}

.lanMeetUpperCol.newCollLanBanner_2 {
    width: 60%;
    max-width: 60%;
    flex: 0 0 60%;
    padding-left: 20px;
    padding-right: 20px;
}

.lanMeetSubHeading {
    font-size: 24px;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 18px;
    font-family: 'spoqa_han_sans_neo_bold';
    font-weight: 700;
    line-height: 1;
}

.lanMeetContent {
    margin-bottom: 40px;
}

.lanMeetContent p {
    margin-bottom: 0;
    color: #2b3252;
    font-size: 16px;
    font-family: 'spoqa_han_sans_neomedium';
    font-weight: 500;
}

.lanMeetAction a {
    display: inline-block;
    font-size: 19px;
    font-weight: 300;
    color: #fff;
    background-color: #ff6161;
    padding: 14px 30px;
    border-radius: 60px;
}

.lanMeetAction a:hover {
    background-color: #ef5455;
}

.lanMeetComHeading {
    font-size: 50px;
    color: rgba(0, 0, 0, .75);
    margin-bottom: 22px;
    font-family: 'spoqa_han_sans_neo_bold';
    font-weight: 700;
}

.lanMeetComContent {
    font-size: 20px;
    color: #696969;
    line-height: 1.6;
    margin-bottom: 30px;
    font-family: 'spoqa_han_sans_neomedium';
    font-weight: 600;
}

.lanMeetComAction a {
    display: inline-block;
    font-size: 19px;
    font-weight: 500;
    color: #ff6161;
    border: 3px solid #ff6161;
    padding: 14px 30px;
    border-radius: 60px;
    text-align: center;
    min-width: 120px;
}

.homeBanner .lanMeetComAction a {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #ff6161;
    border: 1px solid #ff6161;
    padding: 3px 9px;
    border-radius: 5px;
    text-align: center;
    min-width: 87px;
}

.lanMeetComAction a:hover {
    background-color: #ff6161;
    color: #fff;
}

.newLanmeetWrapper .lanMeetComAction a {
    border-color: #000;
    color: #fff;
    background: #000;
}

/* .newLanmeetWrapper .lanMeetComAction a:hover {
    background-color: #2b3252;
    color: #fff;
} */

.seereivewParnet1 {
    font-size: 18px;
    color: #000000;
    margin-bottom: 0;
    height: 350px;
    padding-right: 25px;
}

.lanMeetComImage {
    width: 100%;
    height: 300px;
    /* border-radius: 10px; */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    position: relative;
    /* width: 100%;
    height: 380px;
    border-radius: 10px;
    /* -webkit-box-shadow: 0 7px 4px 0 rgba(105, 105, 105, 0.12);
    box-shadow: 0 7px 4px 0 rgba(105, 105, 105, 0.12); 
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative; */
}

.beforeLanmeetImg.lanMeetComImage::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0, .3);
}

.lanMeetSection.noBg {
    background-color: #fff;
}

.lanMeetHostBtn {
    font-size: 18px;
    color: #fff;
    background-color: #ff6161;
    display: inline-block;
    padding: 16px 70px 16px 25px;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 70px;
    white-space: nowrap;
}

.lanMeetHostBtn span {
    background-color: #f44747;
    height: 52px;
    width: 52px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3px;
}

.lanMeetHostBtn:hover {
    background-color: #f44747;
    color: #fff;
}

.lanMeetHostBtn:hover span {
    background-color: #ff6161;
    color: #fff;
}


/* lanMeetSection End */


/* ==================================================================================================== */


/* Existing Club Section Start */

.existing-club-section {
    padding: 0px 0 0px;
}

.existing-club-slide-content {
    background-color: #2b3252;
    min-height: 480px;
}

.existing-slider-image {
    min-height: 480px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.existing-club-slide {
    padding: 75px 15px;
    height: 100%;
}

.ec-slide-item {
    padding-left: 55px;
}

.ec-slide-content {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    margin-top: 40px;
    line-height: 2;
}

.ec-slide-item h3 {
    font-size: 38px;
    color: #fff;
}

.existing-club-slide.owl-theme .owl-nav [class*="owl-"] {
    height: 50px;
    width: 50px;
    background-color: #555b75;
    color: rgb(255, 255, 255);
    border-radius: 50%;
    font-size: 25px;
    outline: none;
}

.existing-club-slide.owl-theme .owl-nav {
    position: absolute;
    left: 55px;
    bottom: 25px;
    margin-top: 0px;
}


/* Existing Club Section End */


/* ==================================================================================================== */


/* More Fun Section End */

.more-fun-section {
    padding: 0 0 27px;
}

.sticky-wrapper:not(.is-sticky) {
    height: auto !important;
}

.sticky-wrapper {
    margin-bottom: 60px;
}

.sticky-wrapper.is-sticky {
    margin-bottom: 0px;
}

.morefun-filter-wrapper {
    transition: all 0.3s ease;
    padding-top: 8px;
}

.morefun-filter-wrapper,
.morefun-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.morefun-filter {
    /* background-color: #e2f3fa;
    border: 1px solid #cce5f6;
    border-radius: 5px;
    padding: 14px 12px; */
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 14px 12px;
    color: #595959;
}

.morefun-filter ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    width: 100%;
}

.morefun-filter>ul {
    display: flex;
    align-items: center;
    width: 100%;
}

.morefun-filter ul li {
    display: inline-block;
    margin-right: 12px;
    position: relative;
    width: 100%;
}

.morefun-filter>ul>li:first-child {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.morefun-filter ul li:last-child {
    margin-right: 0;
}

.morefun-filter ul li.filterSearchList {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
}

.morefun-filter-content {
    width: 100%;
    position: relative;
    margin-top: 8px;
    padding: 5px 0;
    max-width: 833px;
    margin: 0 auto;
    z-index: 8;
}

.morefun-filter-content>.row {
    max-width: 450px;
    margin: 0 auto;
}

.filter-tab-item {
    margin-bottom: 20px;
}

.filter-mobile-head {
    display: none;
}

.morefun-filter-content .form-control {
    border: 1px solid #e6e6e6;
    margin: 0 auto;
    height: 45px;
    outline: none;
    box-shadow: none;
    color: #233664;
    font-size: 16px;
}

.styled-checkbox,
.src-imageImg-check input {
    position: absolute;
    opacity: 0;
}

.filter-form label {
    font-weight: 500;
    color: #595959;
}

.styled-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin-bottom: 0;
    line-height: 1;
}


/* .styled-checkbox:checked+label:after {
    content: "^";
    font-family: "Font-Awesome-5-Pro";
    position: absolute;
    left: 7px;
    top: 1px;
    font-size: 17px;
    color: #000;
    height: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(180deg);
    font-weight: 600;
} */

.filter-form .styled-checkbox+label {
    margin-bottom: 0px;
    padding-left: 30px;
    min-height: 25px;
    line-height: 25px;
    color: #151515;
    z-index: -999;
}

.styled-checkbox+label:before {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "\f00c";
    font-size: 0;
    font-family: Font-Awesome-5-Pro;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 19px;
    background: #fff;
}

.styled-checkbox:checked+label::before {
    color: #fff;
    font-size: 14px;
    border-color: #ff6161;
    background: #ff6161;
}

.morefun-search {
    position: relative;
    flex: 1;
    height: 55px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.3s linear;
}

.morefun-search:hover {
    background-color: #ff6161;
    color: #fff;
    border-radius: 5px;
}

.morefun-search input[type="text"],
.morefun-search a {
    background-color: transparent;
    border: 0;
    outline: none;
    padding: 0 15px;
    width: 100%;
    font-size: 16px;
    display: inline-block;
}

.morefun-search:hover a {
    color: #fff;
}

.morefun-searchBtn button {
    background-color: #ff6161;
    color: #fff;
    font-size: 15px;
    border: 0;
    outline: none;
    font-weight: 300;
    border-radius: 30px;
    width: 130px;
    padding: 10px 0;
    position: relative;
}

.morefun-searchBtn button i {
    line-height: 0;
    font-size: 20px;
    position: relative;
    top: 0px;
    margin-left: 8px;
}

.morefun-searchBtn {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.search-result-block {
    padding: 0 0 45px;
    margin-top: 25px;
}

.search-result-heading {
    position: relative;
    z-index: 1;
    margin-bottom: 35px;
}

.search-result-heading span {
    font-size: 24px;
    color: #7c7c7c;
    margin-bottom: 0;
    display: inline-block;
    padding-right: 25px;
    text-transform: uppercase;
    font-family: 'spoqa_han_sans_neo_bold';
    font-weight: 700;
}

.search-result-heading span span a {
    padding: 0;
    font-size: 18px;
    padding-left: 15px;
    margin-left: 15px;
    border-left: 2px solid #e2e5e7;
    color: #595959;
    text-transform: capitalize;
    font-family: 'spoqa_han_sans_neomedium';
    font-weight: 500
}

.search-result-heading span span a:hover {
    color: #23a5bf;
}

.search-result-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    /*width: 100%;*/
    margin-left: -10px;
    margin-right: -10px;
    height: 100%;
}

.search-result-list>li {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 13px;
    /* height: 100%; */
    margin-bottom: 26px;
}

.search-result-card {
    /* -webkit-box-shadow: 1px 3px 38px rgb(105 105 105 / 22%);
    box-shadow: 1px 3px 38px rgb(105 105 105 / 22%); */
    border-radius: 10px;
    /* overflow: hidden; */
    background-color: #fff;
    padding: 15px 12px;
    height: 100%;
}

.searchCardTag {
    font-size: 12px;
    font-weight: 300;
    display: inline-block;
    padding: 2px 6px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
}

.searchCardTag.redTag {
    border: 1px solid #ff6161;
    color: #ff6161;
}

.searchCardTag.redTag:hover {
    background-color: #ff6161;
    color: #fff;
}

.searchCardTag.greenTag {
    border: 1px solid #23a5bf;
    color: #23a5bf;
}

.searchCardTag.greenTag:hover {
    background-color: #23a5bf;
    color: #fff;
}

.serachCardFav {
    background-color: #f0f0f0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f94767;
}

.serachCardFav:hover {
    background-color: #f94767;
    color: #fff;
}

.searchResultUser {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 -12px;
}

.searchResultUImageWrap {
    width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
}

.searchResultUImage {
    height: 130px;
    width: 100%;
    /* border-radius: 50%; */
    background-size: cover;
    background-position: center;
}

.searchResultUserImage {
    height: 100%;
    width: 100%;
    /* border-radius: 50%;
    border: 1px solid #ff6161;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 13px;
    margin-right: 15px; */
}

.search-result-card-head {
    margin-bottom: 10px;
}

.searchResultUName {
    font-size: 13px;
    font-weight: 400;
}

.searchResultUName span {
    display: block;
}

.searchResultUTexteWrap {
    /* padding-bottom: 35px;
    flex: 1;
    -ms-flex: 1; */
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.mfBox {
    text-align: right;
    font-size: 14px;
    padding-top: 15px;
}

.searchResul-title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    display: table;
    margin: 0 auto;
    padding: 5px 10px;
    background-color: rgb(0 0 0 / 30%);
    border-radius: 4px;
    pointer-events: none;
}

.searchResultStatus {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    padding: 4px 11px;
    text-align: right;
    border-radius: 70px;
    /* position: absolute;
    bottom: 0;
    right: 0; */
}

.searchResultStatus.closed {
    background-color: #bde4ec;
}

.searchResultStatus.available {
    background-color: #1dbdb9;
}

.searchResultStatus.cancelled {
    background-color: #ffcfcf;
}

.src-match-box {
    position: relative;
    padding: 10px 5px;
    border: 1px solid #ececec;
    box-sizing: border-box;
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    min-height: 40px;
    margin-top: 15px;
    color: rgba(43, 50, 82, 0.5);
    font-size: 12px;
    padding-left: 32px;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABKVBMVEUAAAD/gID/YGD/YWH/YWH/YmL/YWH/Zmb/YGD/YWH/YWH/YmL/Y2P/YmL/YGD/YWH/YWH/YWH/YWH/YWH/YWH/YmL/YWH/YGD/YWH/YWH/YWH/YGD/YmL/YWH/YmL/YmL/YWH/YWH/YGD/YWH/Wlr/YWH/YmL/YGD/YGD/X1//YmL/Zmb/YWH/YWH/YGD/Y2P/YWH/YWH/Xl7/YWH/YWH/YWH/YGD/YWH/YWH/YWH/YWH/X1//YWH/YWH/ZGT/Y2P/YWH/YWH/YmL/YWH/YWH/VVX/YmL/Y2P/YWH/YmL/YWH/YmL/YmL/YWH/YWH/YWH/YWH/YGD/YWH/YWH/YGD/YWH/YGD/AAD/YmL/YGD/X1//YGD/YGD/YWH/YWH/YWH/YWH/YWEAAABMKUmcAAAAYXRSTlMABGXF9MRkD8HAsa8+PI+OsLab3Wdo2Jydz6a0p863msa1gvoRV1YQfzN4BdbVejG+8CYq6ego8rr42iMd+Rwk3Pcv7WkGDTZs7v5ma/zvq4us+zfR0DUBRkU7VXeWVPbXQUbB3gAAAAFiS0dEAIgFHUgAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQflAQ8LNBRC+9EcAAABAklEQVQ4y+3RWTuCQRjG8Xkp2bW+UfEiW7aQnRAqa0JEhP/3/xLWmncyc+DcfTLXNffvYOZ5hHDFamv3eLwdljDE18lXunwG0M1PevR9L830aUG/BANa4JfArwUBCQL/wACCobAKIqGgAmyiKhjE/hsYIibiEsRFgmEFjOAVUQkcMcqYAsZJTkxKMDWdZEYBKZidm2/0C9YipNV/LrG8kln97tcy6xtstgwivcX2zm4iC9nY3v4BucPWUUXg6DhfKBYL+ZNTzs5/T/riEkpX5fJ1CW7Cul3cVhqPvLvXLktUHxwbbOexKoypQc3UPT1/pA71z/NFA3K48qoBthu8Na/fAb5FgveuaoINAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAxLTE1VDExOjUyOjIwKzAwOjAwRrfXzgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMS0xNVQxMTo1MjoyMCswMDowMDfqb3IAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) 5px 50% no-repeat;
    background-size: 20px;
    border-radius: 5px;
    line-height: 1.5;
}

.src-match-box:after,
.src-match-box:before {
    bottom: 100%;
    left: 25px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.src-match-box:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #ececec;
    border-width: 11px;
    margin-left: -11px;
}

.src-match-box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}

.src-card-detail {
    margin-bottom: 0px;
}

.src-card-detail ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.src-card-detail ul li {
    display: block;
    font-size: 15px;
}

.src-card-detail .src-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 5px;
    font-size: 12px;
}

.src-card-detail .src-row .src-col-1 {
    min-width: 100px;
    position: relative;
    padding-right: 8px;
    font-weight: 400;
    color: #000000;
}

.src-card-detail .src-row .src-col-2 {
    padding-left: 5px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    font-weight: 400;
    color: #000000;
}

.src-interested-talk {
    color: #000;
    font-size: 16px;
    margin: 15px 0;
    /* font-family: 'spoqa_han_sans_neo_bold';
    font-weight: 700; */
}

.is-sticky .morefun-filter-wrapper {
    padding: 8px 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    z-index: 10 !important;
    margin-top: 40px;
}


/* .src-card-detail .src-row .src-col-1::after {
    content: ":";
    position: absolute;
    right: 0;
    top: 0;
} */

.apply-filter {
    display: none;
}


/* More Fun Section End */


/* ==================================================================================================== */


/* Footer Design Start */

.footer_wrapper {
    background-color: #fff;
}

.footerContact {
    padding: 40px 0;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 40px;
}

.footerContact p {
    font-size: 16px;
    color: #777777;
    margin-bottom: 8px;
}

.footerHead {
    font-size: 19px;
    margin-bottom: 25px;
}

.footer-links li {
    margin-bottom: 5px;
}

.footer-links li a,
.footer-links li p {
    color: #6b6b6b;
    font-size: 14px;
    font-family: 'spoqa_han_sans_neomedium';
    font-weight: 500;
    margin-bottom: 0;
}

.footer-links li a:hover {
    color: #ff6161;
}

.footerContent {
    padding: 35px 0;
    text-align: center;
    line-height: 30px;
}

.footerContent p {
    color: #757575;
    margin-bottom: 0;
    font-size: 14px;
}

.footerContent h5 {
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 25px;
}

.copyRightFooter {
    height: 65px;
    border-top: 1px solid #ebebeb;
    display: flex;
    align-items: center;
}

.copyRightRow {
    justify-content: space-between;
    color: #777777;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.footerSocialLinks {
    display: flex;
    align-items: center;
}

.footerSocialLinks li {
    margin-right: 10px;
}

.footerSocialLinks li:last-child {
    margin-right: 0px;
}

.footerSocialLinks li a {
    display: inline-block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #f94767;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footerSocialLinks li a:hover {
    background-color: #e2e2e2;
}

.footerSocialLinks li a svg {
    max-width: 20px;
    max-height: 20px;
    width: 20px;
    height: 20px;
    color: #fff;
}

.footerSocialLinks li a:hover svg {
    color: #f94767;
}

.fixedAction {
    position: fixed;
    bottom: 0;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: all 0.5s ease;
    width: 100%;
    height: 70px;
    /*background-color: #f1f3f2;*/
    background-color: #e2f3fa;
    -webkit-box-shadow: 0 2px 20px 0 rgba(105, 105, 105, 0.12);
    box-shadow: 0 2px 20px 0 rgba(105, 105, 105, 0.12);
    display: none;
}

.filter-trigger,
.mobile-header {
    display: none;
}

.back_top {
    height: 41px;
    width: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 4px;
    color: #484444;
    font-size: 30px;
    border: 2px solid transparent;
    z-index: 10;
    margin-left: 12px;
}

.back_top {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: -9999;
}

.fixedAction.active .back_top {
    margin-left: 8px;
    visibility: visible;
    opacity: 1;
    position: relative;
    z-index: unset;
    background-color: #fff;
    color: #ff6161;
}


/* Footer Design End */


/* ==================================================================================================== */


/* Filter modal PC design start */

#filtermodal .modal-header,
#filtermodal .modal-footer {
    background-color: #fff;
    height: 30px;
    padding: 2px 12px 0px 0px;
}

#filtermodal .modal-header .modal-title {
    display: block;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 22px;
}

#filtermodal .close {
    color: #000;
    opacity: 1;
    outline: none;
    margin-left: unset;
    line-height: 27px;
    margin: 0;
    padding: 0;
}

.searchModal-filterIcon {
    margin-left: auto;
    font-size: 19px;
    padding: 0;
    margin-right: 15px;
    display: inline-block;
}


/* ============================
   INPUT (inside modal only)
   ============================ */

   #filtermodal .modal-dialog {
    max-width: 500px;
    margin: 20px auto;
}

#filtermodal .modal-content {
    max-height: 90vh;
    overflow: hidden;
}

#filtermodal .modal-body {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    padding: 15px;
}

   #filtermodal .filter-tab-item input
  {
    height: 28px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    border: 1px solid #ebebeb !important;
    box-sizing: border-box !important;
    width: 100% !important;
}


#filtermodal .filter-tab-item select {
    height: 28px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    border: 1px solid #ebebeb !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

#filtermodal .filter-tab-item select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-position: right 8px center !important;
    background-repeat: no-repeat !important;
    line-height: 28px !important;
    height: 33px;
    font-size: 14px;
    padding: 2px 2px 3px 7px;
}

#filtermodal .filter-tab-item .filter-form #datepicker input {
    height: 28px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    border: 1px solid #ebebeb !important;
    box-sizing: border-box;
    width: 100%;
}

/* ============================
   SUMOSELECT (inside modal only)
   ============================ */

/* Main visible select box */
#filtermodal .SumoSelect .CaptionCont {
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 10px !important;
    border: 1px solid #ebebeb !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
}

/* Arrow icon area */
#filtermodal .SumoSelect .CaptionCont label {
    height: 28px !important;
    line-height: 28px !important;
}

/* Dropdown list items (optional but recommended) */
#filtermodal .SumoSelect .optWrapper .options li {
    padding: 6px 10px !important;
    font-size: 14px !important;
}


#filtermodal .filter-tab-item label {
  font-size: 14px !important;
}

#filtermodal .close:hover,
.searchModal-filterIcon:hover {
    color: #ef5455;
}

.filter-tab-item {
    margin-bottom: 20px;
}

label {
    font-weight: 300;
    /* color: #878787; */
    color: rgba(0, 0, 0, .9)
}

.form-control {
    height: 46px;
    border: 1px solid #ebebeb;
}

.save-preferences {
    background-color: #ef5455;
    color: #fff;
    font-size: 13px;
    border: 0;
    outline: none;
    font-weight: 500;
    padding: 5px 11px;
    border-radius: 4px;
    margin: -24px -3px 10px 0px;
}
}


/* Filter modal PC design end */

.conceptOwl.owl-carousel .owl-nav button.owl-next,
.conceptOwl.owl-carousel .owl-nav button.owl-prev,
.search-result-owl.owl-carousel .owl-nav button.owl-next,
.search-result-owl.owl-carousel .owl-nav button.owl-prev,
.zoomMeetingOwl.owl-carousel .owl-nav button.owl-next,
.zoomMeetingOwl.owl-carousel .owl-nav button.owl-prev,
.partnerHost.owl-carousel .owl-nav button.owl-next,
.partnerHost.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 10;
    background-color: #fff;
    color: #b4b4b4 !important;
}

.search-result-owl.owl-carousel .owl-nav button.owl-next,
.conceptOwl.owl-carousel .owl-nav button.owl-next,
.zoomMeetingOwl.owl-carousel .owl-nav button.owl-next,
.partnerHost.owl-carousel .owl-nav button.owl-next {
    right: -5px;
}

.search-result-owl.owl-carousel .owl-nav button.owl-prev,
.conceptOwl.owl-carousel .owl-nav button.owl-prev,
.zoomMeetingOwl.owl-carousel .owl-nav button.owl-prev,
.partnerHost.owl-carousel .owl-nav button.owl-prev {
    left: -5px;
}

.search-result-owl.owl-carousel .owl-nav .disabled,
.conceptOwl.owl-carousel .owl-nav .disabled,
.zoomMeetingOwl.owl-carousel .owl-nav .disabled,
.partnerHost.owl-carousel .owl-nav .disabled {
    visibility: hidden;
    opacity: 0;
}

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


/*----------------------------- SIGN UP SECTION -----------------------------*/

.signupSection {
    padding: 80px 0px;
}

.signupSection .headSignUp {
    font-size: 33px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 37px;
}

.signupSection .signupCard {
    box-shadow: 0 2px 20px 0 rgba(105, 105, 105, 0.12);
    border-radius: 15px;
    overflow: hidden;
    background-color: #fff;
    padding: 40px 20px;
    max-width: 1060px;
    margin: auto;
}

ul.signupContentList {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 45px;
}

ul.signupContentList::before {
    position: absolute;
    /* content: ""; */
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.05);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

ul.signupContentList>li {
    width: 50%;
    padding: 0 40px;
}

.signUpForm label {
    font-size: 16px;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 10px;
}

.signUpForm input.form-control,
.signUpForm select.form-control {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    height: 45px;
    outline: 0;
    box-shadow: none;
    margin-bottom: 0px;
    color: #2d2d2d;
    display: inline-block;
    font-size: 14px;
    min-width: 0;
}

.error-message {
    display: block;
    font-size: 13px;
}

.signUpForm .checkGroup .error-message {
    margin-bottom: 10px;
    margin-bottom: 10px;
    margin-top: -5px;
    padding-left: 34px;
}

.signUpForm .dropdown a.dropdown-toggle {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    height: 45px;
    outline: 0;
    box-shadow: none;
    margin-bottom: 20px;
    color: #000;
    font-size: 18px;
    width: 81px;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.signUpForm .dropdown-toggle::after {
    content: "\f107";
    font-family: Font-Awesome-5-Pro;
    border: 0;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
}

.inputNumberGroup .dropdown-menu {
    min-width: 81px;
}

.inputNumberGroup {
    display: flex;
    align-items: flex-start;
}

.inputNumberGroup input {
    margin-left: 15px;
}

.inputNumberGroup input:first-child {
    margin-left: 0;
}

.checkGroup label {
    font-size: 15px;
    color: #151515;
    padding-left: 34px;
    position: relative;
    cursor: pointer;
}

.checkGroup label span {
    color: #ff6161;
}

.checkGroup label::before {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "\f00c";
    font-size: 0;
    font-family: Font-Awesome-5-Pro;
    transition: all 0.1s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 19px;
}

.checkGroup input:checked+label::before {
    color: #fff;
    font-size: 14px;
    border-color: #ff6161;
    background: #ff6161;
}

.matchMaker {
    font-size: 17px;
    color: #818181;
    margin-bottom: 20px;
}

.matchMaker span {
    color: #ff6161;
    font-size: 20px;
    margin-right: 5px;
}

.signupSubmit {
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: #ff6161;
    border-radius: 35px;
    display: block;
    width: 100%;
    border: 0;
    box-shadow: none;
    outline: 0;
    margin: 20px 0px 20px;
    padding: 14px 30px;
}

.signupSubmit:hover {
    background: #ef5455;
    color: #fff;
}

.alreadyHave {
    font-size: 18px;
    color: #000;
    text-align: center;
}

.alreadyHave a {
    color: #ff6161;
}

ul.signupContentList li.signupTerms {
    padding-top: 30px;
    padding-left: 40px;
}

ul.signupContentList li.signupTerms ul li {
    font-size: 17px;
    color: #151515;
    position: relative;
    padding-left: 25px;
    line-height: 28px;
}

ul.signupContentList li.signupTerms ul li::before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c9c9c9;
    top: 7px;
    left: 0;
}

ul.signupContentList li.signupTerms ul li:not(:last-child) {
    margin-bottom: 25px;
}

ul.signupContentList>li.signupFormList {
    padding-right: 40px;
}

.signupCard.loginCard {
    padding: 0 0 40px;
}

.signupCard .nav-tabs {
    margin: 0 0 40px;
    border: 0;
}

.signupSection .signupCard.loginCard {
    max-width: 645px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.signupCard.loginCard .tab-content>.tab-pane {
    max-width: 385px;
    margin: 0 auto;
}

.signupCard.loginCard .alreadyHave,
.signupCard.loginCard label {
    color: rgba(0, 0, 0, .9);
}

.signupCard.loginCard .checkGroup label {
    color: #ff6161;
}


/* .signupCard.loginCard .form-control {
    height: 52px;
    border-color: #e3e3e3;
} */

.signupCard .nav-tabs .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    text-align: center;
}

.signupCard .nav-tabs .nav-item:last-child .nav-link {
    border-right: 0;
}

.signupCard .nav-tabs .nav-link span {
    width: 100%;
    display: block;
}

.signupCard .nav-tabs .nav-link.active {
    color: #595959;
    border-color: #595959;
}

.signupCard .nav-tabs .nav-link {
    border: 0;
    border-bottom: 4px solid #fff;
    color: #595959;
    font-size: 20px;
    border-radius: 0;
    padding: 5px;
    font-weight: 600;
    min-height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.signupCard .nav-tabs .nav-item .nav-link {
    border-right: 1px solid #fff;
}


/*----------------------------- SIGN UP SECTION -----------------------------*/


/*-------------------- group meet section ----------------*/

.group-meet-margin {
    margin-top: 60px;
}

.viewMoreBtn a {
    font-size: 19px;
    text-transform: uppercase;
    color: #858585;
    text-align: center;
    width: 345px;
    border: 1px solid #d6d6d6;
    display: block;
    border-radius: 50px;
    min-height: 65px;
    line-height: 65px;
    font-weight: 300;
    margin: 0px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s linear;
}

.viewMoreBtn a i {
    font-weight: 300;
    font-size: 25px;
    padding-left: 10px;
}

.viewMoreBtn a:hover {
    background: #ff6161;
    color: #fff;
}


/*------------------------------- matchmker page */

.reviewHead {
    font-size: 38px;
    color: #ff6161;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
    line-height: 41px;
}

.matchMakerSection {
    /*padding: 60px 0 75px;*/
    padding: 0;
    margin-bottom: 65px;
    position: relative;
}

.matchMakerSection::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 33%;
    background: #2b3252;
    right: 0;
    top: 0;
}

.seereivewParnet {
    padding: 25px 0;
    padding-right: 50px;
}

.reviewCard .reviewCardHead {
    padding-left: calc(48px + 15px);
    position: relative;
    min-height: 50px;
    display: flex;
    margin-bottom: 8px;
    align-items: center;
}

.reviewCard .reviewCardHead .reviewHeadImg {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
}

.reviewCard {
    box-shadow: 0 2px 20px 0 rgba(105, 105, 105, 0.12);
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    padding: 15px;
}

.reviewCardContent {
    font-size: 14px;
    color: #2b3252;
    line-height: 25px;
}

.reviewCardImg {
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 190px;
    width: 100%;
}

.reviewFooter {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 0;
}

.reviewFooter .reviewfooterContent {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin-right: 10px;
}

.owl-carousel.seeReviewOwl .owl-nav button.owl-next,
.owl-carousel.seeReviewOwl .owl-nav button.owl-prev {
    background: #fff !important;
}

.owl-carousel.seeReviewOwl .owl-nav button.owl-prev i,
.owl-carousel.seeReviewOwl .owl-nav button.owl-next i {
    color: #ff6161;
    font-weight: 600 !important;
    font-size: 18px !important
}

.reviewFooter .reviewfooterRating {
    font-size: 17px;
    color: #ff6161;
}

.seereivewParnet .seeReviewOwl {
    margin-top: 20px;
}

.seereivewParnet {
    font-size: 18px;
    color: #000000;
    margin-bottom: 0;
    padding-right: 25px;
    text-transform: uppercase;
}


/* .tooltip {
        display: inline;
        position: relative;
      }
      .tooltip:hover:after{
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        background: #444;
        border-radius: 8px;
        color: #fff;
        content: attr(title);
        margin: -82px auto 0;
        font-size: 16px;    opacity: 1;
        padding: 13px;
        width: 220px;
      }
   
      .tooltip:hover:before{
        border: solid;
        border-color: #444 transparent;
        border-width: 12px 6px 0 6px;
        content: "";
        left: 45%;
        bottom: 30px;
        position: absolute;
      } */

.reviewSideBack .reviewBlockHead {
    right: -36%;
    position: absolute;
    max-width: 420px;
    margin: 0 auto;
}

.seereivewParnet a {
    padding: 0;
    font-weight: 500;
    font-size: 18px;
    color: #ff6161;
    text-transform: capitalize;
}

.reviewFooter .reviewfooterRating span {
    color: #000;
}

.seeReviewOwl .owl-nav,
.matchOwlOnmobile .owl-nav {
    margin: 0;
}

.owl-carousel.seeReviewOwl .owl-nav button.owl-prev,
.owl-carousel.seeReviewOwl .owl-nav button.owl-next,
.owl-carousel.zoomOwl .owl-nav button.owl-prev,
.owl-carousel.zoomOwl .owl-nav button.owl-next,
.owl-carousel.matchOwlOnmobile .owl-nav button.owl-prev,
.owl-carousel.matchOwlOnmobile .owl-nav button.owl-next {
    background: #bfbfbf;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 4px 10px -2px rgb(0 0 0 / 69%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.owl-carousel.seeReviewOwl .owl-nav button.owl-prev i,
.owl-carousel.seeReviewOwl .owl-nav button.owl-next i,
.owl-carousel.zoomOwl .owl-nav button.owl-prev i,
.owl-carousel.zoomOwl .owl-nav button.owl-next i,
.owl-carousel.matchOwlOnmobile .owl-nav button.owl-prev i,
.owl-carousel.matchOwlOnmobile .owl-nav button.owl-next i {
    font-weight: 300;
    font-size: 17px;
}

.owl-carousel.seeReviewOwl .owl-nav button.owl-prev,
.owl-carousel.zoomOwl .owl-nav button.owl-prev,
.owl-carousel.matchOwlOnmobile .owl-nav button.owl-prev {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.owl-carousel.seeReviewOwl .owl-nav button.owl-next,
.owl-carousel.zoomOwl .owl-nav button.owl-next,
.owl-carousel.matchOwlOnmobile .owl-nav button.owl-next {
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
}


/*------------ matchmaker content style */

.matchMakerContentSection {
    padding: 0 0 70px;
}

.matchMakerContentSection .matchMakerhead {
    font-size: 43px;
    color: #000;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    margin-bottom: 40px;
    font-size: 57px;
    font-weight: bold;
    color: #ff6161;
}

.matchMakerContentSection .matchMakercontent {
    color: #1f1f1f;
    text-align: center;
    font-size: 19px;
    /*font-weight: 400;
    line-height: 35px;*/
    margin-bottom: 0;
    color: #2b3252;
    font-size: 19px;
}


/*--------------- new sign up section -------------------------*/

.signupSection .signupCard {
    padding: 0;
}

.signupCard.newSignup .nav-tabs .nav-link span {
    font-size: 14px;
    font-weight: 500;
    display: inline;
}

.signupStepHead {
    font-size: 23px;
    font-weight: 600;
    color: #000;
    padding: 0 40px;
    padding-bottom: 30px;
}

.signupStep_2 .signupStepHead,
.partnerSignupStep_2 .signupStepHead {
    padding-bottom: 0;
    display: flex;
    align-items: center;
}

.signupStep_2 .signupStepHead .stepBackwed i,
.partnerSignupStep_2 .signupStepHead .stepBackwed i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    background: #ff6161;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    font-size: 16px;
    margin-right: 10px;
    cursor: pointer;
    transition: all 0.3s linear;
}

.signupStep_2 .signupStepHead .stepBackwed i:hover,
.partnerSignupStep_2 .signupStepHead .stepBackwed i:hover {
    background: rgba(255, 97, 97, 0.77);
}

.signupStepFillout {
    font-size: 15px;
    color: #151515;
    padding: 0 40px;
    margin: 15px 0 30px;
}

.signupStep_2 ul.signupContentList::before,
.partnerSignupStep_2 ul.signupContentList::before {
    display: none;
}

.signupStep_2 .signupContentList,
.partnerSignupStep_2 .signupContentList {
    padding: 0 40px;
}

.signupStep_2 ul.signUpForm,
.partnerSignupStep_2 ul.signUpForm {
    display: grid;
    /*grid-gap: 40px;
    gap: 40px;*/
    grid-column-gap: 40px;
    grid-row-gap: 0px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.signupSubmit.signubBtnInline {
    margin-top: 50px;
    display: inline-block;
    max-width: 180px;
    min-width: 180px;
}

.flexGenderGroup {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.flexGenderGroup .checkGroup {
    margin-right: 20px;
}

.availErr {
    font-size: 12px;
    color: #ff6161;
    margin-bottom: 25px;
}

.adviseSection {
    color: rgba(19, 19, 19, 0.55);
    font-size: 13px;
}

.signUpForm input.form-control.chkAvail {
    margin-bottom: 5px;
}

.signupStep_2,
.partnerSignupStep_2 {
    display: none;
}


/*--------- partner steps */

.partnerSteps ul.signupContentList {
    margin-bottom: 0;
}

.partnerSteps {
    padding-bottom: 40px;
}

.partnerSteps .signupSubmit.signubBtnInline {
    margin-top: 30px;
    margin-bottom: 35px;
}

.partnerSteps ul.signupContentList li.signupTerms {
    padding-top: unset;
}

.partnerSteps ul.signupContentList::before {
    height: calc(100% + 15px);
    top: -15px;
}

.partnerSignupStep_2 .signupStepFillout {
    margin-bottom: 45px;
}

.partnerSignupStep_2 .flexGenderGroup {
    margin-bottom: 5px;
}


/*---------------------------    menu tabs --------------------------------*/

.profileImg {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ff6161;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

a.profileLink {
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 25px;
    margin-left: 15px;
}

a.profileLink:hover {
    color: #ff6161;
}

a.profileLink i {
    font-weight: 300;
    margin-right: 15px;
    padding: 10px;
}

.overlay_Profile {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s linear;
}

.profileSection {
    width: 100%;
    max-width: 350px;
    background: #fff;
    min-height: 100vh;
    height: 100%;
    overflow: auto;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    right: -365px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

body.profieShow .profileSection {
    right: 0;
    transition: all 0.3s ease-in-out;
}

body.profieShow .overlay_Profile {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s linear;
}

body.profieShow {
    overflow: hidden;
}

.profileBlock {
    padding: 15px;
    padding-bottom: 25px;
    border-bottom: 1px solid #f1f1f1;
    min-height: 100px;
}

.profileBlock .usrPrfname {
    font-size: 17px;
    font-weight: 500;
}

.profileBlock .usrPrfname span {
    display: block;
    margin-bottom: 0px;
}

.profileBlock .userPrImg {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #000;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
}

.profileBlock .usrPrfname a {
    color: #ff6161;
    font-weight: 400;
    display: inline-block;
}

.profileBlock .closeProfile {
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    padding: 10px;
    line-height: 1;
}

.profileBlock .closeProfile i {
    font-weight: 400;
    color: #ff6161;
    font-size: 25px;
}

.profileBlock .profileContent {
    position: relative;
    padding-left: 80px;
    display: flex;
    align-items: center;
    padding-right: 20px;
}

ul.coinBonusWarning {
    padding: 15px 0;
}

ul.coinBonusWarning li {
    padding: 10px 15px;
}

ul.coinBonusWarning li .flexListContent {
    display: flex;
    align-items: center;
}

ul.coinBonusWarning .coinIcons {
    position: relative;
    font-size: 16px;
    color: #000;
    padding-left: 44px;
    padding-right: 15px;
}

.view-text {
    font-size: 14px
}

.coinIcon1 {
    width: 16px;
    padding: 0 23px !important;
}

ul.coinBonusWarning .coinIcons svg {
    color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    fill: #000;
    position: absolute;
    left: 0;
    top: 3px;
    height: 16px;
}

ul.coinBonusWarning .coinIcons i {
    position: absolute;
    left: 0;
    top: 3px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
}

ul.coinBonusWarning .coinIcons .warningAlert {
    width: 16px;
    height: 16px;
    background: #ffde50;
    border-radius: 4px;
    transform: skewX(-20deg);
    position: absolute;
    left: 0;
    top: -5px;
}

.newProfileBtn_sec .warningAlert {
    width: 16px;
    height: 16px;
    background: #ffde50;
    border-radius: 4px;
    transform: skewX(-20deg) translateY(3px);
    display: inline-block;
}

.coincontent {
    font-size: 16px;
    color: #ff6161;
    text-align: right;
    flex: 1;
}

ul.profileInvites li a {
    position: relative;
    min-height: 60px;
    padding: 10px 15px;
    padding-left: 45px;
    display: flex;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    align-items: center;
}

ul.profileInvites li a:hover {
    background: #f1f1f1;
}

ul.profileInvites li a i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
}

.collapseMenuProfile {
    padding: 25px 0;
}

.collapseMenuProfile hr {
    margin-top: 25px;
    margin-bottom: 25px;
    border-color: #f1f1f1;
}

ul.collpaseheadProfile a.collapseLinkProfile {
    display: flex;
    padding: 10px 15px;
    padding-left: 45px;
    position: relative;
    color: #000;
    transition: all 0.3s linear;
}

ul.collpaseheadProfile a sup {
    width: 22px;
    height: 20px;
    border-radius: 12px;
    background: #ff6161;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

ul.collpaseheadProfile a.collapseLinkProfile::before {
    position: absolute;
    content: "\f107";
    right: 15px;
    top: 5px;
    font-family: Font-Awesome-5-Pro;
    color: rgba(0, 0, 0, 0.5);
    font-size: 24px;
    font-weight: 300;
    transition: all 0.3s linear;
}

ul.collpaseheadProfile a.collapseLinkProfile[aria-expanded="true"]::before {
    content: "\f106";
    transition: all 0.3s linear;
}

ul.collpaseheadProfile a.collapseLinkProfile i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    transition: all 0.3s linear;
}

ul.collpaseheadProfile a.collapseLinkProfile svg {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(0, 0, 0, 0.5);
    width: 16px;
    transition: all 0.3s linear;
}

ul.collpasePrfList li a {
    padding: 7px 15px 7px 45px;
    color: #646464;
    font-size: 15px;
    display: flex;
    transition: all 0.3s linear;
    position: relative;
}

ul.collpasePrfList li a:hover {
    color: #ff6161;
}

.notificationMsg{
    float: right;
    font-size: 11px !important;
    color: red !important;
    font-weight: 500 !important;
}

.notificationMsg span{
    font-weight: 700; 
    color: gray; 
    font-size: 12px;
    margin: 0 0 0 5px;
}

.profile-question-input input {
    border: none;
}


ul.collpaseheadProfile a.collapseLinkProfile.noneCollapseProfile::before {
    display: none;
}

ul.collpaseheadProfile a.collapseLinkProfile:hover,
ul.collpaseheadProfile a.collapseLinkProfile:hover::before,
ul.collpaseheadProfile a.collapseLinkProfile:hover i,
ul.collpaseheadProfile a.collapseLinkProfile:hover svg {
    color: #ff6161;
}

ul.collpaseheadProfile a.collapseLinkProfile[aria-expanded="true"],
ul.collpaseheadProfile a.collapseLinkProfile[aria-expanded="true"]::before,
ul.collpaseheadProfile a.collapseLinkProfile[aria-expanded="true"] i,
ul.collpaseheadProfile a.collapseLinkProfile[aria-expanded="true"] svg {
    color: #ff6161;
}


/*-------------- review side */

.reviewSideBack {
    background: #2b3252;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
    text-align: center;
}

.reviewSideBackHead {
    font-size: 38px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
    line-height: 55px;
}

.reviewSidecontent {
    font-size: 17px;
    font-weight: 300;
    color: #fff;
    line-height: 35px;
}


/* CREATE MEET  */

.hero-heading>span.redText {
    color: #ff6161;
}

.creatHostinner {
    /* max-width: 1000px; */
    margin: 0 auto;
    margin: 0 -15px !important;
}

.creatHostinner {
    padding: 40px 30px;
}

.profile-content-card {
    -webkit-box-shadow: 0 2px 20px 0 rgba(105, 105, 105, 0.12);
    box-shadow: 0 2px 20px 0 rgba(105, 105, 105, 0.12);
    border-radius: 15px;
    /* overflow: hidden; */
    transition: 0.3s all ease;
    position: relative;
    background-color: #fff;
    margin-top: 73px;
    margin-bottom: 28px;
}

.creatHostinner .form-group {
    margin-bottom: 1.5rem;
}

.createHostInputInp {
    margin-right: 15px;
}

.createHostInputSet {
    display: flex;
    /* align-items: center; */
}

.createHostInputSet .createHostInputInp {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.createHostInputSet .createHostInputInp:last-child {
    margin-right: 0;
}

.seprator-text {
    padding: 10px 20px;
    color: #9d9d9d;
}

.hint-text {
    margin-top: 5px;
    color: #8b8b8b;
    font-size: 12px;
    font-style: italic;
}

.heading-with-line {
    position: relative;
    margin: 11px auto 24px;
    font-size: 21px;
    color: #000;
    font-weight: 500;
    z-index: 2;
}

.heading-with-line span {
    background: #fff;
    padding-right: 15px;
}

.heading-with-line::before {
    content: "";
    z-index: -1;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #f0f0f0;
    top: 50%;
    left: 0;
}

.createHostTextBox {
    margin: 40px 0;
}

.createHostTextBox .safetyCard {
    text-align: left;
    background: url(../images/icon_warning.png) 15px 15px no-repeat;
    padding: 15px 15px;
    padding-left: 65px;
    margin-bottom: 20px;
    padding: 15px 15px;
    padding-left: 65px;
    margin-bottom: 20px;
    color: #233664;
    font-size: 14px;
    border: 1px solid rgba(239, 74, 74, 0.2);
    border-radius: 6px;
}

.createHostTextBox .safetyCard p {
    font-size: 14px;
}

.createHostButton {
    text-align: center;
    display: flex;
    max-width: 450px;
    margin: auto;
}

.createHostButton .redBtn,
.createHostButton .blueBtn {
    display: inline-block;
    margin: 0px 3px;
    padding: 15px 10px;
    font-size: 20px;
    color: #23a5bf;
    border: 2px solid #ff6161;
    border-radius: 55px;
    transition: all 0.3s;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    text-transform: uppercase;
    white-space: nowrap;
}

.createHostButton .redBtn {
    border: 2px solid #ff6161;
    color: #ff6161;
}

.createHostButton .blueBtn {
    border: 2px solid #23a5bf;
    color: #23a5bf;
}

.createHostButton .redBtn:hover {
    border: 2px solid #ff6161;
    color: #fff;
    background: #ff6161;
}

.createHostButton .blueBtn:hover {
    border: 2px solid #23a5bf;
    color: #fff;
    background: #23a5bf;
}


/* EDIT PROFILE PAGE */

.page-topspace {
    margin: 55px 0;
}

.shadow-box {
    -webkit-box-shadow: 0 2px 20px 0 rgba(105, 105, 105, 0.12);
    box-shadow: 0 2px 20px 0 rgba(105, 105, 105, 0.12);
}

.profile-left,
.profile-right {
    padding: 20px;
    border-radius: 12px;
}

.profile-left {
    height: 100%;
}

#fixed-sidebar {
    height: 100%;
}

.owl-carousel.arrow-vertical .owl-nav button.owl-prev,
.owl-carousel.arrow-vertical .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    left: -15px;
    padding: 0;
    margin: 0;
    font-size: 20px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: #000;
    margin-top: -15px;
    background: #dadada;
    transform: translateY(-50%);
    display: none;
}

.owl-carousel.arrow-vertical .owl-nav button.owl-next {
    left: auto;
    right: -15px;
}

.owl-carousel.arrow-vertical .owl-nav button.owl-prev:hover,
.owl-carousel.arrow-vertical .owl-nav button.owl-next:hover {
    color: #fff;
    background: #ff6161;
}

.owl-carousel.arrow-vertical figure {
    border-radius: 10px;
    overflow: hidden;
    height: 250px;
}

.user-title {
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    margin: 0 auto 31px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgba(0, 0, 0, .9)
}

.user-title a {
    color: rgba(0, 0, 0, .9)
}

.owl-carousel.arrow-vertical figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    margin: auto;
}

.profilebtn-set {
    text-align: center;
    display: flex;
    margin: 0 auto 44px;
}

.profilebtn-set a {
    display: inline-block;
    margin: 0px 3px;
    padding: 10px 10px;
    font-size: 15px;
    color: #ff6161;
    border: 1px solid #ff6161;
    border-radius: 55px;
    transition: all 0.3s;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.profilebtn-set a span {
    color: #ff6161;
    font-size: 10px;
}

.profilebtn-set a:hover {
    color: #23a5bf;
    border: 1px solid #23a5bf;
}

.text-link {
    margin: 20px auto;
    font-size: 15px;
    position: relative;
    padding-right: 35px;
}

.text-link .abs-icons {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -19px;
    font-size: 28px;
    height: 28px;
    color: #12af1d;
}

.sidebar-hr {
    margin: 30px -20px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.match-status {
    background: #ff6161;
    color: #fff;
    font-size: 16px;
    border-radius: 30px;
    padding: 10px 20px;
    margin-right: 6px;
}

.approved-status {
    font-size: 15px;
}

.page-heading {
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 40px;
    color: #ff6161;
}

label.user-label {
    color: #010101;
    font-size: 16px;
    font-weight: 500;
}

.user-data {
    margin: 0 0 23px;
    color: #646464;
    word-break: break-all;
    min-height: 24px;
}

.sidebar-hr.mt0 {
    margin-top: 11px;
}

.described p,
.described {
    font-size: 15px;
    color: #404040;
}

.described {
    margin: 0 0 34px;
}

.sidebar-hr.h-30 {
    border-top: 10px solid rgba(0, 0, 0, 0.025);
}

.heading-sm {
    margin: 0 auto 34px;
    color: #ff6161;
    text-align: center;
    font-weight: 600;
    font-size: 24px;
}

.rating-star {
    color: #ff6161;
}

.user-pairs {
    text-align: right;
}

.user-pairs span {
    padding: 8px 18px;
    font-size: 14px;
    display: inline-block;
    color: #000;
    border: 1px solid #000;
    border-radius: 60px;
}

ul.rating-overall {
    margin: 18px 0 35px;
    padding: 0;
    list-style: none;
}

ul.rating-overall li {
    position: relative;
    margin: 0;
    padding: 6px 0;
    padding-bottom: 10px;
}

ul.rating-overall li::before {
    content: "";
    z-index: -1;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #f0f0f0;
    top: 50%;
    left: 0;
}

ul.rating-overall li .r-label {
    background: #fff;
    display: inline;
    padding-right: 15px;
}

ul.rating-overall li .r-text {
    position: absolute;
    right: 0;
    font-weight: 500;
    top: 6px;
    padding-left: 10px;
    background: #fff;
}

.cmt-section {
    position: relative;
    margin: 0 0 10px;
}

.cmtuser-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.cmtuser-thumb img {
    height: 100%;
}

.cmt-right {
    padding: 0 0 0 77px;
}

.cmtuser-name h5 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.cmt-date {
    font-size: 13px;
    color: #888;
}

.cmtuser-name {
    position: relative;
}

.reply-btn {
    position: absolute;
    top: 18px;
    right: 0;
    color: #ff6161;
}

.cmt-text,
.cmt-text p {
    font-size: 14px;
    font-weight: 300;
    color: #404040;
}

.cmt-text {
    margin: 15px 0 0;
    border-bottom: 1px solid #eee;
}

.comments-block .cmt-section:last-child .cmt-text {
    border: 0;
}

.comments-block .cmt-section:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    padding-bottom: 10px;
}

.loadmore-btn {
    background: #ff6161;
    border-radius: 40px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 13px 27px;
    margin: 0 auto;
    display: table;
}

.loadmore-btn:hover {
    background: #23a5bf;
    color: #fff;
}


/*--------------------------------- how to use zoom html ----------------------*/

.newPageNav .profile-tab-head {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.profile-tab-container {
    max-width: 1100px;
    margin: 0 auto;
}

.profile-tab-head .nav-pills .nav-link {
    padding: 0;
    border-radius: 0;
    height: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 24px;
    font-family: 'spoqa_han_sans_neomedium';
    font-weight: 500;
    flex-direction: column;
    border-right: 1px solid transparent;
    color: #595959;
    border-right: 0;
}

.profile-tab-head .nav-pills .nav-link.active,
.profile-tab-head .nav-pills .show>.nav-link,
.profile-tab-head .nav-pills .nav-link:hover {
    color: #ff6161;
    background-color: transparent;
}

.grayBorder .profile-tab-head .nav-pills .nav-link.active,
.grayBorder .profile-tab-head .nav-pills .show>.nav-link,
.grayBorder .profile-tab-head .nav-pills .nav-link:hover {
    color: #595959;
    background-color: transparent;
}

.profile-tab-head .nav-pills .nav-item:last-child .nav-link {
    border-right: 0;
}

.profile-tab-head .nav-pills .nav-link.active:after,
.profile-tab-head .nav-pills .show>.nav-link:after,
.profile-tab-head .nav-pills .nav-link:after {
    content: "";
    height: 3px;
    width: 0%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    background-color: #ff6161;
    transition: 0.3s all ease-in-out;
}

.grayBorder .profile-tab-head .nav-pills .nav-link.active:after,
.grayBorder .profile-tab-head .nav-pills .show>.nav-link:after,
.grayBorder .profile-tab-head .nav-pills .nav-link:after {
    background-color: #595959;
}

.profile-tab-head .nav-pills .nav-link.active:after,
.profile-tab-head .nav-pills .show>.nav-link:after,
.profile-tab-head .nav-pills .nav-link:hover:after {
    width: 100%;
}

.howUse h2.page-heading {
    font-size: 44px;
}

.howUse h2.page-heading span {
    color: #091114;
}

.howUse p.page-subheading {
    font-size: 16px;
    color: #091114;
    text-align: center;
    max-width: 935px;
    line-height: 31px;
    margin: auto;
}

.howuseSection .useHostUperRow {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 65px;
}

.howuseSection .hostUparImg {
    width: 40%;
    max-width: 40%;
    flex: 0 0 40%;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

.howuseSection .hostContentImg {
    width: 60%;
    max-width: 60%;
    flex: 0 0 60%;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

.howuseSection .hostImg {
    width: 375px;
    height: 375px;
    border-radius: 50%;
    border: 8px solid #ffecec;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.howuseSection .hostContentHead {
    font-size: 35px;
    font-weight: 700;
    color: #ff6161;
    position: relative;
    margin-top: 30px;
    margin-bottom: 25px;
}

.howuseSection .hostContentHead::before {
    position: absolute;
    content: "";
    height: 4px;
    width: 45px;
    background: #ff6161;
    left: 0;
    bottom: -5px;
}

.howuseSection .hostSubcontent {
    font-size: 19px;
    line-height: 25px;
    color: #161616;
}

.howuseSection .hostDescription {
    margin-top: 20px;
}

.howuseSection .hostDescription p {
    color: #3b3b3b;
    font-size: 15px;
    line-height: 27px;
    margin-bottom: 10px;
}

.useHostUperRow:nth-child(even) {
    flex-direction: row-reverse;
}

.useHostUperRow:last-child {
    margin-bottom: 90px;
}

.zoomSection {
    padding: 60px 0;
    background-image: url(../images/zoom-back.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.zoomSection::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 97, 97, 0.95);
    z-index: -1;
}

.zoomSection h2.page-heading {
    font-size: 44px;
    color: #fff;
    margin-bottom: 60px;
}

.zoomMeetingCard {
    padding: 30px 25px;
    -webkit-box-shadow: 0 2px 20px 0 rgb(105 105 105 / 12%);
    box-shadow: 0 2px 20px 0 rgb(105 105 105 / 12%);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    height: 100%;
}

.zoomMeetingCard {
    padding: 65px 20px 45px;
    -webkit-box-shadow: 1px 3px 38px rgb(105 105 105 / 22%);
    box-shadow: 1px 3px 38px rgb(105 105 105 / 22%);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    height: 100%;
}

.zoomMeetingCount {
    color: rgb(255 97 97 / 10%);
    font-size: 66px;
    font-weight: 400;
    padding: 0;
    position: absolute;
    left: 10px;
    top: 7px;
    line-height: 1;
}

.zoomMeetingImage {
    text-align: center;
}

.zoomMeetingTitle {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
}

.zoomMeetingTitle h3 {
    font-size: 18px;
    line-height: 28px;
    color: #2b3252;
    font-weight: 400;
}

.zoomMeetingText {
    color: rgba(43, 50, 82, 0.7);
    font-size: 16px;
}

.zoomMeetingList ul {
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 60px;
}

.zoomMeetingList>ul>li {
    color: #5c5c5c;
    font-size: 14px;
    line-height: 25px;
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
}

.zoomMeetingList>ul>li:last-child {
    margin-bottom: 0px;
}

.zoomMeetingList {
    margin-top: 20px;
}

.zoomMeetingList>ul>li:after {
    content: "";
    height: 18px;
    width: 18px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTkyQjJDRTEyMzAwMTFFQjhEM0JEQUQ3NTAxQTVFMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTkyQjJDRTIyMzAwMTFFQjhEM0JEQUQ3NTAxQTVFMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOTJCMkNERjIzMDAxMUVCOEQzQkRBRDc1MDFBNUUyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBOTJCMkNFMDIzMDAxMUVCOEQzQkRBRDc1MDFBNUUyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnFz/dYAAAGfSURBVHjalJRNKERRGIZn/OSnWauRlLAwSFF2/jKZUYwUk52sKMnCUpaysWNhJQs7lH9GkWYpUsxk/ESUPREzJdd79B593e69M756Ot3vnPPe957zfdedDAy7LKIHjIF2U/4YzIM1ncjbX/gdc0wLy8EWqOLzDogBA1SDLtAKbkEIJPRGKdQGjripT77Vwu0KuAIBcKCSWZz0UuQeFDqIqNjgmjiIpIIjZVIoyrESJF3p4wvUcIxqIT+oAN3gOwORfGEgCErgKqQS01TezkBkFHzSjYpDPs8ooUawl4HIIK9ebX4Q+XXg0xZPxUQxmAVFIjcElsAqj+JNzJ3LwzbERC6YAHcgm7WzyJvst7Or66he5B5BLbgEL8DDugnbaNRpR2d8q4wYq9vDMwk7nF0vuFZCU3TWYVqQoJDfQaSZxTnpZtOqWyjlmfwnPsArGterD7uFnxkXF5Au1E0XcO/fpidWqQ+8s7PtolO5AA2qG+Dmxtz9EQrtsjFTYJMuDc6F6OIZNIELq9+Ii78G1c0DYJx1I2vnBMyBZbPNHwEGAFWoXAkiQtWkAAAAAElFTkSuQmCC");
    display: inline-block;
    position: absolute;
    left: 0;
    top: 6px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.zoomMeetingImage img {
    max-height: 230px;
    margin: auto;
    width: auto !important;
}

.firstUserStepzoom {
    margin-bottom: 35px;
}

.firstUserStepzoom p {
    font-size: 25px;
    color: #fff;
    line-height: 25px;
    position: relative;
    margin-bottom: 0px;
}

.firstUserStepzoom p::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 4px;
    background: #fff;
    bottom: -10px;
    left: 0;
}

.zoomParticipants {
    padding: 60px 0 35px;
}

.zoomParticipants h2.page-heading {
    margin-bottom: 60px;
}

.zoomParticipants .useHostUperRow:last-child {
    margin-bottom: 0;
}

ul.zoomParticipantList li {
    font-size: 16px;
    color: #5c5c5c;
    padding-left: 65px;
    position: relative;
}

ul.zoomParticipantList li:not(:last-child) {
    margin-bottom: 30px;
}

ul.zoomParticipantList li svg {
    max-width: 30px;
    color: #ff6161;
    position: absolute;
    left: 0;
    top: 5px;
}

.clickingImg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAwCAYAAAB0WahSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUwMEE2MUQzNjQzMDExRUI5OTY0ODE5MTEzMUU2Rjc2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUwMEE2MUQ0NjQzMDExRUI5OTY0ODE5MTEzMUU2Rjc2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTAwQTYxRDE2NDMwMTFFQjk5NjQ4MTkxMTMxRTZGNzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTAwQTYxRDI2NDMwMTFFQjk5NjQ4MTkxMTMxRTZGNzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7InufNAAADy0lEQVR42tyZC2hOYRjH9zFbzWwYU9Qmt9yTS0wRQlNzCWuh1Ch3k7lTc5dLbnNLCRlZJHOfltYyhvnmslymkGxrbonIfHbxf/Oc+vf6ruc73zd569d5nvd8O+c57/ue5/0/Z7b61NQQL9pokAT6g84gHJSDx6AAnADfQ/xoNg+B9AU7wTAP13kHNoH9ZgNp5ObcNGDXgvgJnoAHoIr624B9INvqQMaBk+SXgTmgPegpIxUvU8Y3TwHnrQokFlwg/zjoBg5ro+AAeWCKYLQJIM2KQHieVUBqEdVTX4JMVyvqU6Mynvy9INKfQNTFk8X+ASbROXWjF+A2yAevwTo6fxGcIj/Nn0BSyM4EtWIPBTny6hpNPfFasJn6MrQpMh1IgvaEzqYrFxwjf7UsYtVeyaip1hE0MRtIc7LfyzEK9BC7FIwBM8Au+m0i2Y/k2FJea1OBsB8lx2Yq8Yn9lM6Xks1PHkN2rdlAKsmOoIvV0LowWjTZv8iOl2ONZFyvWqjmbwStQQW4ZzJJLgCzwVlQZzaQN1o+cLtPuejPFSzba4La/otAbP/iiJT7e4FQiwJRG+NwUA2ugcKGCmSilvJ3g/RgBeJujSyW0QkDvcFDkKVl44CskVJRdSupbxVYAkaBZSK0kwP91uwAl8A2d0+NdkaUXpFk7j2SyS0LJIzsz2SvAV3BaeqbBQaBAWAReA46WDU1vPuGU0BbRHhnOPmbOpILOVaNiDNbievGdDOjvRQhFUciqpc/gUQ70S6sR2LprWxK50tkc62QHVq1b/4Ekk92Adl5crwlo6LaM3Uz7TxPaT3nkXZSMClBdBfc95BrboCBIoBKqH+uqHk7lSFVUhvFSRXwVx4zjKWysHjRXQZjZR9xJYJdiadCF/tRubs8MlnygH6zJNk3lDx8GwwZsJV8VfnPp7lNlCG2BTqQUKpJ7sgUGQvNLq9fl2AJo2qx25JyV7XJ4GArtKtiqxVdTElILcQR2u8jAxmIWhNfxO8Obmq5Ion8j4EM5IPkAwfVv5x0rsii3WDmu4evmrVMWxMjwTnyr0vlXxkMFW/X1oSSf0cbqpzI1yq9VBEvDVLXqO8i08lX4mV9gO7v8CQVs6SY5i9B6QEIxEgHjdzJgAMi9Tj9z7Q4EOMDT4QnPaJ25O3kH9G+s/nTFoJORhXgjTBaAQ6Rny3lQQuTAcTISGdSX7rNy38KhIjYmUr+V9mTHD4EoYR1H22rOKiyuy+Vnvo2/0mG1NCpQ/ycHqWDlpspOdOkSJoH+oX8+Wroi+6tE9lYLCNRZJz4LcAAIhrCl4a8TDMAAAAASUVORK5CYII=);
    position: absolute;
    width: 30px;
    height: 50px;
    left: 0;
    top: 3px;
    display: inline-block;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center;
}


/* -------------- datepicker style  */

.datepicker-dropdown {
    border: 0;
    -webkit-box-shadow: 0 2px 20px 0 rgba(105, 105, 105, 0.12);
    box-shadow: 0 2px 20px 0 rgba(105, 105, 105, 0.12);
    min-width: 280px;
}

.datepicker-dropdown:before {
    display: none;
}

.datepicker-dropdown:after {
    border-bottom: 6px solid #fff;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover {
    background-color: #ef5455;
    border-color: #ef5455;
}

.datepicker table tr td,
.datepicker table tr th {
    width: 40px;
    height: 35px;
    font-weight: 300;
}

.datepicker table tr td.highlighted {
    color: #2b3252;
    background-color: #d7dbeb;
    border-color: #d7dbea;
    border-radius: 0;
    font-weight: 400;
}

.datepicker table tr td.today,
.datepicker table tr th.clear,
.datepicker table tr td.today:hover {
    color: #ef5455;
    background-color: rgba(239, 84, 85, 0.2);
    border-color: rgba(239, 84, 85, 0.3803921568627451);
    font-weight: 600;
}


/*-------------------------------    view meet style -------------------*/

.view-meet-card .searchResultUTexteWrap {
    font-size: 21px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.view-meet-card .searchResultUser {
    align-items: start;
}

.view-meet-card .searchResultUName {
    font-size: 19px;
    font-weight: 500;
}

.view-meet-card .searchCardTag {
    font-size: 16px;
}

.view-meet-card .src-match-box {
    font-size: 12px;
    color: rgba(43, 50, 82, 0.5);
}

.view-meet-card .src-interested-talk {
    font-size: 16px;
    margin: 15px 0 0;
}

.view-meet-card .view-match-flex {
    display: flex;
    align-items: start;
}

.view-meet-card .src-card-detail {
    margin-bottom: 0;
    margin-top: 20px;
    padding-left: 25px;
    max-width: 45%;
    width: 100%;
}

.view-meet-card .src-card-detail ul li {
    display: block;
    font-size: 15px;
}

.view-meet-card .view-matchflex_1 {
    width: 100%;
    max-width: 55%;
}

.view-meet-card .src-card-detail .src-row .src-col-2 {
    padding-left: 5px;
}

.view-meet-card .src-card-detail .src-row .src-col-1 {
    padding-right: 5px;
}

.view-meet-card .viewAutoContent {
    font-size: 13px;
    color: rgba(43, 50, 82, 0.5);
}

.partBookCard {
    -webkit-box-shadow: 1px 3px 38px rgb(105 105 105 / 22%);
    box-shadow: 1px 3px 38px rgb(105 105 105 / 22%);
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    padding: 15px;
    position: relative;
    padding-bottom: 121px;
}

.partBookCard .hostTag {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    display: inline-block;
    margin-right: 12px;
}

.partBookCard .host-user {
    font-size: 16px;
    color: #787878;
    background: rgba(215, 215, 215, 0.3);
    min-width: 75px;
    border-radius: 45px;
    padding: 3px 10px;
    display: inline-block;
    text-align: center;
}

.partBookCard .withPet {
    display: inline-block;
    color: #2b3252;
    font-size: 16px;
    background: #f2fbfb;
    border-radius: 45px;
    text-align: center;
    padding: 7px 10px;
    min-width: 125px;
}

.partBookCard .partBookCard-head {
    margin-bottom: 15px;
}

.partBookCard .partBookCard-body .partBookCard-user {
    font-size: 18px;
    font-weight: 600;
    color: #595959;
    margin-top: 5px;
    font-family: 'spoqa_han_sans_neomedium';
}
.partBookCard-body .partiBtn{
        display: inline-block;
        padding: 0 10px;
        font-size: 26px;
        line-height: 1;
}

.partBookCard .partBookCard-body .partBookCard-user span {
    font-size: 16px;
    font-weight: 400;
}

.partBookCard .partBookCard-body .partBookCard-usrImg {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 7px;
}
.partBookCard-usrImg.img-fade a:nth-last-child(-n+2){
    opacity: 0.3;
}

/* .img-fade-figure a:nth-last-child(-n+2){
    opacity: 0.3;
} */
.fade-figure {
    opacity: 0.3;
}

.partBookCard .partBookCard-body .partBookCard-usrImg .userImg {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ccc;
}

.partBookCard .partBookCard-body .partBookCard-usrImg .userImg:not(:last-child) {
    margin-right: 12px;
}

.partBookCard .partBookCard-footer .partBookCard-btnGroup {
    text-align: center;
}

.partBookCard .partBookCard-footer .partBookCard-btnGroup *.col {
    padding: 0 7px;
}

.partBookCard .partBookCard-footer .partBookCard-btnGroup a {
    display: inline-block;
    background-color: #23a5bf;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border-radius: 50px;
    padding: 10px 15px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s linear;
}

.partBookCard .partBookCard-footer .partBookCard-btnGroup a.bookthisMeetBtn {
    background-color: #ff6161;
}

.partBookCard .partBookCard-footer .partBookCard-btnGroup a.bookthisMeetBtn:hover {
    background-color: #f94040;
}

.partBookCard .partBookCard-footer .partBookCard-btnGroup a.participantBtn:hover {
    background-color: #1489a0;
}

.partBookCard .partBookCard-footer .partBookCard-btnGroup .participantBtn .partibtnIcon {
    width: 30px;
    height: 25px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAXCAYAAAD3CERpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAlJJREFUeNqslk9IVFEUxmfUkEgzMlokZCYTzoBSqyTCRW4mqkU73SRibYXMP4PSpkhLI0VyIdJKKd0N6UoUslJxIdJkkcNQI7oqxZREaoTrd+N7cLnd57xn78BvZs6595wz975z73l+IYQvjZSCC+AsOE7bD5AA8yDucysyqYEC0AGSIr18Am0g1ybWP/gNK30EWhU9Bt5wRWsgA5wEIVAJijkvBZpBj5uVHgFzygoegmIH/7wUPFf8XqfzsX7IFSfoNA5OOd0qLfkiY0w6STrKyUMHSKbzjrE690tazklLHiS02GLMAtO4LIomPt7bPu8kwu8Gu0LaBX9sjk0vqKKeDZ6C+8qcu6AbHNV8T3Cl70ERyNS3V7CI9KQvlYqU+jVFL2LxWfLA4C9lAtSC3+C8nnTT4HQDrIIR6oXgK/gAcmibBsvgouZ7mHGneRTXqV+yks7ScNrDQgoz5ivFtkRbjlSqqUQ9TBpjzHLFdoi2EcuwQsMdDxK2M9aUYWxYKEoJSHFy438kfMYY8pweM4xXCc1wS6lGWXWXXSS7zm5jFeU5m3kRwbL3KZfDgHaMP4IomAFJ8Iv2PBAAFeAmOEP7GKhlNzLJ97/dSPkXg8pKf4LPwrm8BVfT7MY9zr2idhlLekAe7SFQz4tCtr04+MIu0qJV5340M3af2mVk33wBAi6eo1xZDS+GLMN4Pm+jOBOm9NaW5bJK5S3TpW3xBs+n7Kk7No8haHUZKbsuu8g2u5MfhEE/+AbyWWQL4DEIUn9Cvzr54XfwNuiVlPGNMronwAAx7nePnLjWXwAAAABJRU5ErkJggg==");
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
    display: inline-block;
}

.partBookCard .partBookCard-footer .partBookCard-btnGroup p {
    font-size: 12px;
    margin-top: 15px;
    color: rgb(43, 50, 82, 0.5);
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
}

.partBookCard .partBookCard-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 15px 8px;
}


/* ------------- secdule section  */

.secduleSection {
    display: flex;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.secduleSection .secduleHead {
    font-size: 33px;
    color: #000;
    font-weight: 500;
    padding: 0 35px;
}

.secduleSection .divider {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    flex: 1;
}

.secduleContent .secduleContent-head {
    font-size: 16px;
    color: #595959;
    margin-bottom: 5px;
    font-family: 'spoqa_han_sans_neo_bold';
    font-weight: 700;
}

.secduleZoom {
    font-size: 14px;
    font-weight: 500;
    color: #595959;
}


.secduleContent p {
    font-size: 14px;
    color: #595959;
    line-height: 30px;
    margin-bottom: 0;
}

.secduleContent ol {
    font-size: 17px;
    color: #747474;
    line-height: 30px;
    margin-bottom: 0;
    padding-left: 20px;
}

.secduleContent ul.secduleStarList {
    font-size: 17px;
    color: #747474;
    line-height: 30px;
    margin-bottom: 0;
}

.secduleContent ul.secduleStarList li {
    position: relative;
    padding-left: 20px;
}

.secduleContent ul.secduleStarList li::before {
    content: "*";
    position: absolute;
    left: 0;
    top: 0;
    color: #ff6161;
}

.secduleContent {
    margin-bottom: 35px;
    font-size: 14px;
    color: #747474;
    line-height: 30px;
}
.secduleContent a{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid;
    margin: 10px 0;
}
.secduleContent a .fas{
    margin-left: 10px;
}
.secduleContent .secduleContent-img{
    padding: 10px 0;
}
.secduleContent .secduleContent-img img{
    border-radius: 10px;
}


/* Coin charges */

.table.msgs-table {
    margin-bottom: 0;
}

.table {
    white-space: nowrap;
    font-size: 15px;
}

.table.msgs-table thead th {
    background-color: #ef5455;
    font-size: 15px;
    color: #fff;
    border-right: 2px solid #c04142;
    /* border-right: 1px solid rgba(255, 255, 255, 0.21); */
    font-weight: 300;
}

.table-responsive .table th,
.table-responsive .table td {
    white-space: nowrap;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #f8fbff;
}

.table-hover tbody tr:hover {
    background-color: #fff3f3;
}

.f-w-700 {
    font-weight: 600 !important;
}

.rounded-corner {
    border-radius: 15px;
}

.coin-table-wrapper {
    border-radius: 14px;
}

.coin_p {
    vertical-align: middle;
    display: inline-block;
    padding-right: 70px;
    width: 100%;
    max-width: 160px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
}

.coin_p span {
    display: inline-block;
    padding: 0px 10px;
    width: 100%;
    font-size: 17px;
    color: #ffffff;
    font-weight: 500;
    box-sizing: border-box;
    background-color: #2b3252;
    padding-left: 15px;
    position: relative;
}

.coin_p b {
    display: inline-block;
    padding: 0px 15px 0px 5px;
    width: 70px;
    font-size: 16px;
    font-weight: 300;
    box-sizing: border-box;
    text-align: center;
    background-color: #fff;
    position: relative;
    margin-left: -3px;
}

.coin_p b:after {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #2b3252;
    font-weight: bold;
    position: absolute;
    left: -3px;
    top: 50%;
    transform: translateY(-50%);
}

.table td,
.table th {
    vertical-align: middle;
    font-weight: 300;
    padding: 1.1rem 0.75rem;
}

.heading-5 {
    font-size: 23px;
    font-weight: 600;
    margin: 52px 0 14px;
}

.table-box {
    padding: 20px;
}

.block-box {
    padding: 20px;
}

.block-box.shadow-box.rounded-corner .heading-5 {
    padding: 0 20px 15px;
    margin: 0 -20px 20px -20px;
    border-bottom: 1px solid #f2f2f2;
}

.block-box.mtop-4 {
    margin-top: 20px;
}

.sm-maxwidth-btn {
    background-color: #ef5455;
    color: #fff;
    font-size: 15px;
    border: 0;
    border-radius: 55px;
    outline: none;
    padding: 10px 25px;
    margin-top: -10px;
}

.sm-maxwidth-btn:hover,
.sm-maxwidth-btn:focus {
    background-color: #23a5bf;
}

.red-text {
    color: #ef5455;
}

.equal-height-list,
.max-width-content p {
    font-size: 14px;
}

.f-w-300 {
    font-weight: 300 !important;
}

.max-width-content {
    padding: 35px 20px 25px;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    position: relative;
    margin: 20px auto 40px;
    font-size: 13px;
    max-width: 660px;
    text-align: left;
}

.max-width-content p {
    font-size: 13px;
    line-height: 30px;
}

.max-width-content p.max-width-heading {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #ef5455;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background-color: #fff;
    margin: -34px auto 0;
    padding: 5px 13px;
    display: table;
}

.coin-table-max.max-bigger {
    max-width: 660px;
    margin: 0 auto;
}

.coin-max-button {
    background-color: #ef5455;
    color: #fff;
    font-size: 20px;
    border: 0;
    border-radius: 55px;
    outline: none;
    padding: 10px 44px;
}

.coin-max-button:hover,
.coin-max-button:focus {
    background-color: #23a5bf;
}

.form-control,
.custom-select {
    color: #000;
}

a.pageBtn {
    display: inline-block;
    padding: 6px 20px;
    line-height: 1.42857143;
    border: 1px solid #e6e6e6;
    color: #595959;
    margin-right: 5px;
    border-radius: 55px;
    font-size: 15px;
}

a.pageBtn:hover {
    border: 1px solid #ef5455;
    color: #ef5455;
}

.options-btm {
    margin-bottom: 20px;
}

.table.msgs-table .msg-chk {
    width: 50px;
}

.table.msgs-table .styled-checkbox+label::before {
    margin: -5px auto 0;
}

.table.msgs-table .styled-checkbox:checked+label::after {
    left: 6px;
    top: -14px;
}

.hint-texts {
    margin: 13px auto 40px;
    font-size: 13px;
    text-align: center;
    font-weight: 300;
}

.no-data {
    color: #999;
    font-size: 15px;
    font-weight: 400;
}

.coin-table-max {
    max-width: 750px;
    margin: 22px auto 0;
}

.coin-table-wrapper .form-group {
    font-size: 19px;
    width: 100%;
    margin: 0;
}

.col-form-label.f-w-600 {
    font-weight: 500;
    color: #000;
    font-size: 18px;
}

.disable {
    color: #999;
    font-size: 19px;
}

.refund-hints {
    font-size: 13px;
    text-align: center;
    margin: 48px auto 20px;
    color: #666;
    line-height: normal;
}

.pdx-2 {
    padding: 0 12px !important;
}

.myMatchContent {
    /* background-color: #ebf5ff; */
    background-color: #fff;
    padding: 40px 0;
    margin-bottom: 55px;
    color: #7f7f7f;
}

.myMatchContent .profile-tab-heading {
    display: none;
}

.myMatchContent ul li {
    color: #009999;
}

.profile-tab-heading {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    color: #ef5455;
    margin-bottom: 30px;
    font-family: 'spoqa_han_sans_neo_bold';
    font-weight: 700;
}

.myMatchContent .meetup-tab-subheading {
    margin: 0 auto;
    list-style: none;
    padding: 0;
}

.bottom-space {
    margin-bottom: 51px;
}

.tableUsers {
    display: flex;
    align-items: center;
    padding: 0;
    list-style: none;
}

.tableUsers .tableUserIcon {
    height: 28px;
    width: 28px;
    background-position: center;
    background-size: cover;
    margin-right: 10px;
    border-radius: 50%;
}

.tableUsers .tableUserMore {
    display: inline-block;
    padding: 0 10px;
    font-size: 36px;
    line-height: 1;
}

.pageLinkPaginition {
    padding: 0 20px;
}

.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.page-item .page-link {
    font-weight: 300;
    color: #2b3252;
    outline: none;
    box-shadow: none;
}

.pagination>li {
    display: inline;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>li>a {
    background: #fafafa;
    /*! color: #666 */
}

.disabled>span {
    background: #fafafa !important;
    color: #666 !important;
}

.pagination.pagination-flat>li>a {
    border-radius: 0 !important;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.disabled>span {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}

.page-item.active .page-link {
    background-color: #2b3252;
    border-color: #2b3252;
}

.table thead th {
    vertical-align: middle;
}

.hint-text2 {
    font-size: 16px;
    color: #3b3b3b;
    font-weight: 300;
    margin: 0 0 25px;
}

.tableUserImg {
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.tableUserImg span {
    display: inline-block;
    margin-left: 8px;
}

.src-card-bottom-image {
    width: 28px;
    height: 28px;
    margin-right: 6px;
    overflow: hidden;
    border-radius: 50%;
    max-width: 28px;
    max-height: 28px;
}

 

.chat-icon a svg {
    fill: #ef5455;
}

.chat-icon a:hover svg {
    fill: #23a5bf;
}

.accept {
    font-size: 12px;
    color: #23a5bf;
    border: 1px solid;
    border-radius: 32px;
    padding: 4px 14px;
    margin-right: 2px;
}

.refuse {
    font-size: 12px;
    color: #ef5455;
    border: 1px solid;
    border-radius: 32px;
    padding: 4px 14px;
}


/*1-feb-2021 start*/


/*edit profile user start*/

.coins-section {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.right-icons span {
    color: #ff6161;
    padding-right: 8px;
    font-size: 28px;
    font-weight: 500;
}

.right-icons i {
    background: #eaeaea;
    color: #828080;
    padding: 7px 12px;
    border-radius: 50px;
    height: 29px;
    width: 29px;
}

.coin-section span {
    color: #ff6161;
    font-size: 16px;
}

.coin-section h5 {
    font-weight: 400;
    font-size: 19px;
}

.users-status {
    background: #23a5bf;
    padding: 11px 34px;
}

.section.faq-section {
    background: #fbf2f3;
    padding: 0 0 40px;
    border-bottom: 2px solid #fff;
}


/* .faq-section .tab-content {
    background: #fbf2f3;   
   padding: 40px 0px;
   border-bottom: 2px solid #fff;
} */

.section-start {
    padding: 40px 0 0;
}

.faq-tabs {
    background: #fff;
}

.faq-user {
    border: 0;
}

.nav-link.active.story-nav {
    border: transparent;
}

.faq-section .nav-tabs .nav-item .nav-link {
    border-bottom: 5px solid transparent;
    background: transparent;
    color: #595959;
}

.faq-section .nav-tabs .nav-item.show .nav-link,
.faq-section .nav-tabs .nav-link.active {
    color: #ff6161;
    position: relative;
    border-color: #ff6161;
}

.faq-section .nav-tabs .nav-link.active::before {
    content: "";
    height: 4px;
    width: 70px;
    background-color: #2b3252;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    margin: auto;
}

#story {
    text-align: justify;
}

#singles {
    text-align: justify;
}

#singles p {
    text-align: justify;
    font-size: 21px;
    line-height: 1.5;
}

#story p {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 10px;
}

#singles p {
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
}

#story p.rule-subheading {
    font-weight: 700;
}

.faq-user a {
    font-size: 18px;
    font-weight: 500;
    background: #e5f5f8;
    line-height: 50.75px;
    padding: 17px 30px;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    margin-left: 8px;
    font-family: 'spoqa_han_sans_neo_bold';
    font-weight: 700;
}

.faq-user li:first-child a {
    margin-left: 0;
}

a.nav-link.story-nav {
    border: 0px;
}

.nav-tabs .nav-link.active {
    background: #fff;
}

.abs-icons.right-icons {
    display: flex;
    align-items: baseline;
}

.coin-section p {
    margin-bottom: 0px;
}

.coins-section {
    position: relative;
    z-index: 1;
}

.coin-section h5:hover {
    font-weight: 400;
    font-size: 19px;
    color: #ff6161;
}


/*View profile user start*/

.btn-red-action {
    border: 1px solid;
    border-radius: 30px;
    display: block;
    font-size: 13px;
    color: #ef5455;
}

.btn-red-action.btn-darker {
    color: #2b3252;
}

.btn-red-action:hover {
    color: #23a5bf;
}

.safetyCard {
    text-align: center;
    display: block;
    border: 0;
    padding: 20px;
    border-radius: 10px;
    max-width: 900px;
    margin: 51px auto 80px;
    background-color: #94acb2;
    color: #fff;
}

.flex-check {
    width: 22px;
    margin-left: 6px;
    height: 22px;
}

.flex-check .styled-checkbox+label {
    top: -16px;
}

.view-profile-button {
    margin-bottom: 10px;
}

.profile-right-spacing {
    padding-bottom: 100px;
}


/*View profile matchmaker start*/

.described h2 {
    font-size: 21px;
    color: #000;
    font-weight: 500;
}

.describe-content p {
    padding-top: 10px;
}

.show-more.p-0 {
    color: #ff6161;
}

.rating-matchmaker {
    color: #12af1d;
}

.showmore {
    color: #ff6161;
}

.cmt-text.matchmaker-achivments {
    border: 0px;
    padding-bottom: 7px;
}

.expandDiv {
    max-height: 0px;
    overflow: hidden;
    /*  transition:height .3s ease-in-out;*/
}

.expandDiv.active {
    max-height: 100%;
}

.showless {
    color: #ff6161;
}

.rule-block h3,
.policy-block h3 {
    /* font-size: 22px; */
    font-size: 20px;
    font-weight: 600;
    color: #2b3252;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.rule-block h3:after,
.policy-block h3:after {
    content: "";
    height: 4px;
    width: 70px;
    background-color: #2b3252;
    position: absolute;
    left: 0;
    bottom: 0;
}

.rule-content,
.policy-content {
    font-size: 16px;
}

.rule-count {
    height: 26px;
    width: 26px;
    -ms-flex: 0 0 26px;
    flex: 0 0 26px;
    max-width: 26px;
    line-height: 26px;
    font-size: 15px;
    border-radius: 50%;
    background-color: #595959;
    color: #fff;
    font-weight: 300;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}

.rule-subheading {
    color: #595959;
    font-weight: 600;
    margin-bottom: 10px;
}

.policy-subheading {
    font-weight: 600;
}

.policy-block ul {
    margin-left: 0px;
}

.rule-block ul,
.policy-block .rule-subheading+ul {
    margin-left: 40px;
    margin-bottom: 32px;
}

.report-heading {
    font-size: 31px;
    font-weight: 600;
    color: #2b3252;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.report-heading:after {
    content: "";
    height: 4px;
    width: 70px;
    background-color: #2b3252;
    position: absolute;
    left: 0;
    bottom: 0;
}

.report-list>ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.report-list>ul>li {
    margin-bottom: 25px;
    position: relative;
    padding-left: 20px;
    color: rgba(11, 10, 11, 0.7);
}

.report-list>ul>li {
    margin-bottom: 25px;
    position: relative;
    padding-left: 20px;
    color: rgba(11, 10, 11, 0.7);
    font-weight: 600;
}

.descrption-faq p {
    font-weight: 600;
}

.report-list>ul>li::before {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG1JREFUeNpi1DYKYgACYSB2AWIlBgi4B8R7gPgtC5AQAeIUIOZgQABNIFYE4jlMQMIZTRIGQGLOTEjGYgPKTAwEABPUQbjAXZCCvUD8A4skSGwvs5ik5jcg4wYQ8wIxHxD/BeLbQLwWiN8ABBgAxWcQ2k1f4zsAAAAASUVORK5CYII=);
    height: 8px;
    width: 8px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 6px;
}

.report-section table .form-control {
    border: 1px solid #e6e6e6;
    height: 45px;
    color: rgba(0, 0, 0, 0.55);
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
}

.report-section table select.form-control {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAYAAAD37n+BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNpi/N2To8HAwDANiHkZ8IPPQJzDBCRuAHEWVACvYiC+xgQVwKfpM1TuGojDhCSBTRNM8Q2YABOaaciaMBSDAAsWJ8A0MaArBgGAAAMAtEMX60NcrroAAAAASUVORK5CYII=);
    background-size: 9px 5px;
    background-repeat: no-repeat;
    background-position: 96% 50%;
    padding-right: 20px;
    padding-left: 6px;
    /* overflow: hidden;
text-overflow: ellipsis; */
}

.report-heading:after {
    content: "";
    height: 4px;
    width: 70px;
    background-color: #2b3252;
    position: absolute;
    left: 0;
    bottom: 0;
}

.table td,
.table th {
    padding: 0.75rem;
    vertical-align: middle;
}

.content-table tbody {
    border: 1px solid #e6e6e6;
}

.btn-theme-dark,
.btn-theme-dark:hover {
    color: #fff;
    background-color: #2b3252;
    border-color: #2b3252;
}

.report-section table .btn-td .btn {
    height: 45px;
}

.table .thead-dark th {
    color: #fff;
    background-color: #ef5455;
    border-color: #ef5455;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 0;
}

.table.msgs-table thead th:first-child,
.table .thead-dark th:first-child {
    border-top-left-radius: 5px;
}

.table .thead-dark th:last-child {
    border-right: 0;
}

.table .thead-dark th {
    color: #fff;
    background-color: #ef5455;
    border-color: #ef5455;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 0;
}

.rule-block ul li,
.policy-block ul li {
    margin-bottom: 15px;
    padding-left: 20px;
    position: relative;
    font-weight: 500;
    margin-bottom: 8px;
    color: rgba(43, 50, 82, 0.8);
}

.rule-block ul li:before,
.policy-block ul li:before {
    content: "";
    height: 7px;
    width: 7px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 12px;
    background-color: #9598a8;
}

.flex-check .styled-checkbox+label::before {
    top: 10px;
    width: 26px;
    height: 26px;
}


/* ====================== Chat Window Start ====================== */

.dashChatInner {
    position: relative;
    border: 1px solid #ddf1f5;
    display: flex;
}

.dashChatSidebar {
    width: 465px;
    background: #ffffff;
    /* position: absolute;
  left: 0;
  height: 100%; */
    transition: all 0.5s;
    border-right: 1px solid #e3f2f5;
    position: relative;
    /* padding-bottom: 81px; */
}

.list-discussions {
    overflow-y: auto;
    z-index: 10;
    max-height: 300px;
    height: 100%;
    min-height: 400px;
}

.dashChatChatting {
    /* height: 100%; */
    width: calc(100% - 465px);
    margin-left: 0;
    background-color: #F7FCFF;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    position: relative;
    /* padding-bottom: 61px; */
}

.dashChatChatting .message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.dashChatChatting .avatar,
.dashChatChatting .avatar>img {
    background: #f5f6fa;
    display: inline-block;
    position: relative;
    line-height: 0;
    height: 2.75rem;
    min-height: 2.75rem;
    width: 2.75rem;
    border-radius: 50%;
    min-width: 2.75rem;
}

.dashChatChatting .message-body {
    /* -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; */
    width: 80%;
    word-break: break-all;
}

.dashChatChatting .message-content {
    border-radius: 6px;
    /* border-bottom-left-radius: 0; */
    display: inline-block;
    padding: 11px 19px 11px 19px;
    color: #000000;
    font-size: 14px;
    background-color: #fff;
    /* border: 1px solid rgba(0, 0, 0, .2); */
    border: 0;
    position: relative;
}

.dashChatChatting .message-right .message-row .message-content .opacity-65 {
    color: rgba(255, 255, 255, 0.5);
}

.dashChatChatting .message-content:before {
    /* content: ""; */
    position: absolute;
    left: -17px;
    bottom: -10px;
    background-image: url("../images/left-corner.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 28px;
}

.dashChatChatting .message-right .message-row .message-content::before {
    left: unset;
    right: -13px;
    background-image: url("../images/right-corner.png");
    top: 0;
}

.dashChatChatting .message-content h6 {
    color: #000;
}

.dashChatChatting .opacity-65 {
    font-size: 12px;
    color: rgb(172, 172, 172);
    flex: 0 0 100px;
}

.dashChatChatting .small,
.dashChatChatting small {
    font-size: 86.667%;
    font-weight: 400;
}

.dashChatChatting .message {
    margin-bottom: 1rem;
    padding: 0 10px;
}

.dashChatChatting .message.message-right {
    flex-direction: row-reverse;
}

.dashChatChatting .message-right .message-row .message-content {
    background-color: #fff;
    color: #000;
    border-radius: 6px;
    /* border-bottom-right-radius: 0; */
    /* border: 1px solid rgba(0, 0, 0, .2); */
    border: 0;
}

.dashChatChatting .message-divider {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
}

.dashChatChatting::-webkit-scrollbar,
.dashChatSidebar::-webkit-scrollbar,
.dashChatChattingInner::-webkit-scrollbar {
    display: none;
}

.dashChatChattingInner {
    overflow-y: auto;
}

.dashChatChatting .dashChatChattingInner {
    padding: 10px 0px 20px;
    margin-top: 73px;
    max-height: 500px;
    height: auto;
    min-height: 400px;
    overflow-y: auto;
}

.chat-header {
    position: absolute;
    left: 0;
    /* background: #f4fafc; */
    background: #fff;
    width: 100%;
    top: 0;
    /* padding: 6px 20px; */
    padding: 18px 20px 17px;
    border-bottom: 1px solid #ddf1f5;
}

.chat-header h6 {
    color: #000;
    /* font-size: 19px; */
    /* margin: 0 0 2px; */
    /* width: 50%; */
    font-weight: 600;
    font-size: 16px;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-header span {
    font-size: 13px;
    color: #707070;
}

.chat-footer {
    position: unset;
    background-color: #fff;
    padding: 0px 10px 0px 5px;
    /* border-top: 1px solid rgba(0, 0, 0, 0.10); */
    /* border-left: 2px solid rgba(0, 0, 0, 0.10); */
    width: 100%;
    bottom: 0;
    left: 0;
    border-top: 1px solid #f2f2f2;
    margin: 100px 0px -20px 0px;
}

.chat-footer .btn-minimal {
    color: rgba(33, 37, 41, 0.35);
    font-size: 25px;
    outline: none !important;
    box-shadow: none !important;
}

.chat-footer .btn.btn-ico {
    /* height: calc(1.6em + .5rem + 2px);
    width: calc(1.6em + .5rem + 2px); */
    font-size: 20px;
    outline: 0;
    box-shadow: unset;
}

.chat-footer textarea {
    outline: none !important;
    box-shadow: none !important;
    color: #7f808c;
    font-size: 16px;
    background-color: #fff;
    overflow: hidden;
    overflow-wrap: break-word;
    resize: none;
    height: 50px;
    min-height: 50px;
    padding: 10px 160px 10px 22px;
    border-radius: 40px;
    border: 1px solid #f2f2f2 !important;
    max-height: 150px !important;
    overflow: auto !important;
}

.typing-dots {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-50%);
    padding: 0 10px;
    font-size: 60px;
    display: flex;
    height: 20px;
    align-items: flex-end;
}

.typing-dots span {
    opacity: 0;
}

.typing-dots span:nth-child(1) {
    -webkit-animation: 1s type-animation infinite 0.33333s;
    animation: 1s type-animation infinite 0.33333s;
}

.typing-dots span:nth-child(2) {
    -webkit-animation: 1s type-animation infinite 0.66666s;
    animation: 1s type-animation infinite 0.66666s;
}

.typing-dots span:nth-child(3) {
    -webkit-animation: 1s type-animation infinite 0.99999s;
    animation: 1s type-animation infinite 0.99999s;
}

@-webkit-keyframes type-animation {
    50% {
        opacity: 1;
    }
}

@keyframes type-animation {
    50% {
        opacity: 1;
    }
}

.dashChatSection .border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.dashChatSection .border-top {
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.bg-light {
    background-color: #f6f6f6 !important;
}

.dashChatChatting .chat-header .avatar,
.dashChatChatting .chat-header .avatar>img {
    height: 2rem;
    min-height: 2rem;
    min-width: 2rem;
    width: 2rem;
}

.list-discussions .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 0;
    border-bottom: 1px solid #e3f2f5;
    border-radius: 0;
}

.list-discussions .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 13px 10px 13px 50px;
}

.list-discussions .badge-top-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 18px;
    line-height: 18px;
    min-width: 18px;
    font-size: 11px;
    font-weight: normal;
    background-color: #4cd43e;
    border-radius: 4px;
}

.list-discussions .avatar,
.list-discussions .avatar>img {
    height: 2rem;
    min-height: 2rem;
    min-width: 2rem;
    width: 2rem;
    border-radius: 50%;
}

.badge-circle {
    position: relative;
    border-radius: 50%;
    padding: 0;
    vertical-align: middle;
    height: 1.75rem;
    width: 1.75rem;
    min-width: 1.75rem;
}

.dashChatSection .media {
    align-items: center;
}

.list-discussions .card-body .media-body p {
    margin-bottom: 0;
    color: #707070;
    font-size: 14px;
    margin-top: auto;
}

.list-discussions .card-body .media-body .chatdesc p {
    font-size: 13px;
    color: #cac8c8;
}

.list-discussions .card-body .media-body h6 {
    color: #000;
    font-size: 14px;
    /* padding-right: 70px; */
    padding-right: 0;
    /* max-width: 250px; */
    padding-right: 70px;
}

.dashChatSidebar .form-control {
    display: block;
    width: 100%;
    height: calc(1.6em + 1.375rem + 2px);
    padding: 10px 10px 10px 41px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #000000;
    background-color: #eff0f2;
    background-clip: padding-box;
    border: 1px solid #f1f1f1;
    border-radius: 50px !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    outline: none !important;
    box-shadow: none !important;
}

.dashChatSidebar .input-group {
    position: relative;
    max-width: 257px;
    margin: 0 auto;
}

.dashChatSidebar .input-group .input-group-append {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.dashChatSidebar .input-group .input-group-append i {
    color: #9b9b9b;
}

.dashChatSidebar .nav-link.active .card-active-listener {
    background-color: #F7FCFF;
}

.dashChatSidebar .text-reset.nav-link {
    position: relative;
}

.dashChatSidebar .nav-link:hover {
    background-color: #F7FCFF;
}

.dashChatSidebar .list-discussions .nav-link.unread .card-body .media-body .chatdesc p,
.dashChatSidebar .list-discussions .nav-link.unread .card-body .media-body .meet-stats.times {
    color: #555;
    font-weight: 600;
}

.dashChatSidebar .nav-link.unread .card-active-listener {
    background-color: #eaf9f9;
}

.green-text {
    color: #03ac2b;
}

.user-online {
    position: absolute;
    left: 2px;
    top: 0px;
    width: 8px;
    height: 8px;
    background-color: #4cd43e;
    border-radius: 50%;
    display: inline-block;
}

.left-side-header {
    /* background: #f4fafc; */
    background: transparent;
    padding: 18px 12px;
    border-bottom: 1px solid #ddf1f5;
}

.msg-head-check.with-text span {
    padding-left: 30px;
    font-size: 14px;
    display: block;
    line-height: 21px;
}

.dropdown-menu.checkbox-menu {
    padding: 0px 10px;
    min-width: 180px;
}

.dropdown-menu.checkbox-menu .msg-head-check {
    margin: 11px 0;
}

.dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.dropdown.display-inline {
    display: inline-block;
    margin: 0 6px 0 0;
}

.left-side-header h5 {
    display: inline;
    font-size: 17px;
}

.all-checked {
    margin: 0 0 0 5px;
}

.all-checked:hover svg {
    color: #ff6161;
}

.media-body figure {
    position: absolute;
    left: 0;
    top: 50%;
    width: 40px;
    height: 40px;
    border: 1px solid #c5eff7;
    border-radius: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.media-body figure img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.media-body figure.medialogo img {
    object-fit: contain;
}

.dashChatSidebar .media-body {
    position: relative;
    padding-left: 55px;
}

.meet-stats {
    font-size: 13px;
    font-weight: 300;
}

.meet-stats {
    position: absolute;
    top: 0;
    right: 0;
}

.meet-types {
    font-size: 13px;
    text-transform: uppercase;
    color: #999;
    font-weight: 400;
    margin: 0;
}

.mtb-5 {
    margin: 3px 0 0;
}

.meet-stats.times {
    font-size: 12px;
    color: #cac8c8;
}

.dashChatSidebar .text-truncate {
    padding-right: 27px;
}

.list-discussions .card .msg-head-check {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    margin-top: -6px;
}

.chat-intro {
    background: #fff;
    font-size: 12px;
    color: #6c6c6c;
    line-height: 20px;
    padding: 10px;
    /* position: absolute; */
    width: 100%;
    bottom: 0;
    left: 0;
    border-top: 1px solid #f2f2f2;

   /*background: #fff;
    font-size: 12px;
    color: #6c6c6c;
    line-height: 25px;
    padding: 5px;
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    border-top: 1px solid #f2f2f2;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    white-space: normal;
    max-width: 30rem;*/
}

.pd-5 {
    padding: 0 5px;
}

.btn.btn-meeting {
    /* position: absolute; */
    top: -9px;
    right: 0;
    background: #ff616a;
    /* font-size: 11px; */
    /* border-radius: 30px; */
    color: #fff;
    /* padding: 9px 20px; */
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 14px;
    color: #fff;
    /* background-color: #f56060; */
    border: none;
}



.button-wrapper {
    gap: 6px;
}

.btn.btn-meeting:hover {
    background: #23a5bf;
    color: #fff;
}

.hero-section.hero-messages {
    min-height: 450px;
}

.message-content-block {
    position: relative;
    padding: 0 0 0 53px;
}

.message-content-block figure {
    position: absolute;
    left: 0;
    top: 2px;
    width: 40px;
    height: 40px;
}

.message-content-block figure img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.dashChatChatting .message.message-right .message-content-block {
    position: relative;
    padding: 0 53px 0 0;
    text-align: right;
}

.dashChatChatting .message.message-right .message-content-block figure {
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    width: 40px;
    height: 40px;
}

.btn-send-msg {
    background: #ff6161;
    border: 0;
    border-radius: 30px;
    color: #fff;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 5px;
    position: absolute;
    bottom: 0;
    right: 15px;
    cursor: pointer;
}

.btn-send-msg:hover {
    background: #23a5bf;
    color: #fff;
}

.datewise-row {
    text-align: center;
    margin: 20px auto;
    font-size: 13px;
    color: #999;
    position: relative;
    z-index: 1;
}


/* .datewise-row span {
    background: #fff;
    padding: 0 10px;
} */

.datewise-row>span {
    background: #f6f6f6;
    padding: 6px 20px;
    color: #000;
    margin: 5px 0;
    display: inline-block;
    border-radius: 69px;
}

.datewise-row>span small {
    color: #000 !important;
}


/* .datewise-row:before {
    content: "";
    background: #f0f0f0;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1;
    top: 10px;
} */


/* ====================== Chat Window End ====================== */


/* ------------------------ --------------------- invite friends  section style ------------------- */

.hero-section.inviteBanner {
    background: #ff6161;
    min-height: 515px;
}

.inviteBanner .invitefrndHead {
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    line-height: 40px;
}

.inviteBanner .invitefrndHead span {
    display: block;
    font-size: 50px;
    font-weight: 600;
    line-height: 64px;
    margin-top: 15px;
}

.inviteBanner .invitefrndSubTag {
    font-size: 22px;
    color: #fff;
    line-height: 38px;
    margin-top: 20px;
}

.inviteBonusCard {
    max-width: 265px;
    width: 100%;
    background: #fff;
    min-height: 150px;
    border-radius: 10px;
    position: relative;
    padding-left: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inviteBonusCard::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ff6161;
    top: 50%;
    transform: translateY(-50%);
    left: -15px;
}

.inviteBonusCard::after {
    position: absolute;
    content: "";
    width: 50px;
    height: 100%;
    left: 0;
    border-right: 2px dashed #ff6161;
    top: 0;
}

.inviteBonusCard .bonusCardTitle {
    line-height: 33px;
    color: #000;
    font-size: 31px;
    font-weight: 600;
}

.inviteBonusCard .bonusCardTitle span {
    font-size: 25px;
    font-weight: 400;
    display: block;
}

.inviteBonusCard .bonusCardTag {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #ffc200;
    font-size: 15px;
    font-weight: 300;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -15px;
    right: -15px;
}

.plusInviteCard {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    font-size: 17px;
    font-weight: 600;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 25px;
}

.inviteBonusCardGroup {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 45px;
}

.getBonusCard {
    -webkit-box-shadow: 1px 3px 38px rgb(105 105 105 / 22%);
    box-shadow: 1px 3px 38px rgb(105 105 105 / 22%);
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    padding: 15px;
    position: relative;
    text-align: center;
    padding-bottom: 40px;
}

.getBonusCard .getBonusCardCount {
    color: rgb(255 97 97 / 10%);
    font-size: 66px;
    font-weight: 400;
    padding: 0;
    position: absolute;
    left: 15px;
    top: 15px;
    line-height: 50px;
}

.getBonusCard .getBonousCardHead {
    font-size: 23px;
    font-weight: 600;
    color: #000;
    line-height: 33px;
    text-align: center;
    margin: 20px auto 0;
    max-width: 285px;
}

.getBonusCard a.getBonousCardlink {
    font-size: 14px;
    color: #1583db;
    font-weight: 300;
    margin-top: 10px;
    display: inline-block;
    text-align: center;
}

.getBonusCard .getBonusCardLinkBtns a {
    color: #f1f4fb;
    font-size: 19px;
    font-weight: 500;
    min-height: 59px;
    display: flex;
    align-items: center;
    background: #355f9f;
    border-radius: 10px;
    padding-left: 25px;
    padding-right: 65px;
    position: relative;
    transition: all 0.3s linear;
}

.getBonusCard .getBonusCardLinkBtns a:hover {
    background: #23406d;
}

.getBonusCard .getBonusCardLinkBtns a.talkLink {
    background: #fae100;
    color: #000;
}

.getBonusCard .getBonusCardLinkBtns a.talkLink:hover {
    background: #e4ce01;
}

.getBonusCard .getBonusCardLinkBtns a.linkIcon {
    background: #dae1eb;
    color: #000;
}

.getBonusCard .getBonusCardLinkBtns a.linkIcon:hover {
    background: #c2c9d4;
}

.getBonusCard .getBonusCardLinkBtns a.linkIcon i {
    font-weight: 300;
}

.getBonusCard .getBonusCardLinkBtns a .getBonusLinkIcon {
    width: 65px;
    font-size: 24px;
    position: absolute;
    right: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.getBonusCard .getBonusCardLinkBtns .talkIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABBBJREFUeNq8V21Mk1cUPn3pl+2LgsBsE6E/JonB/ShDJy4ZcQIZLGSrWVAyIAZNZBgUnRJT4zJmlhjiiBFjEH5sS2aWaGIURWaCHxkYIvGrk8kUTYTKRzUSSj+gn293zrWthUqpCr3J7Xvvfe97n+ee89xzT0UQZek5J1MZ/pFnG+7J15pM4uWjo+K00PdqtceoUnmGtJmOnkyt4+YnOqcpmnVFc01orluiu/wX/40fMCdKvp1EqKDQdraybuL8OxE4dSR+w++/Jeyx2bjFbwEcRoTnBUvFVvPR0n3Wa1ETKMtVn3jyWPrRewCHEcnMdHQ3tT7Xz3wRF9p50CFRjParfzUOStLnEZyKBnUjrF+tWHP/qa19VgvkZaReRJMXwcIVpo1zPcPlgQEu0Nj3bcpBv78XsuSQmGtLUw5MI0BH7MYNRf48m31WEl1dii8IM6iBhLilu41GSQW1i4qsUF//AkpKLNPqx1kOuNLBQ+X2ccjC9p07i4IrbscxDrcyMiJhfZ73gl4/Bg4nB8NDEkhK8kBV1Tj09srB5WJe16C1J7p7JzvF1PPv/pUqkZJM7gOpBKvsNW35kA9y8+xQWm5hffNEHJw5/cpjZTiWl2+HTcXLWX/lShfOnYSlyV4YGJDAqT+GcU2AR/1SuNQWDyGYP3MBUwRKa2s8fFmYBs0tiax/zyCDnM80ULNTBVu2mMEnAHjcAMXFljltzSuFIPiVDkUQPDS6ih8/kWZE43sMKKDReGBwUAz2SQ5WZbiAjxfAZuVm/SY93c2eD/+TwqFDKWFaoJDO2aNU/rZtZhCh+9pwF9evKtnY93vGolKdSu1547gVsbkPV7j66HzOtcj6z+3sWV09DtU7x1l73bqpiN886JOiBsSQkCBA4/Gwu6kzHbG5vPKp/rnAU1PdqGQ0t03ENEGV2kreBxhi2ZwPlnmhvd0IFy4+g8RELxsjxe/YoQaXE0CrdYJON103azc6TcyBdI3OBL17Vw5eXKfvXxko0P8Cto/8ksTESLWhIYm9VygEcKOFRbiScrEPSQngw+9p/siwmGnk4A8prO/2vA68Wryyg6G4tUm5+vDh5IYYBSJmfr3+5d6vq+y3mQWo4ddCTMBp94Q57S44gIzQfG0LjY4YlpMXnu8Pu4xW5bsn9QtMgtZuPGbaHDEhoZxgV43qtP39MqEws9POCZw2GlVK9t1Xy+oNBnn2PJDoLCiwna1rGWt866TUfzpuvQso/RBwYaHtDJ332SaKI61ifXOYDo2aOaFjZGZMyXswNe8uq7Veu9kCUNcSmWlEAvgf4NOZ4BUV5qOVP02cD71FKfMN+PYqHeY/50k5uZgjZqdpfFj/Lt2gbiKBQqwKgREw1eYfl+gg1oVAY7Hr/wUYAF58pzHBFhbeAAAAAElFTkSuQmCC);
    background-size: contain;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    display: inline-block;
}

.getBonusCard .getBonousHeadLinkGroup {
    margin-bottom: 40px;
}

.getBonusCardLinkBtns a:not(:last-child) {
    margin-bottom: 15px;
}

.getBonusCard .getBonusCardImg {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.inviteStatusHead {
    font-size: 35px;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin-top: 90px;
}

.invitStatusCard {
    -webkit-box-shadow: 1px 3px 38px rgb(105 105 105 / 22%);
    box-shadow: 1px 3px 38px rgb(105 105 105 / 22%);
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    padding: 15px;
    max-width: 415px;
    min-height: 220px;
    background-image: url(../images/inviteStatusBak.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center -33px;
    position: relative;
    margin-top: 45px;
    width: 100%;
}

.invitStatusCard .invitStatusHeading {
    font-size: 23px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    padding-left: 10px;
    padding-top: 15px;
}

.invitStatusTitle {
    font-size: 35px;
    font-weight: 600;
    position: absolute;
    right: 30px;
    top: 120px;
}

.inviteStatusList {
    display: flex;
    justify-content: center;
}

.inviteStatusList .invitStatusCard:not(:last-child) {
    margin-right: 30px;
}

#stepBackwedMsg {
    width: 50px;
    /* height: 30px; */
    border-radius: 50%;
    color: #595959;
    background: transparent;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 22px;
    margin-right: 10px;
    cursor: pointer;
    transition: all 0.3s linear;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    position: unset;
    transform: unset;
}


/* -----------------------------    */


/*2-feb-2021 regulation refund*/

.rule-block ul {
    margin-top: 15px;
}

.zoomRuleBlock {
    font-size: 25px;
    font-weight: 600;
    color: #2b3252;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.zoomRuleBlock:after {
    content: "";
    height: 4px;
    width: 70px;
    background-color: #2b3252;
    position: absolute;
    left: 0;
    bottom: 0;
}

.zoomRuleBlockText {
    font-size: 13px;
    color: #233664;
    font-weight: 600;
}

.zoomMeetingList {
    margin-top: 20px;
}


/*service  guideline start 2-feb-2021*/

.procedure-section {
    padding-top: 50px;
    background-color: #fff;
}

.procedure-heading {
    text-align: center;
}

.procedure-heading h4 {
    position: relative;
    display: inline-block;
    font-size: 31px;
    margin: 0 auto 0;
    padding-bottom: 20px;
    color: #2b3252;
    font-weight: 600;
}

.procedure-heading h4:after {
    content: "";
    height: 4px;
    width: 70px;
    background-color: #2b3252;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}

.procedure-section .timeline {
    margin-top: 40px;
    padding-bottom: 50px;
}

.OnlineIntroSection {
    padding: 72px 0;
}

.onlineIntroHeading {
    text-align: center;
}

.onlineIntroHeading h3 {
    color: #2b3252;
    font-size: 25px;
    font-weight: 600;
    position: relative;
}

.onlineIntroHeading h3:after {
    content: "";
    position: absolute;
    bottom: -25px;
    width: 100px;
    height: 4px;
    background-color: #2b3252;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.onlineIntroHeading {
    margin-bottom: 88px;
}

.colorTitle {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.colorBoxText {
    /* color: #3b446d; */
    color: #595959;
    /* font-size: 20px; */
    font-size: 22px;
    max-width: 100%;
    margin-top: 20px;
    padding-bottom: 23px;
}

.colorTitle .colorBoxText {
    font-weight: 600;
    margin-left: 15px;
}

.meet-point {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 12px;
}

.colorBoxIcon.blueBox {
    background-color: #f2f1ff;
}

.zoomMeetingList>ul>li {
    color: rgba(43, 50, 82, 0.7);
    font-size: 15px;
    line-height: 25px;
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
}

.colorBoxIcon {
    height: 55px;
    width: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.colorBoxIcon {
    height: 55px;
    width: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.colorBoxIcon.purpleBox {
    background-color: #f9ecfe;
}

.colorTitle .colorBoxIcon {
    margin-bottom: 0;
}

.colorBoxIcon img {
    max-width: 40%;
    max-height: 40%;
}

.zoomMeetingList.paddedList {
    padding-left: 80px;
}


/* .zoomMeetingList.paddedList ul {
    max-height: 230px;
    overflow: hidden;
} */

.colorBox {
    margin-bottom: 60px;
}

.zoomMeetingList.paddedList ul.zoomAutoHeight {
    max-height: unset;
    overflow: unset;
}

.zoomMeetingList ul {
    position: relative;
}


/* 
    .zoomMeetingList  ul:before {
    content: '';
    position: absolute;
    height: 80px;
    background: -webkit-linear-gradient(top, transparent,rgba(0,0,0,0.3) 40%,#000);
   background: linear-gradient(0deg, transparent 0,rgba(0,0,0,0.3) 40%,#000);
    opacity: .7;
    pointer-events: none;
    bottom: 0;
    left: 0;
    width: 100%;*/

.zoomMeetingList ul {
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.zoomMeetingList>ul>li {
    color: rgba(43, 50, 82, 0.7);
    font-size: 15px;
    line-height: 25px;
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
}

.readLessText {
    display: none;
}

.readMoreList a.active .readLessText {
    display: block;
}

.readMoreList a.active .readMoreText {
    display: none;
}

.readMoreList {
    margin-top: 30px;
    padding-left: 30px;
}

.readMoreList a {
    font-weight: 900px;
}

.readMoreList a:hover {
    text-decoration: underline;
}


/* 2-feb-2021 terms page*/

.terms-section {
    padding-top: 70px;
    background-color: #fff;
}

.termsIntroHeading h3 {
    font-size: 17px;
    padding-bottom: 25px;
}

.article1 {
    font-size: 20px;
    font-weight: 600;
    padding-left: 4px;
}

.artilcesTitle {
    display: flex;
    padding-bottom: 12px;
    width: 100%;
}

.article1-para {
    font-size: 16px;
    color: #7b7979;
    line-height: normal;
}

.articles2 {
    padding: 30px 0px 30px 0px;
}


/* 2-feb-2021 leave comments*/

.shadow-boxs {
    box-shadow: 0 2px 20px 0 rgb(105 105 105 / 12%);
    padding: 40px 0px;
}

.leave-commentleft h2 {
    font-size: 40px;
    font-weight: 600;
    /* text-align: center; */
    /* margin: 0 0 40px; */
    color: #ff6161;
    text-transform: uppercase;
}

.commentsSubmit {
    background: #ff6161;
    border-radius: 40px;
    color: #fff;
    font-size: 14px;
    padding: 13px 30px;
    display: table;
    border: transparent;
}

.comments-list li {
    color: #000000 !important;
    font-size: 15px !important;
}

.comments-list {
    padding-left: 0px !important;
}

.leave-cmts.shadow-box {
    max-width: 1140px;
    margin: 0 auto;
    padding: 30px;
}


/* ------------- comment box  */

.commentBoxHost textarea.form-control {
    height: 100px;
}

.commentBoxHost .commentBoxHead {
    font-size: 18px;
    color: rgba(0, 0, 0, .7);
    margin-bottom: 10px;
    font-weight: 500;
}

.commentBoxHost .commnetBtngroup {
    display: flex;
    margin-top: 15px;
    margin-bottom: 15px;
}

.commentBoxHost button[type="submit"] {
    background: #ff6161;
    color: #fff;
    font-size: 14px;
    border-radius: 30px;
    padding: 5px 10px;
    margin-right: 6px;
    max-width: 150px;
    transition: all .3s linear;
}

.commentBoxHost button[type="submit"]:hover {
    background: #23a5bf;
    color: #fff;
}

.commentBoxHost a.cancelHostBtn {
    display: inline-block;
    margin: 0px 3px;
    padding: 10px 10px;
    font-size: 15px;
    color: #ff6161;
    border: 1px solid #ff6161;
    border-radius: 55px;
    transition: all 0.3s;
    min-width: 150px;
    text-align: center;
}

.commentBoxHost a.cancelHostBtn:hover {
    color: #23a5bf;
    border: 1px solid #23a5bf;
}

.thinReduce {
    font-size: 15px;
    font-weight: 400;
    color: #151515;
}

.participantModal .tableUsers {
    flex-wrap: wrap;
}

.participantModal .tableUsers .tableUserIcon {
    width: 45px;
    height: 45px;
    margin-bottom: 20px;
    box-shadow: 0 0 7px 0px rgb(0 0 0 / 28%);
    border-radius: 50%;
    margin-right: 13px;
}

.participantModal .modal-header {
    overflow: hidden;
}

.participantModal .modal-header .close {
    color: #ff6161;
    opacity: 1;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.participantModal .modal-content {
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, .5);
}

.modal-backdrop {
    background-color: #191919;
}


/* ------------------------------ qa profile sectin  */

.profile-content-card {
    -webkit-box-shadow: 0 2px 20px 0 rgb(105 105 105 / 12%);
    box-shadow: 0 2px 20px 0 rgb(105 105 105 / 12%);
    border-radius: 15px;
    /* overflow: hidden; */
    transition: 0.3s all ease;
    position: relative;
    background-color: #fff;
}

.profile-qa-wrapper {
    border-bottom: 1px solid #ececec;
    position: relative;
    min-height: 65px;
    display: flex;
    align-items: center;
    width: 100%;
}

.profile-question {
    /*background-color: #f6f6f6;*/
    color: #2b3252;
    /* font-size: 18px; */
    font-size: 16px;
    margin: 0;
    padding-left: 75px;
    padding-right: 15px;
    position: relative;
    /* min-height: 65px; */
    min-height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}

.profile-tab-que {
    counter-reset: counter;
}

.profile-question::before {
    counter-increment: counter;
    content: counter(counter) ".";
    color: #ef5455;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 75px;
    text-align: center;
}

.profile-question-input {
    margin-bottom: 0;
    min-height: 65px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
}

.profile-cancel,
.profile-complete,
.profile-cancel:hover,
.profile-complete:hover {
    font-size: 17px;
    color: #fff;
    border-radius: 4px;
    font-weight: 400;
    padding: 8px 30px;
    text-align: center;
    display: inline-block;
    margin: 0 5px;
    border: 0;
    min-width: 130px;
}

.profile-complete {
    background-color: #ef5455;
}

.profile-cancel {
    background-color: #2b3252;
}

.descrption-faq .profile-content-card {
    margin-top: 20px;
}

.gropuMeetSection.forMobile .lanMeetHeading {
    text-align: center;
    justify-content: center;
}

.matchowlMobileCard {
    background: #faf3f3;
    padding: 30px 45px;
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}

.matchmobileOwlParent.noBg .matchowlMobileCard {
    background: none;
}

.matchmobileOwlParent {
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
    margin-bottom: 40px;
    margin-top: 40px;
}

.matchmobileOwlParent.noBg {
    margin-top: 30px;
    margin-bottom: 30px;
}

.handShakeIcon i {
    font-weight: 300;
    font-size: 38px;
}


/* 2-feb-2021 system-error*/

.system-errorleft h2 {
    font-size: 27px;
    font-weight: 600;
    color: #040404;
}

.system-errorright.shadow-box {
    max-width: 1140px;
    margin: 0 auto;
    padding: 30px;
}

.systemerror-Submit {
    background: #ff6161;
    border-radius: 40px;
    color: #fff;
    font-size: 18px;
    padding: 13px 30px;
    display: table;
    border: transparent;
    margin: 0px auto;
}

.error-options {
    font-size: 15px;
}

.partners-Submit {
    background: #ff6161;
    border-radius: 40px;
    color: #fff;
    font-size: 18px;
    padding: 13px 30px;
    display: table;
    border: transparent;
    margin: 20px auto;
}

.syerr-title {
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 50px;
    color: #ff6161;
}

.robot-section {
    margin-bottom: 30px;
}

.browse {
    border: 0px;
}


/* 2-feb-2021 bacame partner*/

.partners-form.shadow-box {
    /* max-width: 1140px; */
    margin: 0 auto;
    padding: 30px;
}

.custom-file-label::after {
    height: calc(2.3em + .75rem);
    padding: .775rem .75rem;
}


/* 3-feb-2021 matching-host*/

.matchhost-title {
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    margin: 50px 0 30px 0px;
    color: #595959;
}

.name-pic {
    border-radius: 50px;
    height: 28px;
    width: 28px;
}

.matching-table span {
    padding-right: 7px;
}

.matching-search-button {
    margin-bottom: 20px;
}

.search {
    position: relative;
    color: #aaa;
    font-size: 16px;
    display: inline-block;
    /* width: 50%; */
    /* float: right; */
    margin-bottom: 0px;
}

.search-hosts {
    text-align: right;
}

.search .matching-seraches {
    /* width: 358px; */
    height: 57px;
    border: transparent !important;
    background: #f9f9f9;
    font-size: 14px;
    padding: 0 50px 0 24px;
    border-radius: 50px;
}

.matching-no {
    text-align: center;
}

.search .fa-search {
    position: absolute;
    top: 8px;
    right: 7px;
    /* right:0 */
    background: #ef5455;
    color: #ffffff;
    padding: 12px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
}


/* 3-feb-2021 employment*/

.emplyment-section {
    margin: 50px 0px
}

.job-descprion-para {
    font-size: 14px !important;
}

.emplyment-boxess {
    margin: 10px 0px;
}

.employment-address {
    font-style: italic;
}

.job-descrption {
    padding: 0px !important;
    color: #9a9696 !important;
    margin-bottom: 0px;
}

.profile-right h6 {
    color: #ff6161;
    padding: 5px 0px 0px 0px;
}

.emplyment-heading {
    font-size: 32px;
    font-weight: 600;
    margin: 0 0 20px;
    color: #ff6161;
}

.employment-lanment {
    font-weight: 700;
}

.employment-lanment p {
    font-size: 15px;
}

.employment-right p {
    text-align: center;
    font-weight: bold;
}

.employment-icons {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: 5px 0px 24px 0px;
    font-size: 30px;
}

.employment-icons a {
    color: #ffffff;
}

.facebook-blue {
    background: #5051b3;
    padding: 6px 15px;
    height: 40px;
    width: 40px;
    font-size: 18px;
    border-radius: 50px;
}

.employemnt-submit {
    width: 100%;
}

.file-section p {
    font-size: 13px;
    color: #ababab;
}

.custom-file-label::after {
    background: #ff6161;
    color: #ffffff;
}

.required-employment {
    color: #ff6161;
}

.apply-now {
    display: flex;
    justify-content: space-between;
    padding: 20px 0px 10px 0px;
    align-items: baseline;
    color: #ff6161;
    width: 100%;
}

.apply-now h3 {
    text-transform: uppercase;
    font-size: 21px;
    color: #ff6161;
}

.twiiter-bluish {
    background: #268ff5;
    padding: 6px 12px;
    height: 40px;
    width: 40px;
    font-size: 18px;
    border-radius: 50px;
}

.linkedin-purple {
    background: #086ab6;
    padding: 6px 12px;
    height: 40px;
    width: 40px;
    font-size: 18px;
    border-radius: 50px;
}

.envelope-yellow {
    background: #ffd600;
    padding: 6px 12px;
    height: 40px;
    width: 40px;
    font-size: 18px;
    border-radius: 50px;
}

.employee-describe {
    margin: 0 0 0px !important;
}

.custom-file .custom-file-label {
    padding: 0.675rem .75rem;
    font-size: 14px;
}

#dashChatInner .mCSB_inside>.mCSB_container {
    margin-right: 0;
}

#dashChatInner .mCSB_container {
    padding-right: 0;
    padding-left: 0;
}


/* 4-Feb-2021 overlay index */

.hero-section::after {
    content: "";
    display: block;
    position: fixed;
    /* padding: 100px 0; */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.8;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
}


/* 3-feb-2021 edit-profile-pop-up-box*/

.edit-cancel {
    background: #ff6161;
    border-radius: 40px;
    color: #fff;
    font-size: 18px;
    padding: 9px 30px;
    display: table;
    border: transparent;
}

.employment-close {
    color: #ff6161;
    opacity: 1.6;
    font-size: 29px;
    font-weight: 400;
}

.mid-gallery .delete-photo {
    position: absolute;
    top: 7px;
    right: 7px;
    color: #fbfbfb;
    background: #ff6161;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    padding: 3px 6px;
    font-size: 13px;
    border: transparent;
    line-height: 19px;
}

.edit-cancel:hover {
    font-size: 18px;
    padding: 9px 30px;
    display: table;
    border: transparent;
    background: #23a5bf;
    color: #fff;
    border-radius: 40px;
}

.mid-gallery {
    display: flex;
    flex-wrap: wrap;
}

.mid-gallery img {
    width: 100%;
    height: 100px;
    border-radius: 10px;
}

.mid-gallery li {
    width: 25%;
    padding: 7px 5px;
}

.custom-file.square-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}

.edit-plus {
    color: #000;
    height: 100%;
    border: 0px;
}

label.custom-file-label.form-control.employment-browse.edit-plus:after {
    content: "+";
    font-size: 59px;
}

.edit-plus.custom-file-label::after {
    background: #ff6161;
    color: #ffffff;
    border-radius: 10px;
}

.edit-plus.custom-file-label::after {
    height: calc(2.1em + .75rem);
    padding: .675rem .75rem;
    height: 100%;
    width: 100%;
    text-align: center;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    margin: 0;
    opacity: 0;
}

.save-cancel {
    background: #ffffff;
    border-radius: 40px;
    color: #ff6161;
    font-size: 18px;
    padding: 9px 30px;
    border: 2px solid #ff6161;
    display: table;
}

.save-cancel:hover {
    background: #ffffff;
    border-radius: 40px;
    color: #23a5bf;
    font-size: 18px;
    padding: 9px 30px;
    border: 2px solid #23a5bf;
    display: table;
}

.mid-gallery figure {
    position: relative;
}


/* 4-feb-2021 matching-host-listing */

.go-button {
    max-width: 72px;
    margin: 0px auto;
}

.no-overlay::after {
    background: rgb(0 0 0 / 0%);
}

.modal-backdrop.fade.show {
    opacity: .77 !important;
    z-index: 1;
}
.modal-body.notification{
    max-height: 150px;
    overflow: auto;
}
.modal-body.notification li{
    padding: 8px 0;
    border-bottom: 1px solid #dee2e6;
}
a.menu-modal-nav{
    color: #0064cf;
}
a.menu-modal-nav p{
    font-size: 14px;
}
.profileSection .btn{
    margin: 15px;
    background: #ff6161;
    border: none;
}
.modal-body.notification .close{
    font-size: 18px;
}
.profileSection .modal-body{
    max-height: 150px;
    overflow-y: scroll;
}
.modal-dialog.notified{
    max-width: 400px;
}

/* 5-feb-2021 create meet */

.create-meet {
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    margin: 40px 0 0 0px;
    color: #ff6161;
    position: relative;
}

.create-meet::before {
    position: absolute;
    content: '';
    height: 4px;
    width: 200px;
    background: #ff6161;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -10px;
}


/* 5-feb-2021 login */

.forget-password p {}


/* 5-feb-2021 forget password */

.forget-password-heading {
    padding-top: 20px;
    padding-bottom: 20px;
}

.forget-descrption {
    padding: 0px 40px;
    font-size: 12px;
    color: #b0b0b0;
}

.signupCard.newSignup.forget-box {
    max-width: 600px;
}

.forget-password {
    margin: 0 auto;
    /*     padding: 30px 10px 5px;*/
    padding: 0px 40px 5px 40px;
}

.cell-phone i {
    padding-right: 5px;
}

.cell-phone {
    background: #ff6161;
    border-radius: 40px;
    color: #fff;
    font-size: 18px;
    padding: 13px 30px;
    display: table;
    border: transparent;
    margin: 33px auto 40px;
}

.forget-passowrd-main {
    padding: 80px 65px;
}

.checkGroup a {
    color: #ff6161;
}

.checkGroup a:hover {
    text-decoration: underline;
}

.login-forgot {
    padding: 15px 0px 30px 0px;
}


/*8-feb-20-21 edit-profile-user*/

.close-icon i {
    color: #ff6161;
}


/*8-feb-20-21 my-meets*/

.hosting-cancelled {
    font-size: 13px;
}

li.nav-item.langDrop .dropdown-menu {
    padding: 0;
    overflow: hidden;
}

li.nav-item.langDrop {
    color: #000;
    font-size: 14px;
    padding: 0;
    font-family: 'spoqa_han_sans_neomedium';
    font-weight: 500;
}

li.nav-item.langDrop a.dropdown-toggle:hover {
    color: #ff6161;
}

li.nav-item.langDrop .dropdown-menu a {
    display: block;
    padding: 8px 10px;
    font-size: 15px;
    color: #555;
    transition: all .3s linear;
}

li.nav-item.langDrop .dropdown-menu a:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .07)
}

li.nav-item.langDrop .dropdown-menu a.active {
    color: #f35d5d;
}

li.nav-item.langDrop .dropdown-menu a:hover {
    /* background:#ff6161; */
    color: #000;
}

li.nav-item.langDrop .dropdown-menu a img {
    max-width: 20px;
    margin-right: 5px;
}

.mid-gallery li:first-child {
    width: 100%;
}

.dropzone {
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    padding: 10px !important;
    background: #fbfbfb !important;
    border-radius: 6px;
    font-size: 0;
}

.dropzone:hover {
    background: #eefcff !important;
    border: 1px solid #a8e8f5 !important;
}

.dropzone:hover .dz-message {
    color: #23a5bf !important;
}

.dropzone .dz-preview {
    margin: 10px 0 !important;
    width: 33.33333%;
    padding: 7px;
    vertical-align: top !important;
    background: transparent !important;
}

.dropzone .dz-preview .dz-remove {
    margin: 11px auto 0;
    color: #fd4444;
}

.dropzone .dz-message {
    margin: 3em 0 !important;
    font-size: 16px;
    color: #999;
}


/* ------------------- after changes footer  */

.custom-footer {
    padding-top: 40px;
}


/*============================== Rating Modal START ==============================*/

.rating-group-list {
    margin-left: -4px;
}

.ratingModal .modal-header {
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 55px 15px 20px;
    position: relative;
}

.ratingModal .modal-header .close {
    position: absolute;
    right: 15px;
    top: 15px;
    margin: 0;
    padding: 0;
    z-index: 3;
}

.svgStar {
    position: absolute;
    top: -35px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-color: #fff;
    border-radius: 50%;
}

.svgStar svg {
    width: 40px;
    height: 40px;
}

.ratingModal .modal-title {
    font-weight: 600;
    font-size: 22px;
}

.rating-group-list .rating-group {
    display: inline-flex;
}

.rating-group-list .rating__icon {
    pointer-events: none;
}

.rating-group-list .rating__input {
    position: absolute !important;
    left: -9999px !important;
}

.rating-group-list .rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 18px;
}

.rating-group-list .rating__icon--star {
    color: #ffa600;
}

.rating-group-list .rating__icon--none {
    color: #eee;
}

.rating-group-wrap h4 {
    font-size: 18px;
    margin: 0 0 5px;
    min-width: 190px;
}

.rating-group-wrap {
    margin: 0 0 6px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.ratingModal .modal-body {
    padding: 20px 30px 10px;
}

.rating-group-list .rating__input--none:checked+.rating__label .rating__icon--none {
    color: red;
}

.rating-group-list .rating__input:checked~.rating__label .rating__icon--star {
    color: #ddd;
}

.rating-group-list .rating-group:hover .rating__label .rating__icon--star {
    color: #ffa600;
}

.rating-group-list .rating__input:hover~.rating__label .rating__icon--star {
    color: #ddd;
}

.rating-group-list .rating-group:hover .rating__input--none:not(:hover)+.rating__label .rating__icon--none {
    color: #eee;
}

.rating-group-list .rating__input--none:hover+.rating__label .rating__icon--none {
    color: red;
}

.ratingModal .modal-footer .btn.btn-primary,
.ratingModal .modal-footer .btn.btn-primary:focus {
    background-color: #ef5455;
    border-color: #ef5455;
    padding: 12px 25px;
    border-radius: 35px;
    box-shadow: unset;
    min-width: 150px;
}

.ratingModal .modal-footer .btn-primary:hover {
    opacity: 0.8;
}

.reviewTextarea {
    width: 100%;
    outline: 0;
    height: 100px;
    margin-top: 25px;
    border: 1px solid #e0dfdf;
    resize: none;
    border-radius: 4px;
    padding: 14px;
}

.ratingModal .modal-footer {
    border: 0;
    padding: 0 15px 20px;
    justify-content: center;
}


/*============================== Rating Modal END ==============================*/

.chat-footer .message_send_options {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 120px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.chat-footer .message_send_options #user-message-smiley {
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.radioCustomRow {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;
}

.coin-table-wrapper .radioCustomBox label {
    font-size: 14px;
    padding: 8px 19px 7px 37px;
}

.radioCustomRow .radioCustomBox:not(:last-child) {
    margin-right: 20px;
}

.radioCustomBox {
    position: relative;
}

.radioCustomBox input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}

.radioCustomBox label {
    margin: 0;
    border: 1px solid #8a8a8a;
    padding: 8px 25px 7px 42px;
    border-radius: 10px;
    color: #8a8a8a;
    cursor: pointer;
}

.radioCustomBox input:checked+label span{
    font-weight: 700;
    font-size: 14px;
}

.radioCustomBox input:checked+label p{
    font-size: 12px;
}

.radioCustomBox label span {
    font-weight: 700;
    font-size: 14px;
}

.radioCustomBox label p {
   font-size: 12px;
}

.radioCustomBox label:before {
    content: "\f058";
    font-family: 'Font-Awesome-5-Pro';
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 400;
}

.radioCustomBox input:checked+label {
    color: #fff;
    border-color: #ff6161;
    background-color: #ff6161;
}

.user-active-status {
    width: 10px;
    height: 10px;
    background-color: #bbb;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 50%;
}

.user-active-status.status-online {
    background-color: #4cd43e;
}


/* ------------------------------------------ui-datepicker------------------------- */

.ui-widget.ui-widget-content {
    /* border: 1px solid #d3d3d3; */
    box-shadow: 0 2px 20px 0 rgb(105 105 105 / 12%);
    padding-top: 0 !important;
    max-width: 290px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.ui-datepicker  {
    
    z-index: 1051 !important;
}


.ui-datepicker-header {
    border: 0;
    -webkit-box-shadow: 0 2px 20px 0 rgba(105, 105, 105, 0.12);
    box-shadow: 0 2px 20px 0 rgba(105, 105, 105, 0.12);
    min-width: 280px;
}

.ui-datepicker table {
    font-size: 16px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    font-size: 15px;
    text-align: center !important;
}

.ui-datepicker td a {
    width: 36px;
    height: 36px;
    line-height: 28px;
}

.ui-widget-header {
    border: 1px solid #fff;
    background: #fff;
    color: #222;
    box-shadow: none !important;
    font-weight: bold;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button {
    border: 1px solid #fff !important;
    background: #fff url(jquery-ui.min1.css) 50% 50% repeat-x !important;
    font-weight: normal;
    color: #555;
    border-radius: 5px;
}

.datepicker-dropdown:before {
    display: none;
}

.datepicker-dropdown:after {
    border-bottom: 6px solid #fff;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #f03 !important;
    background: #f03 50% 50% repeat-x !important;
    font-weight: normal;
    border-radius: 5px;
    color: #fff !important;
}

.ui-datepicker table tr td,
.ui-datepicker table tr th {
    width: 40px;
    height: 38px;
    font-weight: 300;
    font-size: 15px;
    color: #000000;
}

.ui-datepicker table tr td.highlighted {
    color: #2b3252;
    background-color: #d7dbeb;
    border-color: #d7dbea;
    border-radius: 0;
    font-weight: 400;
}

.ui-datepicker table tr td.today,
.ui-datepicker table tr th.clear,
.ui-datepicker table tr td.today:hover {
    color: #ef5455;
    background-color: rgba(239, 84, 85, 0.2);
    border-color: rgba(239, 84, 85, 0.3803921568627451);
    font-weight: 600;
}

.ui-widget-header {
    background: #fff !important;
    background-color: rgba(239, 84, 85, 0.2) !important;
    border-bottom: #f03 1px solid !important;
    border-radius: 0px !important;
    font-weight: 600;
    color: #ef5455 !important;
    border: 0 !important;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 17px;
    font-weight: 500;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fff !important;
    background: #fff url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x !important;
    color: #363636;
    background-image: none !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #fcdddd !important;
    background: #fcdddd url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x !important;
}

.op-0 {
    opacity: 0;
}

.service_img {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 18px;
    overflow: hidden;
    max-height: 320px;
}

.service_img img {
    min-height: 320px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    color: #ef5455 !important;
    width: 40px;
    border-radius: 5px;
    background-color: rgba(239, 84, 85, 0.2) !important;
    border-color: rgba(239, 84, 85, 0.2) !important;
    font-weight: 600 !important;
}

.ui-widget.ui-widget-content:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute;
}

.ui-widget.ui-widget-content:after {
    left: 7px;
    top: -6px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    margin-left: -3px !important;
    display: none !important;
}

.ui-datepicker .ui-datepicker-next::after {
    content: "\f054";
    position: absolute;
    font-family: Font-Awesome-5-Pro;
    font-weight: 900;
    right: 0;
    font-size: 15px;
    width: 30px;
    color: #f03;
    top: 6px;
    z-index: 1;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 4px !important;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev::after {
    content: "\f053";
    position: absolute;
    font-family: Font-Awesome-5-Pro;
    font-weight: 900;
    right: 0;
    font-size: 15px;
    width: 30px;
    color: #f03;
    top: 6px;
    z-index: 1;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    text-align: center;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.3em 0 !important;
}

.custom-select:focus,
.form-control:focus {
    border-color: #95dcea;
    box-shadow: 0 0 0 0.2rem rgb(35 165 191 / 10%);
}


/* .ui-widget {
    font-family: "Poppins", sans-serif;
} */

.lanMeetUpper {
    position: relative;
    z-index: 1;
}

.homeArrow button.owl-prev {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    box-shadow: 0 0 7px 1px rgb(0 0 0 / 20%);
    background: #fff;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    border: 0;
    font-size: 22px;
    font-weight: 600;
}

.homeArrow button.owl-next {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    box-shadow: 0 0 7px 1px rgb(0 0 0 / 20%);
    background: #fff;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    border: 0;
    font-size: 22px;
    font-weight: 600;
}

.homeArrow button.owl-prev.disabled,
.homeArrow button.owl-next.disabled {
    opacity: 0;
}

.calendarWatchIcon {
    width: 16px;
    display: inline-block;
}

.cardIconLanmeet {
    width: 17px;
    height: 20px;
    color: rgba(0, 0, 0, .7);
}

.nowTag {
    display: inline-block;
    background: #24a5bf;
    font-size: 11px;
    padding: 1px 5px;
    color: #fff;
    position: relative;
}

.nowTag::before {
    position: absolute;
    content: '';
    border-left: 9px solid #24a5bf;
    border-bottom: 9px solid transparent;
    border-top: 9px solid transparent;
    border-right: 0;
    right: -9px;
    top: 0px;
}

.src-card-detail .src-row-new-flex {
    display: flex;
    flex-wrap: wrap;
}

.src-row-new-flex .src-row:nth-child(odd) {
    /* max-width: 50%;
    flex: 0 0 50%; */
    max-width: 59%;
    flex: 0 0 59%;
    margin-bottom: 10px;
}

.src-row-new-flex .src-row:nth-child(even) {
    /* max-width: 50%;
    flex: 0 0 50%; */
    max-width: 41%;
    flex: 0 0 41%;
    margin-bottom: 10px;
}

.src-card-detail .src-row-new-flex .src-row .src-col-1 {
    min-width: 25px;
}

ul.mobileUiList {
    display: flex;
    padding: 15px 0;
    justify-content: space-between;
    font-size: 14px;
}

ul.mobileUiList a.nav-link {
    padding: 0;
}

ul.mobileUiList a.nav-link:hover {
    color: #ff6161;
}

.lanMeetHostBtn.matchMakerHostBtn {
    position: relative;
    left: unset;
    bottom: unset;
    transform: unset;
}


/* ======= */

.lanMeetComImage.newSliderHOmewrp {
    height: unset;
}

.truncate {
    max-width: 190px;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate_host_word {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.dueDateIcon,
span.ageTagNew {
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    border: 1px solid #2f528f;
    padding: 2px 7px;
    border-radius: 5px;
    color: #000;
}

.nwParti_row {
    flex: 0 0 100%;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
    border-top: 1px solid rgba(0, 0, 0, .05);
    padding-top: 10px;
}

.nwParti_row figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.nwParti_row figure {
    margin: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
}

.nwParti_row figure:not(:last-child) {
    margin-right: 10px;
}

.nwParti_row .btn.partiBtn {
    padding: 2px 0 0;
    margin-left: 10px;
    font-size: 18px;
    line-height: normal;
    color: #ff6262;
    box-shadow: none;
    border: 0;
}

.nwParti_row .btn.dropdown-toggle:after {
    display: none;
}

.nwParti_dropinner {
    display: flex;
    padding: 0 10px;
}

.hero-section.hero-sectionTxt {
    background-color: #f5f5f5;
}

.hero-section.hero-sectionTxt:after {
    display: none;
}

.hero-section.hero-sectionTxt {
    min-height: 350px;
    padding: 100px 0;
}

.hero-sectionTxt .hero-heading>span {
    color: #5a5a5a;
}

.hero-section.hero-sectionTxt .hero-section-content {
    position: relative;
    top: unset;
    transform: unset;
    text-align: center;
}

.partiModal_list>li>a {
    display: flex;
    /* align-items: center;*/
}

.partiModal_list>li>a figure {
    width: 50px;
    height: 50px;
    margin: 0;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
    flex: 0 0 50px;
}

.participantNameDes {
    font-size: 15px;
    font-weight: 600;
    color: #595959;
}

.participantNameDes span {
    font-weight: 300;
    font-size: 13px;
    padding-left: 5px;
    /* display: inline-block; */
}

.partiModal_list>li>a {
    font-size: 18px;
}

.partiModal_list>li>a figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.partiModal_list>li:not(:last-child) {
    margin-bottom: 20px;
}

.participantsModal .modal-body {
    padding: 0;
}

.modal.participantsModal .modal-dialog {
    max-width: 450px;
}

.partiModal_list {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
}

.imgCheck figure {
    width: calc(50% - 15px);
    position: relative;
}

.imgCheck img {
    border-radius: 0;
}

.imgCheck label {
    margin: 0;
    position: relative;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.imgCheck figure input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 5;
    cursor: pointer;
}

.imgCheck label:after {
    content: 'Select Image';
    left: 0;
    right: 0;
    position: relative;
    color: #000000;
    border: 1px solid #b1b1b1;
    /* border-top: 0; */
    width: 100%;
    bottom: 0;
    display: block;
    padding: 5px;
    border-radius: 0 0 5px 5px;
}

.imgCheck figure input:checked+label:after {
    content: 'Selected';
    background-color: #b1b1b1;
    color: #ffffff;
}

.selectMeetimg_box {
    position: relative;
    display: table;
}

.selectMeetimg_box #meet_image_preview {
    position: absolute;
    top: 50%;
    transform: translateY(-70%);
    right: -80%;
    height: 67px;
    width: 100px;
}

.partBookCard .hostTag.hostTag-block {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    margin-right: 12px;
}

.partBookCard .hostTag.hostTag-block span {
    display: block;
    margin-left: 14px;
}

.heading-lanmeet.lanMeetHeading {
    font-size: 50px;
    padding: 15px 0;
    font-weight: bold;
    color: #ff6161;
    /* display: flex; */
    max-width: 500px;
    margin: 0 auto;
    /* margin: 0 auto; */
    /* align-items: center; */
}

.matchmeetStepSection1 {
    position: absolute;
    border: 0;
    bottom: 90px;
    left: 0;
    right: 0;
}

.lanMeetUpperColpadding {
    padding: relative;
}

.select-mached {
    margin: 0px 3px;
    padding: 6px 12px;
    font-size: 15px;
    color: #ff6161;
    border-radius: 70px;
    border: 1px solid #ff6161;
}

.select-mached i {
    color: #12af1d;
    margin-left: 3px;
}

.list-discussions .card-body .media-body .chatdesc p br {
    display: none;
}

.userChatName {
    font-size: 12px;
    margin: 0 10px 0 0;
    /* display: block; */
    color: rgb(172, 172, 172);
}

.message-right .userChatName {
    /* color: #ffffff; */
    margin: 0 10px 0 0;
}

.chatDetails_row {
    display: flex;
    align-items: center;
    margin: 0 0 3px;
}

.message.message-right .chatDetails_row {
    justify-content: flex-end;
}

.pvt_profile {
    font-size: 16px;
    font-weight: 500;
    padding: 50px 0;
}

.profile-right-spacing_block {
    height: 100%;
    padding-bottom: 0px;
}

.ui-timepicker-container .ui-widget.ui-widget-content {
    /* border: 1px solid #d3d3d3; */
    box-shadow: 0 2px 20px 0 rgb(105 105 105 / 12%);
    padding-top: 0 !important;
    max-width: 150px !important;
    overflow: hidden;
    overflow-y: auto;
    width: 100% !important;
    max-height: 150px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.ui-timepicker-container .ui-timepicker-viewport {
    padding: 0;
    overflow: auto;
    width: 150px !important;
    overflow-x: auto;
}

.ui-timepicker-container .ui-timepicker-standard .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 130px !important;
}

.ui-timepicker-standard a {
    border: 1px solid transparent;
    color: #222;
    display: block;
    padding: .2em .4em;
    text-decoration: none;
    text-align: left;
}

.ui-timepicker-container .ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    width: 150px !important;
}

.ui-timepicker-container .ui-timepicker-standard a {
    border: 1px solid transparent;
    color: #222;
    display: block;
    padding: .2em .4em;
    width: 150px !important;
    text-decoration: none;
}

.ui-timepicker-standard {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
    background-color: #FFF;
    border: 1px solid #AAA;
    color: #222;
    width: 150px !important;
    margin: 0;
    padding: 2px;
}

.ui-timepicker,
.ui-timepicker-viewport {
    box-sizing: content-box;
    height: auto !important;
    display: block;
    margin: 0;
}

.overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: 9;
}

.secduleHead.newHeadingSch {
    font-size: 32px;
    font-weight: 600;
    margin: 0;
    color: #595959;
    padding: 0;
}

ul.lanmeetContent_list {
    list-style: disc;
    margin-bottom: 0;
    color: #2b3252;
    font-size: 19px;
    font-family: 'spoqa_han_sans_neomedium';
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 40px;
    padding-left: 20px;
    margin-top: 30px;
}

ul.lanmeetContent_list>li:not(:last-child) {
    margin-bottom: 5px;
}

.lanmeetHashNew {
    color: #fff;
    font-weight: 500;
    bottom: 80px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    padding: 10px 40px;
    font-size: 16px;
    line-height: 1.5;
}

.lanmeetContent_Sublist li {
    margin-bottom: 0;
    margin-top: 5px;
    position: relative;
    padding-left: 15px;
}

.lanmeetContent_Sublist li::before {
    content: '-';
    margin-right: 0;
    top: 0;
    position: absolute;
    left: 0;
}

.lanMeetHostBtn.newLameethostBtn {
    border: 2px solid #ff6161;
    background: transparent;
    color: #000;
    padding-right: 60px;
    padding-left: 15px;
    position: relative;
    transform: unset;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
}

.lanMeetHostBtn.newLameethostBtn span {
    color: #fff;
    font-size: 14px;
}

.lanMeetHostBtn.newLameethostBtn:hover span {
    background: #fff;
    color: #000;
    border-color: #fff;
}


/* ********  boot confirm box  */

.bootbox-confirm .modal-dialog {
    max-width: 550px;
}

.bootbox-confirm .modal-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.bootbox-confirm .modal-header {
    width: 100%;
    padding: 18px 12px;
    position: relative;
    align-items: center;
    padding-right: 50px
}

.bootbox-confirm .modal-header .modal-title {
    font-size: 20px;
}

.bootbox-confirm .modal-body {
    flex: 1;
    font-size: 16px;
    padding: 28px 22px;
    padding-right: 40px;
    border-bottom: 1px solid #dee2e6;
}

.bootbox-confirm .modal-footer {
    flex: 0 0 205px;
}

.bootbox-close-button {
    position: static;
    right: 15px;
    display: none;
}

.newTagListBg ul.autoHeight li,
.newTagListBg ul.autoHeight li a {
    font-size: 16px;
    color: #000;
    padding: 0px;
}

.newTagListBg ul.autoHeight li {
    padding: 5px;
}

.newTagListBg ul.autoHeight {
    background: #fff;
    display: flex !important;
    line-height: 22px;
    font-weight: 300;
    padding: 7px 10px;
    border-radius: 10px;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .2);
}

ul.matchMaker_listHash {
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
}

ul.matchMaker_listHash li {
    padding: 5px 0;
    font-size: 15px;
}

ul.matchMaker_listHash li:not(:last-child) {
    padding-right: 10px;
}

.createMeet label {
    /* color: #000; */
    color: rgba(0, 0, 0, .9)
}

.chooseMeet_imgBtn {
    padding: 5px 10px;
    border: 1px solid rgba(0, 0, 0, .2);
    font-size: 13px;
    border-radius: 5px;
    display: inline-block;
    color: rgba(0, 0, 0, .7);
}

.chooseMeet_imgBtn:hover {
    background-color: #23a5bf;
    color: #fff;
}

.my_macthBtn {
    display: block;
    padding: 6px 15px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #ff6161;
    margin-top: 20px;
    margin-left: auto;
    width: auto;
    max-width: 250px;
}

.langDrop a.dropdown-toggle {
    font-size: 20px;
}

.headerStatic .navbar-nav .nav-link.serchHeaderFilterBtn {
    background: #f2f2f2;
    color: rgba(0, 0, 0, .4);
    padding: 5px 15px;
    display: inline-block;
    border-radius: 35px;
}

.headerStatic .navbar-nav .nav-link.serchHeaderFilterBtn i {
    padding-left: 5px;
    color: rgba(0, 0, 0, .7)
}


/* ** new rating  */

.cmt-right.newReplyReview .cmtuser-name {
    padding-left: 65px;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.cmt-right.newReplyReview .cmtuser-name h5 {
    font-weight: 600;
}

.cmt-right.newReplyReview {
    padding-left: 0px
}

.newCommentText {
    color: #000;
    margin-top: 5px;
    font-size: 15px;
}

.newCommentText p {
    font-size: 15px;
    margin-bottom: 0;
}

.replycomMsg {
    background: #f1f1f1;
    border-radius: 5px;
    max-width: 490px;
    margin-left: auto;
    font-size: 15px;
    position: relative;
    margin-top: 30px;
}

.replycomMsg::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 16px solid #f1f1f1;
    border-right: 16px solid transparent;
    border-top: 0;
    border-left: 0;
    top: -11px;
}

.titleReply {
    padding: 10px 10px 5px 10px;
    display: flex;
}

.titleReply span {
    margin-left: auto;
}

.txtReply {
    padding: 0 10px 10px 10px;
}

.reviewRankemg img {
    max-width: 25px;
}

.reviewRankemg span {
    color: #24a5be;
    font-size: 15px;
    display: inline-block;
    margin: 0 10px;
    line-height: 1;
}

.reviewRankemg {
    display: flex;
    align-items: center;
}

.rating-group-wrap .reviewRankemg img {
    max-width: 27px;
}

.rating-group-wrap .reviewRankemg img:not(:last-child) {
    margin-right: 10px;
}

.matchMakerImgMt {
    margin-top: 25px;
}

h5.profile-tab-subheading {
    font-size: 14px;
}

.searchResultStatus:not(.available) {
    padding: 6px 6px !important;
}

.newProfileBtn_sec .coinIcon1 {
    padding: 0 !important;
}

.newProfileBtn_sec li .flexListContent {
    display: flex;
    /* align-items: center; */
}

.newProfileBtn_sec li .flexListContent a:not(:last-child) {
    margin-right: 5px;
    display: inline-block;
}

ul.newProfileBtn_sec {
    margin-top: 25px;
    display: flex;
    font-size: 13px;
    justify-content: space-between;
}

ul.newProfileBtn_sec a {
    color: #ff0000;
}

ul.newProfileBtn_sec a span {
    display: block;
}

ul.newProfileBtn_sec a i {
    font-size: 15px;
}

.tooltip-inner,
.popover-body {
    font-size: 13px !important;
}

.ui-tooltip.ui-widget.ui-widget-content {
    padding-top: 12px !important;
    max-width: 200px;
}

.ui-tooltip.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    padding: 15px !important;
}

.createMeetTabHead {
    font-size: 21px;
    color: #000;
    font-weight: 500;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.createMeetTabHead span {
    display: inline-block;
    background: #069a93;
    color: #fff;
    font-size: 15px;
    padding: 3px 15px;
    border-radius: 25px;
    margin-right: 15px;
}

img.footerLogo {
    max-width: 95px;
}

.newMDetail_row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.newMdetail_col_1 {
    flex: 0 0 55%;
    max-width: 55%;
    padding: 0 10px;
}

.newMdetail_col_2 {
    flex: 0 0 45%;
    max-width: 45%;
    padding: 12px 12px 0;
}

ul.newMeetDetail_right li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    font-size: 14px;
    background: #f7f7f7;
    padding: 5px 5px 5px 10px;
}

ul.newMeetDetail_right li .col-meet_new_1 {
    flex: 0 0 auto;
    min-width: 40px;
    padding-right: 10px;
}

.newMetRight_conent {
    flex: 1;
}

.dueDateNew {
    font-size: 14px;
    color: #000;
    margin: 10px 0;
}

.msgNewMetDet {
    font-size: 13px;
}


/* *****   my profile page tab design */

.profileTabPill .nav-pills {
    justify-content: space-between;
    padding: 0;
    /* margin-top: -25px; */
    margin-top: -67px;
    margin-bottom: 25px;
}

.profileTabPill .nav-pills .nav-link {
    border-radius: 0rem;
    background: transparent;
    color: #595959;
    text-align: center;
    border-radius: 5px 5px 0 0;
    opacity: 1;
    border-bottom: 3px solid transparent;
    display: inline-block;
    margin: auto;
}

.profileTabPill .nav-pills li {
    width: calc(100% / 3 - 2px);
}

.profileTabPill .nav-pills .nav-link.active,
.profileTabPill .nav-pills .show>.nav-link {
    opacity: 1;
    font-weight: 700;
    border-color: #595959;
}

.h100-40 {
    height: calc(100% - 40px);
}

.h100-115 {
    height: calc(100% - 115px);
}

.newHeadingPage_2 {
    margin-bottom: 11px;
    font-size: 29px;
    line-height: 1;
}

.eventBody_page {
    min-height: 100%;
    padding: 25px;
    background: #F7FCFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

.eventContent {
    margin-top: 25px;
    font-size: 17px;
    font-weight: 500;
    line-height: 30px;
    width: 100%;
}

.eventBody_page #stepBackwedMsg {
    top: 20px;
    right: -5px;
    left: unset;
}

.eventModalFlsh.modal .modal-body {
    padding: 0;
}

.eventModalFlsh.modal .modal-body .eventContent {
    padding: 20px;
    margin-top: 0;
}

.eventModalFlsh.modal .modal-content {
    border-radius: 15px;
    overflow: hidden;
}

.eventModal_footer {
    font-size: 17px;
    padding: 15px 20px 15px 20px;
    display: flex;
    justify-content: space-between;
    background: #f7f7f7;
    color: #000;
}

.eventModal_footer a {
    color: #ff6161;
}


/* .list-discussions.eventListingChat .card-body {
    padding-left: 13px;
} */


/* ***************   crate modal */

.modal.largeModalCreate .modal-dialog {
    max-width: 1200px;
}

.createHostCard {
    padding: 10px;
    /*border: 1px solid #ccc;*/
    display: flex;
    flex-direction: column;
    height: calc(100% - 15px);
    margin-bottom: 20px;
}

.createHost_card_count {
    color: #ff6161;
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 1;
}

.createHost_card_title {
    font-size: 16px;
    color: #000;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700;
    margin-top: -32px;
}

.createHost_card_img img {
    max-height: 175px;
    width: auto;
    margin-bottom: 15px;
    margin-top: auto;
    border-radius:  10px;
}
#createViewHost button {
    right: -8px;
    top: -7px;
}
.crateHost_card_content {
    font-size: 15px;
    color: #000;
    line-height: 25px;
    max-width: 92%;
}

#closeEventModalFlsh{
    position: absolute;
    right: 0px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ff6161;
    color: #fff;
    font-size: 15px;
    opacity: 2;
    z-index: 999;
    top: -2px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.modal.largeModalCreate div[class^="col"] {
    padding-right: 10px;
    padding-left: 10px;
}

.modal.largeModalCreate .close {
    position: absolute;
    right: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ff6161;
    color: #fff;
    font-size: 15px;
    opacity: 1;
    z-index: 1;
    top: -15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

a.comentRplyBtn {
    display: inline-block;
    background: #f1f1f1;
    padding: 5px 10px;
    font-size: 15px;
    border-radius: 5px;
    font-weight: 600;
}

.tabContentShado {
    box-shadow: 0 2px 20px 0 rgb(105 105 105 / 12%);
    padding: 20px;
    border-radius: 12px;
}

.deactivate_user,
.collapseLinkProfile,
.noneCollapseProfile {
    display: none;
}

.reviewINput label {
    position: relative;
    cursor: pointer;
}

.reviewINput input[type="checkbox"]:checked+label::before,
.reviewINput input[type="radio"]:checked+label::before {
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    background: #54ef54;
    left: -4px;
    top: -3px;
    border-radius: 50%;
    /* z-index: -1; */
    border: 2px solid #fff;
}

.profileOwl .service_img {
    width: 220px !important;
    height: 220px !important;
    border-radius: 50% !important;
    margin: auto !important;
}

.profileOwl.owl-carousel {
    max-width: 270px;
    margin: auto;
}

.elips_Hbtn {
    border: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    background: #000;
    font-size: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.completeTagpill {
    background: #ff6161;
    color: #fff;
    padding: 3px 10px;
    border-radius: 19px;
    font-size: 12px;
    margin-right: 5px;
}

.completeTagpill.complete {
    background: #ff6161;
}

.completeTagpill.available {
    background: #09d9d0;
    color: #fff;
}

.modal.participantModal .tableUsers .tableUserIcon {
    margin: auto;
    margin-bottom: 10px;
}

.modal.participantModal .tableUsers li a {
    display: inline-block;
    margin-right: 20px;
    font-size: 15px;
    text-align: center;
    margin-bottom: 20px;
}

.dDayStyle {
    color: white;
    background-color: #ff6161;
    font-size: 10px;
    padding: 9px 11px;
}

.bookingSmallTd small {
    display: block;
    color: #777;
}

.detailControlChnge .form-control,
.detailControlChnge .custom-select {
    font-size: 14px;
    padding: .375rem 5px;
}


/* **     10-01-2021 */

.langDrop a.dropdown-toggle::after {
    display: none;
}

.newBgGray {
    background: #fafafa;
}

.pt-70 {
    padding-top: 70px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pt-45 {
    padding-top: 45px;
}

.pb-45 {
    padding-bottom: 45px;
}


/* ***   11-01-2022 **** */

.referMsgLogin {
    color: #595959;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

::placeholder {
    color: #a5a5a5;
}

::-moz-placeholder {
    color: #a5a5a5
}


/*   ***  12-01-2022   **** */

.newSearchCardBox .newHeartIcon {
    position: absolute;
    right: 10px;
    top: 5px;
}


/* .newSearchCardBox .newHeartIcon .serachCardFav{
    background-color: transparent;
} */

.newSearchCardBox .searchResultUTexteWrap {
    position: absolute;
    left: 0;
    right: unset;
    bottom: 0;
    transform: unset;
    pointer-events: none;
    top: unset;
}

.newSearchCardBox .searchResul-title {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    display: table;
    margin: 0 auto;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, .40);
    border-radius: 0;
    pointer-events: none;
}

.search-result-card.newSearchCardBox {
    border-radius: 10px;
    background-color: #fff;
    padding: 0 10px 10px 10px;
    height: 100%;
    overflow: hidden;
}

.newSearchCardBox .searchResultUImage {
    height: 150px;
    text-align: right;
    background-position: top center;
}

.newSearchCardBox .newCardDot {
    position: absolute;
    right: 10px;
    bottom: 5px;
}

.hostCardNew {
    background: #f3f7f8;
    padding: 5px 10px;
    margin-top: 8px;
    display: flex;
    align-items: center;
    /* height: 52px; */
}

.hostCardNew img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.hostUserContentnew {
    padding-left: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #595959;
}

.hostUserContentnew span {
    font-weight: 300;
}

.newSearchCardBox .src-interested-talk {
    color: #595959;
    font-size: 13px;
    margin: 8px 0;
    font-weight: 300;
}

.newSearchCardBox .searchResultUName {
    font-size: 13px;
    font-weight: 600;
    color: #595959;
}

.newDateTimeLocation,
.newAgeMinMax {
    font-size: 13px;
    color: #595959;
    font-weight: 500;
    line-height: 22px;
}

.search-result-card.newSearchCardBox .search-result-card-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.search-result-card.newSearchCardBox .newMeetCardTitle {
    min-height: 40px;
}

.owl-carousel .owl-item .hostCardNew img {
    width: 35px;
}

.search-result-card.newSearchCardBox .newformCard-check {
    position: absolute;
    top: 10px;
    left: 5px;
    right: unset;
    bottom: unset;
    transform: unset;
}


/* **** sumo select design  ***** */

.SumoSelect>.CaptionCont {
    height: 46px;
    border: 1px solid #ebebeb;
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 0.25rem;
    display: block;
    display: flex;
    align-items: center;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
}

.SumoSelect:focus>.CaptionCont,
.SumoSelect:hover>.CaptionCont,
.SumoSelect.open>.CaptionCont {
    border-color: #95dcea;
    box-shadow: 0 0 0 0.2rem rgb(35 165 191 / 10%);
}

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

.SumoSelect>.CaptionCont>label>i {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
    background-position: center center;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    opacity: 1;
}

.SumoSelect>.CaptionCont>label {
    display: none;
}

.SumoSelect.open>.optWrapper {
    top: 100%;
    display: block;
    border: 1px solid rgba(0, 0, 0, .4);
    border-radius: 0;
}

.SumoSelect>.optWrapper>.options li.opt,
.SumoSelect>.optWrapper>.options>li.opt:first-child {
    border-radius: 0;
    padding: 1px 0.75rem;
    position: relative;
    border-bottom: 0;
    color: #000;
    font-size: 16px;
}

.SumoSelect>.optWrapper>.options li.opt label,
.SumoSelect>.CaptionCont,
.SumoSelect .select-all>label {
    margin: 0;
    color: #000;
}

.SumoSelect>.optWrapper>.options li.opt:hover,
.SumoSelect>.optWrapper>.options li.opt.selected {
    background-color: #1e90ff;
    color: #fff !important;
}

.SumoSelect>.optWrapper>.options li.opt:hover label,
.SumoSelect>.optWrapper>.options li.opt.selected label {
    color: #fff;
}

.SumoSelect>.CaptionCont>span {
    padding-right: 0;
}


/* *** after card change */

.search-result-card.newSearchCardBox .src-card-detail {
    margin-bottom: 0px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.search-result-card.newSearchCardBox .newDateTimeLocation {
    margin-bottom: auto;
}

.search-result-card.newSearchCardBox .newAgeMinMax {
    margin-top: auto;
}


/* ** event notice header */

.eventNoticeHeader {
    padding-top: 18px;
    padding-bottom: 17px;
}

.dashChatChatting .dashChatChattingInner.eventRightBody {
    margin-top: 61px;
}

.chat-header.eventNoticeHeader .media-body {
    display: flex;
    align-items: center;
}

.chat-header.eventNoticeHeader .media-body i {
    font-size: 19px;
}

.chat-header.eventNoticeHeader .media-body #stepBackwedMsg {
    position: unset;
    transform: unset;
}


/* *** new meet row  */

.newMeetRow {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.newMeetrow-col-1 {
    width: 100%;
    max-width: 38%;
    flex: 0 0 38%;
    padding-left: 25px;
    padding-right: 25px;
}

.newMeetrow-col-2 {
    width: 100%;
    max-width: 62%;
    flex: 0 0 62%;
    padding-left: 25px;
    padding-right: 25px;
}

.newLeftMeetList .newStepTags ul.autoHeight {
    justify-content: flex-start !important;
}

.newLeftMeetList .newStepTags ul.autoHeight li {
    display: block;
    width: 100%;
    text-align: left;
}

.newLeftMeetList .newStepTags ul.autoHeight li:not(:last-child) {
    margin-bottom: 10px;
}

.newMeetListLeft {
    position: relative;
}

.newMeetListLeft .lanMeetHostBtn {
    position: relative;
    transform: unset;
    left: 0;
    top: 0;
    bottom: 0;
    margin-top: 30px;
}

.newMeetListLeft .matchmeetStepSection {
    padding: 0;
}

.py-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.newMatchMakerMeet-col-2 {
    max-width: 62%;
    flex: 0 0 62%;
    padding-left: 25px;
    padding-right: 25px;
}

.newMatchMakerMeet-col-1 {
    max-width: 38%;
    flex: 0 0 38%;
    padding-left: 25px;
    padding-right: 25px;
}

.text-theme-color {
    color: #595959;
}

.satispectyTxt span {
    color: #ff6161;
    border: 1px solid #ff6161;
}

.profile-right .form-control::placeholder {
    color: #bfbfbf;
}

.search-result-card.newSearchCardBox .search-result-card-body.newMDetail_row {
    flex-direction: row;
}

.newMeetDet_cardStyle {
    -webkit-box-shadow: 1px 3px 38px rgb(105 105 105 / 22%);
    box-shadow: 1px 3px 38px rgb(105 105 105 / 22%);
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    padding: 0 12px 12px 12px;
    position: relative;
}

.newMeetCardMargin.searchResultUser {
    margin: 0 -10px;
}

.py-55 {
    padding-top: 55px;
    padding-bottom: 55px;
}

.newFaqTabBtm {
    width: 100%;
    border-bottom: 2px solid rgba(0, 0, 0, .1);
}

.zoomMeetingList>ul>li {
    color: #595959;
    font-weight: 500;
}

.zoomMeetingList>ul>li::before {
    display: none;
}

.zoomMeetingList>ul>li:after {
    filter: brightness(0.1);
}

.rule-block h3:after,
.policy-block h3:after {
    display: none;
}

.rule-block h3,
.policy-block h3 {
    color: #595959;
    margin-bottom: 20px;
}

.rule-content,
.policy-content {
    font-size: 16px;
    /* max-width: 800px; */
    text-align: justify;
}

.descrption-faq>span:not(.rule-count) {
    /* max-width: 800px; */
    display: block;
}


/* **** report page btn and modal */

.reportBtn {
    background: #ef5455;
    color: #fff;
    display: inline-block;
    padding: 7px 15px;
    border-radius: 7px;
}

.reportBtn:hover {
    color: #fff;
    background: #db4748;
}

.reportModal .cancelReportBtn {
    background-color: #fff;
    color: #595959;
    font-size: 17px;
    border: 0;
    outline: none;
    font-weight: 500;
    padding: 8px 15px;
    border-radius: 4px;
    border: 1px solid #595959;
}

.reportModal .save-preferences {
    border: 1px solid #ef5455;
}

.reportModal .modal-footer {
    justify-content: center;
}

.reportModal .modal-footer button {
    margin: 0 10px;
}

.reportModal .modal-footer .save-preferences:hover {
    color: #fff;
    background: #c53e3f;
    border-color: #c53e3f;
}

.reporRadioFlex {
    display: flex;
    flex-wrap: wrap;
}

.reporRadioFlex .newReport_radio {
    margin-right: 15px;
    margin-bottom: 15px;
}

.newReport_radio label.newCustRadio-report {
    margin-bottom: 0;
    border: 1px solid #2fbebb;
    color: #595959;
    font-size: 14px;
    padding: 5px 20px;
    border-radius: 25px;
    cursor: pointer;
    background: transparent;
    transition: all .3s ease-in-out
}

.newReport_radio input[type="checkbox"]:checked+label.newCustRadio-report,
.newReport_radio input[type="radio"]:checked+label.newCustRadio-report {
    background: #2fbebb;
    color: #fff;
}

.newMeetBtnBtm {
    display: inline-block;
    background-color: #ef5455;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border-radius: 7px;
    padding: 7px 15px;
    width: auto;
    display: inline-block;
    align-items: center;
    justify-content: center;
    transition: all 0.3s linear;
    margin-top: 15px;
    text-transform: capitalize;
    font-weight: 500;
}


/* ****  */

.noticeParentCheck {
    position: relative;
    background-color: transparent;
    border-bottom: 1px solid #e3f2f5;
    border-radius: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.noticeParentCheck:hover {
    background: #f9fdfd;
}

.noticeParentCheck .text-reset.nav-link {
    margin-left: 50px;
}

.noticeParentCheck .card-body {
    padding-left: 0
}

.noticeParentCheck .msg-head-check {
    position: absolute;
    top: 23px;
    height: 100%;
    left: 12px;
}

.noticeParentCheck .card {
    border: 0;
    background: transparent;
}

.frndTagMsg {
    color: #FF0000;
    margin-bottom: 15px;
    display: block;
    margin-top: -10px;
}


/*  */

.dashChatSidebar .text-reset.nav-link:last-child>.card {
    border-bottom: 0 !important;
}


/* *** new meet table design  */

.newTabDesignMeet .nav-link {
    border-radius: 0.25rem;
    color: #bfbfbf;
    font-size: 20px;
    font-weight: 600;
    padding: 0;
    padding-bottom: 20px;
}

.newTabDesignMeet {
    align-items: flex-end;
    border-bottom: 5px solid #eff7ff;
}

.newTabDesignMeet .nav-item:not(:last-child) {
    margin-right: 30px;
}

.newTabDesignMeet .nav-link.active,
.newTabDesignMeet .show>.nav-link {
    background: transparent;
    font-size: 23px;
    color: #595959;
}

.bdrNew_btnTable {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #595959;
    margin-bottom: 0px;
}

.customTableHead {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ececec;
    /* border-left: 1px solid #ececec;
    border-right: 1px solid #ececec; */
}

.customTable_detail {
    max-width: 40%;
    flex: 0 0 40%;
    padding: 15px;
    /* border-right: 1px solid #ececec; */
    position: relative;
}

.customTable_detail .msg-head-check {
    padding-right: 10px;
    width: 30px;
}

.detailNewFlex {
    display: flex;
    flex-wrap: wrap;
}

.detailNewFlex .imgSection {
    flex: 0 0 115px;
}

.detailcontent-New.border-tags .currentpart_new {
    padding: 5px 10px;
    border: 1px solid rgba(108, 108, 127, .20);
    border-radius: 8px;
    color: #595959;
    cursor: pointer;
    display: inline-block;
}
.detailcontent-New.border-tags .flexMeetNew{
    margin-bottom: 8px;
}

.detailNewFlex .detailcontent-New {
    flex: 1;
}

.imgSection img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

.customTable_info {
    max-width: 41%;
    flex: 0 0 41%;
    padding: 15px;
}

.customTable_Remark {
    max-width: 19%;
    flex: 0 0 19%;
    padding: 15px;
    /* border-left: 1px solid #ececec; */
}

.customTableHeading {
    color: #595959;
    font-weight: 600;
    text-align: center;
    font-size: 20px;
}

.meetTitle_new,
.meetTitle_new a {
    font-size: 20px;
    color: #595959;
    font-weight: 600;
}

.flexMeetNew {
    display: flex;
    color: #595959;
    padding-top: 5px;
    padding-bottom: 5px;
}

.flexMeetNew .meetType_new {
    margin-right: 15px;
}

/* .dateBooking_new {
    padding-top: 5px;
} */

.bookStatus_new {
    margin-top: 25px;
    color: #ef5455;
}

.customTable_Remark .btn-red-action {
    padding: 10px 15px;
    font-size: 15px;
    width: auto;
    display: inline-block;
    margin-bottom: 15px;
    min-width: 170px;
    margin-top: 10px;
}

.customTable_Remark .btn-red-action.newBlueTheme {
    color: #2db8b5;
    border-color: #2db8b5;
}

.customTable_Remark .btn-red-action.newBlueTheme:hover {
    color: #ef5455;
    border-color: #ef5455;
}

.remarkNewBook {
    color: #595959;
    font-weight: 500;
    text-align: center;
}

.remarkNewBook small {
    display: block;
}

.newCollCeck.msg-head-check {
    display: flex;
    margin-right: 15px;
}

.newTitleCollCheck {
    font-size: 17px;
    padding-left: 30px;
    color: #595959;
}


/* *** img  */

table img {
    max-width: unset;
}



/* ***   28-01-2022  style */


.customTableParent.joinedCustomeTable .customTable_detail {
    max-width: 60%;
    flex: 0 0 60%;
    border-right: 0;
}

.customTableParent.joinedCustomeTable .customTable_info {
    max-width: 40%;
    flex: 0 0 40%;
}

.customTableParent.joinedCustomeTable .imgSection img {
    width: 130px;
    height: 110px;
    border-radius: 12px;
}

.customTableParent.joinedCustomeTable .detailNewFlex .imgSection {
    flex: 0 0 145px;
}

.customTableParent.joinedCustomeTable ul.tableUsers li:last-child {
    margin-left: auto;
}



.newStatusBtn-sentInt {
    /* display: inline-block; */
    /* border: 1px solid #e6e6e6; */
    /* border-radius: 5px; */
    font-weight: 500;
    color: #595959;
    margin-right: 15px;
    /* margin-top: 11px; */
    /* padding: 6px 10px; */
}

.font-weig-600-new {
    font-weight: 600;
}

.btn.btn-red-action svg {
    fill: #ef5455;
    margin-left: 5px;
}


.btn.btn-red-action:hover svg {
    fill: #23a5bf;
}



.radioCustomBox.acceptNewRadiocustom label {
    background: #009999;
    color: #fff;
    border-color: #009999;
    padding: 8px 19px;
    margin: 10px 0;
    white-space: nowrap;
    display: inline-block;
}

.radioCustomBox.refuseNewRadiocustom label {
    background: #7f7f7f;
    border-color: #7f7f7f;
    color: #fff;
    padding: 8px 19px;
    margin: 10px 0;
    white-space: nowrap;
    display: inline-block;
}

.radioCustomBox.acceptNewRadiocustom label::before,
.radioCustomBox.refuseNewRadiocustom label::before {
    display: none;
}



/* *** pagination ddesign custom */

.pageLinkPaginition {
    padding: 0 20px;
    margin: auto;
}

.page-item .page-link {
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    background-color: transparent;
    color: #595959;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    border-color: transparent !important;

}

.page-item.active .page-link {
    border-color: #a5a5a5;
    background: #a5a5a5;
}


.currentpart_new a {
    color: #595959;
    font-weight: 500;
    cursor: pointer;
}

.tableUserImg .src-card-bottom-image {
    margin-left: 5px;
}


/*    31-01-2022 style */

.matHostTitle_new {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.matHostTitle_new .search {
    margin: 50px 0 30px;
}


.matchHotNewTable.customTableParent .imgSection img {
    width: 65px;
    height: 65px;
}

.matchHotNewTable.customTableParent .detailNewFlex .imgSection {
    flex: 0 0 80px;
}



.matchHotNewTable.customTableParent .customTable_Remark .btn-red-action {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    padding-right: 5px;
    max-width: 160px;
    justify-content: center;
}

.matchHotNewTable.customTableParent .customTable_Remark .btn-red-action span {
    background: #ef5455;
    color: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: auto;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-left: 5px;
}

.matchHotNewTable.customTableParent .customTable_Remark .btn-red-action:hover span {
    background: #23a5bf;
}

.customTableParent.matchHotNewTable {
    border-top: 2px solid #595959;
}


.matHostTitle_new .matching-search-button {
    margin-bottom: 0;
}


.createMeet label svg {
    width: 20px;
    height: 20px;
}


.photogallerytitle-add {
    font-size: 17px;
    color: #595959;
    text-align: center;
    font-weight: 600;
    margin-bottom: 25px;
}

.galleryUPloadLink {
    color: #fff;
    background: #16928f;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #16928f;
    display: inline-block;
}

.galleryUPloadLink:hover {
    color: #fff;
}

.galleryUPloadLink#lanmeetGalleryOpen {
    color: #16928f;
    background: #fff;

}

.subContent_photogalley {
    color: #595959;
    margin-top: 25px;
    text-align: center;
}

.newVoucher_card {
    background: #00b0ac;
    color: #fff;
    padding: 20px 30px;
    border-radius: 30px;
    line-height: 30px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

.newJoinCard {
    background: #fff;
    color: #595959;
    padding: 20px 30px;
    border-radius: 30px;
    line-height: 30px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    border: 1px solid #00b0ac;
}

.newJoinCard_list {
    position: relative;
    padding-left: 25px;
}

.newJoinCard_list::before {
    content: '\f00c';
    color: #595959;
    font-family: 'Font-Awesome-5-Pro';
    left: 0;
    position: absolute;
    top: 0;
}


.text-green-theme {
    color: #008080;
}



/* **** dark table design  */
.table-box.newDardTable-custom {
    padding: 20px 0;
}

.table-box.newDardTable-custom .coin-table-wrapper,
.table-box.newDardTable-custom .table.msgs-table thead th:first-child,
.table-box.newDardTable-custom .table .thead-dark th:first-child {
    border-radius: 0;
}

.table-box.newDardTable-custom .table.msgs-table thead th {
    background: transparent;
    color: #595959;
    border: 0;
    font-size: 16px;
    font-weight: 600;
}

.table-box.newDardTable-custom .table-striped tbody tr:nth-of-type(2n+1),
.table-box.newDardTable-custom .table-striped tbody tr:nth-of-type(odd) {
    background: transparent;
}

.table-box.newDardTable-custom .table td,
.table-box.newDardTable-custom .table th {
    color: #595959;
}

.table-box.newDardTable-custom .table-hover tbody tr:hover {
    background: transparent;
}

.pageLinkPaginition.redpageLinkPaginition .page-item.active .page-link {
    background: rgba(239, 84, 85, .51);
}


.table-box.newDardTable-custom table.table {
    /* border: 1px solid #d8d8d8; */
    border: 0;
}

.table-box.newDardTable-custom table.table a {
    color: #595959;
}

.table-box.newDardTable-custom table.table tbody tr {
    border-top: 1px solid #d8d8d8;
}


/* **** */

.bookmeetBtn-coupon-voucher {
    display: flex;

}

.bookmeetBtn-coupon-voucher a:not(:last-child) {
    margin-right: 50px;
}

.bookmeetBtn-coupon-voucher a {
    color: #009999;
}

.bookmeetBtn-coupon-voucher a:hover {
    color: #ff6161;
}

.newBookmeetModal .photogallerytitle-add {
    text-align: left;
    font-weight: 500;
    margin-bottom: 15px;
}

.cancelBtn {
    border: 0;
    background: transparent;
    padding: 0;
    margin-top: 0;
    color: #595959;
    position: absolute;
    right: 20px;
    top: 10px;
}

.cancelBtn i {
    font-weight: 400;
}


.newBookmeetModal .modal-dialog {
    max-width: 380px;
}

.newBookmeetModal .modal-content {
    border-radius: 30px;
}

.newBookmeetModal .modal-body {
    padding: 25px;
}


.voucherList_new {
    max-width: 350px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

.voucherList_new span {
    margin-right: 30px;
    flex: 0 0 94px;
    display: inline-block;
    position: relative;
}

.voucherList_new span::before {
    content: '=';
    position: absolute;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    right: -15px;
}



.no-recordtabel {
    padding: 25px 15px;
    text-align: center;
    justify-content: center;
}



/*     */


.lanMeetComImage.newSliderHOmewrp img {
    height: 350px;
    object-fit: cover;
    object-position: center;
}


.newMeetRightImg img {
    height: 425px;
    object-fit: cover;
    object-position: top;
    width: 100%;
}

section.page-topspace.EditProfile {
    margin-top: 100px;
}


/* *** new style  */

.newTopBar-style {
    border-top: 10px solid #eff7ff;
}



.text-green-theme.heading-5 {
    color: #008080;
    border-bottom: 5px solid #e7ebee;
    padding-bottom: 15px;
}


/* *** hero slider */

.newhomeHero_slide .owl-carousel .owl-stage {
    display: flex;
}

.newhomeHero_slide .owl-carousel .owl-stage .item {
    height: 100%;
}

.newhomeHero_slide .owl-carousel .owl-stage .item .lanMeetUpperRow {
    height: 100%;
}

.newhomeHero_slide .owl-carousel .owl-stage .item .lanMeetUpperCol.newCollLanBanner_1 {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.newhomeHero_slide .owl-carousel .owl-stage .item .lanMeetUpperCol.newCollLanBanner_1 .lanMeetComAction {
    margin-top: auto;
}



/* *** new  */

.newStatusFlex {
    display: flex;
    align-items: center;
    position: absolute;
    right: 10px;
    bottom: 5px;
}

.newStatusFlex span:not(:last-child) {
    margin-right: 10px;
}


.modal.newGalleryModal .modal-dialog {
    max-width: 1080px;
}


.newGalleryCard {
    position: relative;
}

.newGalleryCard img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

.newGalleryCard_title {
    text-align: center;
    font-size: 16px;
    color: #595959;
    padding: 10px;
    font-weight: 500;
}



.newGalleryCheck input[type="checkbox"],
.newGalleryCheck input[type="radio"] {
    appearance: none;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    width: 22px;
    height: 22px;
    font-family: Font-Awesome-5-Pro;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    cursor: pointer;
}

.newGalleryCheck input[type="checkbox"]:checked,
.newGalleryCheck input[type="radio"]:checked {
    border-color: #ff6161;
    background: #ff6161;
}

.newGalleryCheck input[type="checkbox"]::before,
.newGalleryCheck input[type="radio"]::before {
    border-radius: 3px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "\f00c";
    font-family: Font-Awesome-5-Pro;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 0;
    cursor: pointer;
}

.newGalleryCheck input[type="checkbox"]:checked:before,
.newGalleryCheck input[type="radio"]:checked:before {
    font-size: 14px;
}


.newGalleryCard.newGalleryCheck input[type="checkbox"],
.newGalleryCard.newGalleryCheck input[type="radio"] {
    position: absolute;
    top: 10px;
    right: 10px;
}

.newGalleryCard.newGalleryCheck label {
    cursor: pointer;
    width: 100%;
    margin-bottom: 0;
}

.newGalleryCard {
    margin-bottom: 10px;
}

.modal.newGalleryModal {
    padding-right: 0 !important;
}




/* *** new style  */

.newFaqTabBtm.detailNewTab_guide {
    justify-content: space-between;
}


.newFaqTabBtm.detailNewTab_guide.faq-user a {
    font-size: 22px;
}



#singles p:not(.rule-subheading) {
    font-weight: 500;
}





.descrption-faq#last {
    color: rgba(43, 50, 82, 0.8);
    font-weight: 500;
}







/* *** 13-07-2022  **** */

.profilebtn-set a small {
    display: block;
    font-size: 70%;
}

.bootbox-body>span {
    margin-top: 10px;
    display: inline-block;
}




/* *** loader  */

.loaderWrap_parent .wrapper {
    width: 200px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.loaderWrap_parent .circle {
    width: 15px;
    height: 15px;
    position: absolute;
    border-radius: 50%;
    background-color: #ff6161;
    left: 15%;
    transform-origin: 50%;
    animation: circle .5s alternate infinite ease;
}

@keyframes circle {
    0% {
        top: 60px;
        height: 5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7);
    }

    40% {
        height: 15px;
        border-radius: 50%;
        transform: scaleX(1);
    }

    100% {
        top: 0%;
    }
}

.loaderWrap_parent .circle:nth-child(2) {
    left: 45%;
    animation-delay: .2s;
}

.loaderWrap_parent .circle:nth-child(3) {
    left: auto;
    right: 15%;
    animation-delay: .3s;
}

.loaderWrap_parent .shadow {
    width: 15px;
    height: 4px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 62px;
    transform-origin: 50%;
    z-index: -1;
    left: 15%;
    filter: blur(1px);
    animation: shadow .5s alternate infinite ease;
}

@keyframes shadow {
    0% {
        transform: scaleX(1.5);
    }

    40% {
        transform: scaleX(1);
        opacity: .7;
    }

    100% {
        transform: scaleX(.2);
        opacity: .4;
    }
}

.loaderWrap_parent .shadow:nth-child(4) {
    left: 45%;
    animation-delay: .2s
}

.loaderWrap_parent .shadow:nth-child(5) {
    left: auto;
    right: 15%;
    animation-delay: .3s;
}

.loaderWrap_parent .wrapper span {
    position: absolute;
    top: 75px;
    font-family: 'Lato';
    font-size: 20px;
    letter-spacing: 11px;
    color: #ff6161;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    padding-left: 12px;
}

.loaderWrap_parent {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, .6);
    display: flex;
    align-items: center;
    justify-content: center;
}


.createMeet_new {
    max-height: 125px;
    max-width: 125px;
    border-radius: 5px;
    object-fit: cover;
}

.status_Cancelled {
    color: #ef5455;
}

.status_2,
.status_3,
.status_4,
.status_8 {
    color: #ef5455;
}

.status_InProcess {
    color: #08c535;
}

.status_1,
.status_5,
.status_7 {
    color: #08c535;
}

.status_Complete {
    color: #085cc5;
}

.status_6 {
    color: #085cc5;
}



/*  04-10-2-22 */


.parentBtn_lanmeet {
    display: flex;
    align-items: center;
}

.parentBtn_lanmeet .lanMeetHostBtn:not(.newLameethostBtn) {
    position: relative;
    transform: unset;
    bottom: unset;
    top: unset;
    left: unset;
    right: unset;
    font-size: 15px;
    margin-left: 15px;
    color: #fff;
    padding: 13px 60px 13px 15px;
}

.parentBtn_lanmeet .lanMeetHostBtn span {
    height: 46px;
    width: 46px;
    right: 2px;
}

.parentBtn_lanmeet .lanMeetHostBtn:not(.newLameethostBtn):hover {
    background-color: #ff6161;
}

.parentBtn_lanmeet .lanMeetHostBtn {
    font-size: 15px;
}

.newLetBlock {
    padding: 10px 20px;
    /* background: rgba(255, 255, 255, .4); */
    font-size: 32px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    max-width: 450px;
    left: 0;
    position: absolute;
    right: 0;
    margin: auto;
    border-radius: 20px;
    bottom: 25px;
    line-height: 1.4;
}






/*  partner  */

.partShareCard {
    position: relative;
    background: #fff;
    border-radius: 6px;
    padding: 10px;
    padding-left: 45px;
    height: 100px;
    max-height: 100px;
}

.partShareCard figure {
    display: flex;
    width: 100%;
}

.partShareCard figure img {
    width: 50px;
    height: 50px; min-width: 50px;
    max-width: 50px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.partShareCard figure figcaption {
    margin-left: 15px;
    color: #595959;
    font-weight: 600;
    flex: 1;
    text-align: left;
}

.partShareCard figure figcaption span {
    font-weight: 300;
    font-size: 13px;
}

.partShareCard .flex-check {
    position: absolute;
    left: 10px;
    margin-left: 0;
    top: 10px;
}

.partnerHost.owl-carousel .owl-nav button {
    width: 30px !important;
    height: 30px !important;
}

.partnerHost.owl-carousel .owl-nav button.owl-prev {
    left: -15px;
}

.partnerHost.owl-carousel .owl-nav button.owl-next {
    right: -15px;
}

.partnerHost {
    margin-bottom: 35px;
}



.stretchColumn.lanMeetUpperCol {
    align-self: stretch;
    display: flex;
    flex-direction: column;
}

.stretchColumn.lanMeetUpperCol .parentBtn_lanmeet {
    margin-top: auto;
    margin-bottom: 15px;
}

.meetPax_new {
    display: flex;
    align-items: center;
}

.meetPax_new img {
    margin-right: 5px
}

/*   bootmodal new design  */


.bootbox-confirm .modal-dialog {
    max-width: 400px;
}

.bootbox-confirm .modal-content {
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    overflow: hidden;
}

.bootbox-confirm .modal-footer {
    border-top: 0;
    flex: auto;
    justify-content: space-around;
    padding: 10px 105px;
    align-items: flex-start;
    background: #f1f1f1;
}

.bootbox-confirm .modal-footer .bootbox-confirm .modal-body {
    flex: auto;
    padding: 25px;
    padding-bottom: 0;
}

.bootbox-confirm button {
    background: transparent;
    border: 0;
    color: #141414;
    font-size: 16px;
    padding: 0;
    margin: 0 10px;
    font-weight: 700;
    box-shadow: none;
    outline: 0;
}

.bootbox-confirm button.btn-info {
    max-width: 145px;
}

.bootbox-confirm button:focus {
    outline: 0;
    box-shadow: none;
    background: transparent;
    color: #000;
}

.bootbox-confirm button:hover {
    background: transparent;
    color: #000;
}

.bootbox-confirm .bootbox-close-button {
    display: block;
    color: #000;
    opacity: 1;
    margin-right: -27px;
    margin-top: -18px !important;
}
.bootbox-body{    
    padding: 0 0 0 10px !important;
}

.bootbox-confirm button span {
    color: #595959;
    font-size: 15px;
    text-align: center;
    display: block;
}

.review_count {
    text-decoration: underline;
    font-weight: bold;
}



.partnerNewCard_parent {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}

.partnerNewCard_parent .partShareCard {
    max-width: calc(100% / 6 - 9px);
    width: 100%;
    box-shadow: 0 0 11px -7px rgb(0 0 0 / 10%);
    padding: 25px 15px;
}

.partnerNewCard_parent .partShareCard figure {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.partnerNewCard_parent .partShareCard figure figcaption {
    margin-left: 0;
    color: #222;
    font-weight: 500;
    flex: 1;
    margin-top: 15px;
    font-size: 13px;
}

.partnerNewCard_parent .flex-check .styled-checkbox+label::before {
    top: 10px;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, .2);
}

.partnerNewCard_parent .styled-checkbox:checked+label::before {
    border-color: #ff6161;
}



/* 19-10-2022 */

.newBtnCombine {
    border: 1px solid #000;
    color: #fff;
    padding: 10px 15px;
    border-radius: 7px;
    background: #000;
    position: relative;
    width: 100%;
    max-width: 480px;
}

.newBtnCombine a {
    color: #fff;
    font-weight: 400;
    position: relative;
    display: inline-block;
    min-width: calc(50% - 15px);
    text-align: center;
}

.newBtnCombine a::after {
    content: '\f178';
    font-family: 'Font-Awesome-5-Pro';
    right: 0;
    margin-left: 5px;
    color:#808080;
}

.newBtnCombine a:hover {
    color: #ff6161;
}





/* new client slider */



.lanMeetSection.newSliderClient {
    padding: 30px 0;
    background-color: transparent;
}

.lanMeetSection.newSliderClient .lanMeetComImage.newSliderHOmewrp img {
    border-radius: 8px;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}

.lanMeetSection.newSliderClient .lanMeetComHeading {
    color: rgba(0,0,0,.95);
    font-size: 35px;
}

.lanMeetSection.newSliderClient .lanMeetComContent {
    font-size: 23px;
    color: rgba(0,0,0,.95);
    margin-bottom: 0;
}

.newhomeHero_slide.newSliderClient .owl-carousel .owl-stage .item .lanMeetUpperRow {
    align-items: center;
    height: auto;
}

.lanMeetSection.newSliderClient .lanMeetComAction a {
    margin-top: 30px;
}


.lanMeetSection.newSliderClient .lanMeetComImage.newSliderHOmewrp {
    height: unset;
    padding-top: 52%;
    border-radius: 8px;
    overflow: hidden;
}





/*   */

.lanMeetSection.newSliderClient  .owl-item:first-child .lanMeetComHeading{
    display: none;
}
.lanMeetSection.newSliderClient  .owl-item:first-child .lanMeetComContent{
   font-size: 35px;
}

.btnDivid{
    display:inline-block;
    padding:0 5px;
    color:#fff;
    text-align: center;
}



.paddedList.zoomMeetingList> *{ font-size: 15px;}
.paddedList.zoomMeetingList p {
    font-size: 15px;
}
.myMatchContent.NewpagesmyMatchContent {
    padding: 40px 0 0;
    margin-bottom: 50px;
}


@media (max-width: 767.98px){
    .newBg_tabsCustom .options-btm {
    margin-top: 0px;
}
.myMatchContent.NewpagesmyMatchContent {
    margin-bottom: 20px;
    padding: 20px 0 0;
}
}



.newBg_tabsCustom   .partShareCard {
  position: relative;
  background: #fff;
  border-radius: 6px;
  padding: 10px;
  padding-left: 45px;
  height: 100px;

  max-height: 100px;
  border-radius: 5px;
  border: rgb(51 51 51 / 10%) solid 1px;
}

.newBg_tabsCustom  .options-btm{ margin-top: 20px;}



.newBg_tabsCustom .search-result-card.newSearchCardBox {

    box-shadow: 0px 10px 20px rgb(0 0 0 / 7%);
}


/* 31-01-2023 new  css */
.new-style  .span_bold span, .new-style  .meetDate_new span, .new-style .dueDate_new span {
    font-weight: 600;
    flex: 0 0 90px;
}
.new-style .statusData, .new-style .meetDate_new, .new-style .dueDate_new {
    display: flex;
    gap: 18px;
}
.new-style.customTable_info .currentpart_new {
    align-items: center;
    gap: 18px;
}
 .dueDate_new span.no_bold{
   font-weight: 500;
}
.new-style .statusData.c-flex {
    gap: 11px;
}
.qu_ans_block .profile-question{
    font-size: 16px;
    color: #595959;
    margin-bottom: 5px;
    font-family: 'spoqa_han_sans_neo_bold';
    font-weight: 700;
    background: transparent;
    padding-left: 50px;
}

.qu_ans_block .profile-question-input {
    margin-bottom: 15px;
    min-height: auto;  
    padding: 0px 0px;
}

.qu_ans_block .form-control:disabled, .form-control[readonly] {
    background-color: transparent;
    padding: 0;
    height: auto;
    border: 0;
    padding-left: 55px;
}
.qu_ans_block .profile-question::before {      
    width: 55px;
    text-align: left;
}
.qu_ans_block .custom-select:focus, .form-control:focus{
box-shadow: none;
}

.profile_textarea .profile-question-input {  
    min-height: auto;  
    padding: 0 0;
    margin: 10px 0px;
}


.qu_ans_block p{
    padding-left: 55px;
}



/* 24-03-2023 css start */

.date_input .form-control[readonly] {
    height: 46px;
    border: 1px solid #ebebeb;
    padding: 0.375rem 0.75rem;
}



.kakao-icon a {
    position: relative;
    background: #fee500;
    display: block;
    border-radius: 7px;
    padding: 11px 10px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
  }
  .kakao-icon,   .google-icon {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .google-icon a {
    position: relative;
    display: block;
    border-radius: 7px;
    padding: 11px 10px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #ddd;
  }

  .google-icon .svg-icn, 
  .kakao-icon .svg-icn {
    position: absolute;
    left:20px;
    top: 9px;
    
  }
  
  .signup-social .signupStepHead {
    padding: 33px 0 20px;
    text-align: center;
    font-size: 20px;
}
.logle-icon {
    background: #F2F2F2;
    display: block;
    border-radius: 7px;
    padding: 11px 10px;
    margin: 12px auto 20px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}

.form-control.numeric1 {
    height: 46px;
    border: 1px solid #d5d5d5;
    text-align: center;
    padding: 0 20px;
}
.verify-Group {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
label.verify-label {
    margin: 20px auto;
    font-size: 19px;
    text-align: center;
    display: block;
    color: #000;
    font-weight: 600;
}
.modal-open .page-item.active .page-link {
    z-index: 0;
}


.urgentNotifications{
    max-width: 52%;
    float: right;
    background-color: #f1f1f1;
    border-radius: 10px;
    font-size: 11px !important;
    max-height: 109px;
    margin-right: 12px;
}
.myPageLeft{
    max-width: 50%;
    float: left;
}
ul.urgentNotifications a {
    padding-left: 10px !important;
    font-size: 10px !important;
    padding-right: 5px !important;
    line-height: 22.5px !important;
    color: red !important;
    font-weight: 500 !important;
}
#myPageLeft{
    float: left;
}

textarea#q1 {
   border: none;
    padding: 5px 30px 8px 60px;
    margin-bottom: 20px;
    margin-top: 5px;
}

.tick-icon {
    padding-right: 4px;
    padding-top: 8px;
    font-weight: 500;
}

.gender-box-male{

    margin-top: 5px;
    text-align: center;
    background-color: #f0f0f0;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 800;
    width: 23px;
    color: #32CD32;
    border: 1px solid #32CD32;
}

.gender-box-female{
    
    margin-top: 5px;
    text-align: center;
    background-color: #f0f0f0;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 800;
    width: 23px;
    color: #FF69B4;
    border: 1px solid #FF69B4;
}
.hide-figure{
    display: none;
}

/* #cancelMeetBooking{
    position: relative;
    top: -8px;
    right: 0;
    background: #ff616a;
    font-size: 11px;
    border-radius: 30px;
    color: #fff;
    padding: 9px 20px;
    left: 9rem;
} */
.view-display{
    width: 11%;
    display: block;
    padding: 4px 20px;
    background-color: black;
    color: white;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    right: 4rem;
    position: absolute;
    float: right;
}
.src-interested-talk span{
   color: red !important;
   font-weight: 600;
}
.ai_chat{
    background: #007bff;
    border-radius: 39px;
    color: #fff;
    font-size: 15px;
    padding: 10px 15px;
    display: table;
    border: transparent;
    float: inline-end;
    margin: -48px 0 0 0;
}
/* ====== OWL ARROWS FIX FOR WISHLIST PAGE ====== */

/* Arrows ko center left-right laane ke liye */
.partnerHost .owl-nav {
    position: absolute !important;
    top: 15% !important;
    left: 12px;
    width: 100% !important;
    transform: translateY(-50%);
    display: flex !important;
    justify-content: space-between !important;
    pointer-events: none;
    z-index: 20;
}

/* Buttons styling */
.partnerHost .owl-nav button.owl-next {
    pointer-events: all;
    background: transparent !important;   /* white background remove */
    border: none !important;
    font-size: 40px !important;          /* arrow size bigger */
    color: #555 !important;              /* arrow color */
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.partnerHost .owl-nav button.owl-prev {
    pointer-events: all;
    background: transparent !important;   /* white background remove */
    border: none !important;
    font-size: 40px !important;          /* arrow size bigger */
    color: #555 !important;              /* arrow color */
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 4px 6px 7px -45px;
}

/* Hover पर थोड़ा bold */
.partnerHost .owl-nav button:hover {
    color: #000 !important;
    transform: scale(1.1);
}