@import 'animations.css';
@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype')
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype')
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc9.ttf) format('truetype')
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype')
}

@font-face {
    font-family: roboto slab;
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjo0oSmb2Rm.ttf) format('truetype')
}

@font-face {
    font-family: roboto slab;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmb2Rm.ttf) format('truetype')
}

@font-face {
    font-family: roboto slab;
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4Omb2Rm.ttf) format('truetype')
}

@font-face {
    font-family: icomoon;
    src: url(fonts/icomoon.eot?hl5uro);
    src: url(fonts/icomoon.eot?hl5uro#iefix) format('embedded-opentype'), url(fonts/icomoon.ttf?hl5uro) format('truetype'), url(fonts/icomoon.woff?hl5uro) format('woff'), url(fonts/icomoon.svg?hl5uro#icomoon) format('svg');
    font-weight: 400;
    font-style: normal
}

[class^=icon-],
[class*=" icon-"] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-birthday-cake:before {
    content: "\e94a"
}

.icon-religion:before {
    content: "\e94b"
}

.icon-money-purse:before {
    content: "\e94c"
}

.icon-education:before {
    content: "\e94d"
}

.icon-left-arrow:before {
    content: "\e949"
}

.icon-cercle-cross:before {
    content: "\e944"
}

.icon-cercle-tick:before {
    content: "\e945"
}

.icon-text-edit:before {
    content: "\e946"
}

.icon-settings:before {
    content: "\e947"
}

.icon-picture:before {
    content: "\e948"
}

.icon-onebell:before {
    content: "\e943"
}

.icon-graduation:before {
    content: "\e93f"
}

.icon-location:before {
    content: "\e940"
}

.icon-caste:before {
    content: "\e941"
}

.icon-dob:before {
    content: "\e942"
}

.icon-google-plus:before {
    content: "\e93e"
}

.icon-password:before {
    content: "\e93c"
}

.icon-username:before {
    content: "\e93d"
}

.icon-heart:before {
    content: "\e93b"
}

.icon-large-elite:before {
    content: "\e937"
}

.icon-large-silver:before {
    content: "\e938"
}

.icon-large-gold:before {
    content: "\e939"
}

.icon-large-diamond:before {
    content: "\e93a"
}

.icon-elite:before {
    content: "\e934"
}

.icon-silver:before {
    content: "\e935"
}

.icon-gold:before {
    content: "\e936"
}

.icon-eye:before {
    content: "\e931"
}

.icon-calender:before {
    content: "\e932"
}

.icon-diamond:before {
    content: "\e933"
}

.icon-minus:before {
    content: "\e930"
}

.icon-about-ring:before {
    content: "\e92f"
}

.icon-tick:before {
    content: "\e92d"
}

.icon-box:before {
    content: "\e92e"
}

.icon-dobble-hart:before {
    content: "\e92c"
}

.icon-facebook:before {
    content: "\e928"
}

.icon-twitter:before {
    content: "\e929"
}

.icon-instagram:before {
    content: "\e92a"
}

.icon-linkedin:before {
    content: "\e92b"
}

.icon-list:before {
    content: "\e924"
}

.icon-paper:before {
    content: "\e925"
}

.icon-love-chat:before {
    content: "\e926"
}

.icon-user-login:before {
    content: "\e927"
}

.icon-right-arrow:before {
    content: "\e921"
}

.icon-quote-outline:before {
    content: "\e922"
}

.icon-quote-fill:before {
    content: "\e923"
}

.icon-chart:before {
    content: "\e91f"
}

.icon-verified:before {
    content: "\e920"
}

.icon-ring .path1:before {
    content: "\e909";
    color: #d7f6f3
}

.icon-ring .path2:before {
    content: "\e90a";
    margin-left: -1.48535156em;
    color: #d7f6f3
}

.icon-ring .path3:before {
    content: "\e90b";
    margin-left: -1.48535156em;
    color: #d7f6f3
}

.icon-ring .path4:before {
    content: "\e90c";
    margin-left: -1.48535156em;
    color: #d7f6f3
}

.icon-ring .path5:before {
    content: "\e90d";
    margin-left: -1.48535156em;
    color: #d7f6f3
}

.icon-ring .path6:before {
    content: "\e90e";
    margin-left: -1.48535156em;
    color: #d7f6f3
}

.icon-ring .path7:before {
    content: "\e90f";
    margin-left: -1.48535156em;
    color: #17cfbf
}

.icon-ring .path8:before {
    content: "\e910";
    margin-left: -1.48535156em;
    color: #1bb49a
}

.icon-ring .path9:before {
    content: "\e911";
    margin-left: -1.48535156em;
    color: #1bb49a
}

.icon-ring .path10:before {
    content: "\e912";
    margin-left: -1.48535156em;
    color: #1bb49a
}

.icon-ring .path11:before {
    content: "\e913";
    margin-left: -1.48535156em;
    color: #1bb49a
}

.icon-ring .path12:before {
    content: "\e914";
    margin-left: -1.48535156em;
    color: #1bb49a
}

.icon-ring .path13:before {
    content: "\e915";
    margin-left: -1.48535156em;
    color: #1bb49a
}

.icon-ring .path14:before {
    content: "\e916";
    margin-left: -1.48535156em;
    color: #1bb49a
}

.icon-ring .path15:before {
    content: "\e917";
    margin-left: -1.48535156em;
    color: #1bb49a
}

.icon-ring .path16:before {
    content: "\e918";
    margin-left: -1.48535156em;
    color: #1bb49a
}

.icon-ring .path17:before {
    content: "\e919";
    margin-left: -1.48535156em;
    color: #1bb49a
}

.icon-ring .path18:before {
    content: "\e91a";
    margin-left: -1.48535156em;
    color: #1bb49a
}

.icon-ring .path19:before {
    content: "\e91b";
    margin-left: -1.48535156em;
    color: #1bb49a
}

.icon-ring .path20:before {
    content: "\e91c";
    margin-left: -1.48535156em;
    color: #1bb49a
}

.icon-ring .path21:before {
    content: "\e91d";
    margin-left: -1.48535156em;
    color: #1bb49a
}

.icon-ring .path22:before {
    content: "\e91e";
    margin-left: -1.48535156em;
    color: #1bb49a
}

.icon-phone:before {
    content: "\e907"
}

.icon-chat:before {
    content: "\e908"
}

.icon-mail:before {
    content: "\e906"
}

.icon-plus:before {
    content: "\e905"
}

.icon-lock:before {
    content: "\e904"
}

.icon-users:before {
    content: "\e903"
}

.icon-down-arrow:before {
    content: "\e901"
}

.icon-user-plus:before {
    content: "\e902"
}

.icon-search:before {
    content: "\e900"
}

.icon-cross:before {
    content: "\ea0f"
}

.icon-cptr-horoscope:before {
    content: "\e94e"
}

.icon-horoscope:before {
    content: "\e94f"
}

.icon-round-arrow-up .path1:before {
    content: "\e950";
    color: #cecece
}

.icon-round-arrow-up .path2:before {
    content: "\e951";
    margin-left: -1em;
    color: #fff
}

.icon-nest-elit:before {
    content: "\e952"
}

.icon-red-love:before {
    content: "\e953"
}

.icon-alert:before {
    content: "\e954";
    color: #f7cc18
}

.icon-red-alert:before {
    content: "\e955";
    color: #e64d15
}

.icon-mal-ku:before {
    content: "\e956"
}

.icon-mal-gu:before {
    content: "\e957"
}

.icon-mal-cha:before {
    content: "\e958"
}

.icon-mal-bu:before {
    content: "\e959"
}

.icon-mal-ma:before {
    content: "\e95a"
}

.icon-mal-maa:before {
    content: "\e95b"
}

.icon-mal-ra:before {
    content: "\e95c"
}

.icon-mal-la:before {
    content: "\e95d"
}

.icon-mal-shi:before {
    content: "\e95e"
}

.icon-mal-shu:before {
    content: "\e95f"
}

.icon-mal-sa:before {
    content: "\e960"
}

.icon-circle-star:before {
    content: "\e961"
}

.icon-contact:before {
    content: "\e962";
    color: #ef4b61
}

.icon-price:before {
    content: "\e963"
}

.icon-close-o:before {
    content: "\e965"
}

.icon-star-o:before {
    content: "\e966"
}

.icon-filter:before {
    content: "\e967"
}

.icon-branch:before {
    content: "\e968"
}

.icon-distinguish:before {
    content: "\e969"
}

.icon-guidance:before {
    content: "\e96a"
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline
}

* {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
img {
    display: block
}

ol,
ul {
    list-style: none
}

html {
    -webkit-text-size-adjust: none
}

a {
    display: inline-block
}

a,
a:hover {
    text-decoration: none;
    color: #000;
    outline: none
}

a:focus {
    text-decoration: none
}

:active,
:focus {
    outline: none !important
}

p:empty {
    margin: 0 !important;
    padding: 0 !important
}

q {
    quotes: "\00201c" "\00201d";
    display: inline-block
}

q:before {
    content: open-quote !important
}

q:after {
    content: close-quote !important
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed
}

input[type=submit]::-moz-focus-inner,
input[type=button]::-moz-focus-inner {
    border: 0
}

input[type=submit]:focus,
input[type=button]:focus {
    outline: none
}

input,
select {
    vertical-align: middle
}

textarea,
input[type=text],
input[type=password],
input[type=email],
input[type=button],
input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-shadow: none;
    outline: none;
    border-radius: 0
}

textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=button]:focus,
input[type=submit]:focus {
    outline: none
}

[placeholder]:focus::-webkit-input-placeholder {
    transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    opacity: 0
}

[placeholder]:focus::-moz-placeholder {
    transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    opacity: 0
}

[placeholder]:focus::-ms-input-placeholder {
    transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    opacity: 0
}

::-webkit-input-placeholder {
    color: #abb9c9
}

::-moz-placeholder {
    color: #abb9c9
}

:-ms-input-placeholder {
    color: #abb9c9
}

:-moz-placeholder {
    color: #abb9c9
}

img {
    width: 100%;
    display: block
}

h1,
.h1,
h2,
.h2 {
    font-size: 2.1875rem;
    line-height: 2;
    font-weight: 700
}

h3,
.h3 {
    font-size: 2.1875rem;
    line-height: 1.7;
    font-weight: 700
}

h4,
.h4 {
    font-size: 1.875rem;
    line-height: 2;
    font-weight: 700
}

h5,
.h5 {
    font-size: 1.25rem;
    line-height: 2;
    font-weight: 700
}

p,
.ptext,
q {
    font-size: 1rem;
    line-height: 1.8;
    color: #393939;
    letter-spacing: .32px;
    font-weight: 400;
    font-style: normal
}

a {
    font-size: .875rem;
    font-weight: 400
}

.ui-header-button {
    background-color: #17cdb6;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #17cdb6
}

.ui-content-button {
    background-color: #fff;
    color: #17cdb6;
    border-radius: 5px;
    border: 1px solid #17cdb6
}

body {
    font-family: roboto slab, serif
}

select:active,
select:hover {
    outline: none
}

svg {
    width: 100%;
    height: 100%
}

.full-content-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.selectric {
    background: 0 0;
    border-radius: 5px;
    position: relative
}

.selectric:before {
    content: "\e901";
    font-family: icomoon !important;
    color: #17cdb6;
    position: absolute;
    font-size: 8px;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.selectric b.button {
    display: none
}

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

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

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

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

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

.selectric-wrapper {
    position: relative;
    cursor: pointer
}

.selectric-responsive {
    width: 100%
}

.selectric {
    border: 1px solid #ddd;
    border-radius: 0;
    background: #f8f8f8;
    position: relative;
    overflow: hidden
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    font-size: 12px;
    line-height: 38px;
    color: #444;
    height: 38px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background-color: #f8f8f8;
    color: #bbb;
    text-align: center;
    font: 0/0 a;
    *font: 0.52631579pxLucidaSansUnicode, ArialUnicodeMS, Arial
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #bbb;
    border-bottom: none
}

.selectric-focus .selectric {
    border-color: #aaa
}

.selectric-hover .selectric {
    border-color: #c4c4c4
}

.selectric-hover .selectric .button {
    color: #a2a2a2
}

.selectric-hover .selectric .button:after {
    border-top-color: #a2a2a2
}

.selectric-open {
    z-index: 9999
}

.selectric-open .selectric {
    border-color: #c4c4c4
}

.selectric-open .selectric-items {
    display: block
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.selectric-hide-select select {
    position: absolute;
    left: -100%
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    font: 0/0 a !important;
    background: 0 0 !important
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #f8f8f8;
    border: 1px solid #c4c4c4;
    z-index: -1;
    box-shadow: 0 0 10px -6px
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.selectric-items ul,
.selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px
}

.selectric-items li {
    display: block;
    padding: 10px;
    color: #666;
    cursor: pointer
}

.selectric-items li.selected {
    background: #e0e0e0;
    color: #444
}

.selectric-items li.highlighted {
    background: #d0d0d0;
    color: #444
}

.selectric-items li:hover {
    background: #d5d5d5;
    color: #444
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default !important;
    background: 0 0 !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: 700;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0;
    color: #444
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1
}

.selectric-items .selectric-group li {
    padding-left: 25px
}

html {
    height: 100%
}

body {
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    float: left;
    width: 100%
}

body.mainHeader header {
    position: absolute;
    z-index: 1;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    height: 95px;
    max-width: 1500px;
    margin: 0 15px;
    padding: 0 !important;
    transition: none
}

@media only screen and (min-width:992px) and (max-width:1600px) {
    body.mainHeader header {
        width: calc(100% - 30px) !important
    }
}

@media only screen and (max-width:991px) {
    body.mainHeader header {
        top: 0;
        border-radius: 0
    }
    body.mainHeader header .navbar-brand {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }
}

body.mainHeader header .inner-logo,
body.mainHeader header .icon-search {
    display: none
}

body.mainHeader header .main-logo,
body.mainHeader header .navbar-toggler {
    display: block
}

@media only screen and (min-width:992px) {
    body.mainHeader header .home-page-nav-button {
        display: block !important
    }
}

body.mainHeader header .navbar-brand {
    background-image: -moz-linear-gradient(90deg, #02C48D, #22D6D9);
    background-image: -webkit-gradient(90deg, #02C48D, #22D6D9);
    background-image: -webkit-linear-gradient(90deg, #02C48D, #22D6D9);
    background-image: -o-linear-gradient(90deg, #02C48D, #22D6D9);
    background-image: linear-gradient(90deg, #02C48D, #22D6D9);
    color: #fff;
    padding: 20px 36px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    display: block
}

@media only screen and (max-width:1499px) {
    body.mainHeader header .navbar-brand {
        padding: 20px 0
    }
}

button {
    cursor: pointer
}

header {
    font-family: roboto, sans-serif;
    border-radius: 5px;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    margin: 0 auto !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
    background-color: #fff;
    z-index: 999;
    transition: all .3s
}

header.sticky {
    position: fixed;
    top: 0;
    z-index: 9999;
    animation: example;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    border-radius: 0;
    transition: all .3s
}

header.sticky .nst-home-contact-menu {
    display: none
}

@keyframes example {
    from {
        margin-top: -97px
    }
    to {
        margin-top: 0
    }
}

header .main-logo,
header .navbar-toggler {
    display: none
}

header .inner-logo {
    width: 260px;
    height: 57px;
    display: block
}

header .navbar-brand {
    background-image: -moz-linear-gradient(0, #fff, #fff);
    background-image: -webkit-gradient(0, #fff, #fff);
    background-image: -webkit-linear-gradient(0, #fff, #fff);
    background-image: -o-linear-gradient(0, #fff, #fff);
    background-image: linear-gradient(0, #fff, #fff);
    padding: 20px 0
}

header .home-page-nav-button {
    display: none !important;
    z-index: 500
}

header .ui-main-nav .main-logo {
    width: 250px;
    height: 55px
}

@media only screen and (min-width:992px) and (max-width:1300px) {
    header .ui-main-nav .main-logo {
        width: 180px;
        padding: 0 10px
    }
}

@media only screen and (max-width:767px) {
    header .ui-main-nav .main-logo {
        height: 42px
    }
}

header .ui-main-nav .navbar-toggler {
    padding-left: 30px
}

@media only screen and (min-width:992px) and (max-width:1300px) {
    header .ui-main-nav .navbar-toggler {
        padding-left: 10px
    }
}

header .ui-main-nav .navbar-toggler .navbar-toggler-icon {
    width: 30px;
    height: 3px;
    border-radius: 5px;
    background-color: #17cdb6
}

header .ui-main-nav .navbar-toggler .ui-my-2 {
    margin: .4rem 0
}

header .ui-main-nav .navbar-collapse ul {
    padding-right: 30px
}

@media only screen and (min-width:992px) and (max-width:1300px) {
    header .ui-main-nav .navbar-collapse ul {
        padding-right: 20px
    }
}

header .ui-main-nav .navbar-collapse ul.navbar-nav {
    margin-top: -30px;
    margin-bottom: -30px;
    height: 96px
}

header .ui-main-nav .navbar-collapse ul.navbar-nav li {
    padding: 30px 25px;
    cursor: pointer
}

@media only screen and (min-width:992px) and (max-width:1300px) {
    header .ui-main-nav .navbar-collapse ul.navbar-nav li {
        padding: 30px 10px
    }
}

@media only screen and (max-width:991px) {
    header .ui-main-nav .navbar-collapse ul.navbar-nav li {
        padding: 15px 25px
    }
    header .ui-main-nav .navbar-collapse ul.navbar-nav li .ui-header-button {
        max-width: 182px;
        margin: auto
    }
}

header .ui-main-nav .navbar-collapse li {
    margin: 0
}

header .ui-main-nav .navbar-collapse li:first-child {
    margin-left: 0
}

header .ui-main-nav .navbar-collapse li:last-child {
    margin-right: 0;
    padding-right: 0
}

header .ui-main-nav .navbar-collapse li a {
    font-size: .9375rem;
    color: #ac1a1d;
    font-weight: 400;
    font-family: roboto, sans-serif
}

@media only screen and (max-width:1199px) {
    header .ui-main-nav .navbar-collapse li a {
        font-size: .875rem
    }
}

header .ui-main-nav .navbar-collapse li .nxt-nav-search {
    font-family: roboto, sans-serif
}

header .ui-main-nav .navbar-collapse .ui-header-button {
    padding: 8px 32px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    line-height: 24px
}

@media only screen and (min-width:992px) and (max-width:1300px) {
    header .ui-main-nav .navbar-collapse .ui-header-button {
        padding: 8px !important
    }
}

header .ui-main-nav .ul-cstm-drop {
    background: #ac1a1d;
    color: #fff;
    padding: 22px;
    width: 330px
}

header .ui-main-nav .ul-cstm-drop .ui-drop-list {
    padding: 30px 0;
    border-top: 1px dashed #17cdb6;
    border-bottom: 1px dashed #17cdb6
}

header .ui-main-nav .ul-cstm-drop .ui-drop-list li {
    margin-left: 0;
    padding-top: 27px;
    font-size: .875rem;
    font-weight: 400
}

header .ui-main-nav .ul-cstm-drop .ui-drop-list li a {
    color: #fff
}

header .ui-main-nav .ul-cstm-drop .ui-drop-list li span {
    color: #17cdb6;
    margin-right: 15px;
    font-size: 1.125rem;
    vertical-align: middle;
    top: -2px;
    position: relative
}

header .ui-main-nav .ul-cstm-drop .ui-drop-list li span.icon-picture {
    font-size: 1rem
}

header .ui-main-nav .ul-cstm-drop .log {
    padding: 20px 0 0
}

header .ui-main-nav .ul-cstm-drop .log a {
    color: #17cdb6;
    font-size: 1rem;
    font-weight: 700
}

header .ui-main-nav .ui-cstm-drop-down {
    padding-bottom: 25px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

header .ui-main-nav .ui-cstm-drop-down h4 {
    color: #17cdb6;
    font-size: 1rem;
    vertical-align: middle;
    font-family: roboto slab, serif
}

header .ui-main-nav .ui-cstm-drop-down h4 span {
    color: #fff;
    font-size: .875rem;
    font-weight: 400;
    font-family: roboto slab, serif
}

header .ui-main-nav .ui-cstm-drop-down a.ui-header-upgrade-btn {
    background: #17cdb6;
    color: #fff;
    font-size: 1rem;
    padding: 11px;
    vertical-align: middle;
    border-radius: 5px;
    margin: auto 0 auto auto;
    font-family: roboto slab, serif;
    max-width: 110px
}

header.sticky+.about-us-banner,
header.sticky+.reg-head,
header.sticky+.ui-paynow,
header.sticky+.ui-main-testimonials,
header.sticky+.nxt-usr-dashboard,
header.sticky+.contact-banner,
header.sticky+.ui-career,
header.sticky+.terms-and-conditions {
    margin-top: 97px
}

header .ui-main-nav {
    padding: 0 !important
}

header .ui-main-nav .navbar-collapse li .login-user {
    font-weight: 700
}

header .ui-main-nav .navbar-collapse li .ul-cstm-drop {
    background-color: #ac1a1d !important
}

header .ui-main-nav .navbar-collapse li .subnav {
    visibility: visible;
    opacity: 0;
    position: absolute;
    margin-top: 30px;
    padding: 30px 0 !important;
    width: 330px;
    transition: all .3s ease-in-out;
    left: auto;
    pointer-events: none;
    right: 0;
    z-index: 999;
    overflow: visible
}

header .ui-main-nav .navbar-collapse li .subnav li {
    padding: 8px 0;
    border-bottom: 1px dashed #ac1a1d;
    margin: 0 !important
}

header .ui-main-nav .navbar-collapse li .subnav li a {
    font-size: .875rem;
    font-family: roboto slab, serif
}

header .ui-main-nav .navbar-collapse li .subnav li p {
    font-weight: 700;
    color: #ac1a1d;
    font-size: .875rem
}

header .ui-main-nav .navbar-collapse li .subnav a.view-all-not {
    color: #17cdb6;
    font-weight: 700;
    font-size: .875rem;
    padding: 15px 0
}

header .ui-main-nav .navbar-collapse li.show-subnav .subnav {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    pointer-events: auto;
    left: auto;
    position: absolute;
    right: 0;
    width: auto;
    margin-top: 0;
    padding: 30px 0 !important
}

@media only screen and (max-width:991px) {
    header .ui-main-nav .navbar-collapse li.nxt-notifications {
        width: 100% !important
    }
}

header .ui-main-nav .navbar-collapse li.nxt-notifications .subnav {
    left: auto;
    right: 0;
    width: 400px;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    padding: 30px 0 !important;
    margin-top: 30px
}

header .ui-main-nav .navbar-collapse li.nxt-notifications .subnav ul {
    width: 400px;
    background-color: #fff;
    height: 350px;
    overflow: auto;
    padding: 15px;
    border: 1px solid #17cdb6
}

header .ui-main-nav .navbar-collapse li.nxt-notifications.show-subnav .subnav {
    opacity: 1;
    visibility: visible;
    margin-top: -5px;
    padding: 30px 0 !important
}

.container {
    max-width: 1500px;
    margin: 0 auto;
    width: 100%
}

.ui-home-banner label,
.ui-home-banner span,
.ui-home-banner select {
    color: #ac1a1d
}

@media only screen and (max-width:767px) {
    .ui-home-banner .nst-input-connecting-line:before {
        width: 40%
    }
}

.ui-home-banner .home-looking-search {
    max-width: 45%;
    margin-right: 15px
}

@media only screen and (max-width:991px) {
    .ui-home-banner .home-looking-search {
        max-width: 50%;
        margin-right: 0
    }
}

@media only screen and (max-width:575px) {
    .ui-home-banner .home-looking-search {
        max-width: 100%
    }
}

.ui-home-banner .home-form-height .select2.select2-container {
    width: 73px !important
}

@media only screen and (max-width:991px) {
    .ui-home-banner .home-form-height .select2.select2-container {
        width: 100% !important
    }
}

.ui-home-banner .termsandpolicy {
    height: 35px
}

.ui-home-banner .termsandpolicy input[type=checkbox] {
    height: 20px
}

.ui-home-banner .termsandpolicy label input {
    margin-right: 12px;
    margin-top: -2px
}

.ui-home-banner .termsandpolicy label a {
    color: #17cdb6
}

.ui-home-banner .termsandpolicy label p {
    font-size: .75rem
}

.ui-home-banner .cstm-banner {
    height: 100vh;
    margin-top: -100px
}

@media only screen and (min-width:992px) {
    .ui-home-banner .cstm-banner {
        min-height: 890px
    }
}

@media only screen and (max-width:991px) {
    .ui-home-banner .cstm-banner {
        height: 700px
    }
}

.ui-home-banner .cstm-banner .banner-img {
    background-repeat: no-repeat;
    background-position: left 30% center;
    background-size: cover;
    height: 100vh;
    width: 100%;
    transform: none;
    display: none
}

.ui-home-banner .cstm-banner .banner-img:first-child {
    display: block
}

@media only screen and (min-width:992px) {
    .ui-home-banner .cstm-banner .banner-img {
        min-height: 890px
    }
}

@media only screen and (max-width:991px) {
    .ui-home-banner .cstm-banner .banner-img {
        height: 700px
    }
}

.ui-home-banner .cstm-banner.slick-initialized {
    margin-top: 0
}

.ui-home-banner .cstm-banner.slick-initialized .banner-img {
    transform: scale(1.1);
    transition: all 1s cubic-bezier(.7, 0, .3, 1);
    display: block
}

.ui-home-banner .cstm-banner.slick-initialized .slick-active .banner-img {
    transform: scale(1)
}

.ui-home-banner .slick-dots {
    position: absolute;
    bottom: 50px;
    left: 10%
}

.ui-home-banner .slick-dots li {
    margin: 0 7px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
    vertical-align: middle
}

.ui-home-banner .slick-dots li.slick-active {
    width: 15px;
    height: 15px;
    background-color: transparent
}

.ui-home-banner .slick-dots li button {
    display: none
}

.ui-home-banner .banner-form {
    position: relative;
    top: 0;
    float: left;
    width: 100%;
    z-index: 500;
    position: absolute;
    width: 450px;
    height: 620px;
    max-width: 100%
}

@media only screen and (min-width:992px) {
    .ui-home-banner .banner-form {
        right: 8px;
        transform: translateY(-35%);
        float: none
    }
}

@media only screen and (min-height:800px) and (min-width:992px) {
    .ui-home-banner .banner-form {
        top: 43vh
    }
}

@media only screen and (max-height:800px) and (min-width:992px) {
    .ui-home-banner .banner-form {
        top: 350px
    }
}

@media only screen and (min-width:1500px) {
    .ui-home-banner .banner-form {
        right: calc((100vw - 1500px) * 0.5 + 3px) !important
    }
}

@media only screen and (max-width:991px) {
    .ui-home-banner .banner-form {
        top: 340px;
        left: 0;
        right: 0;
        margin: auto;
        width: 66.666%;
        padding: 0 15px
    }
    .ui-home-banner .banner-form .btm-form-p a {
        color: #ac1a1d !important
    }
}

@media only screen and (max-width:767px) {
    .ui-home-banner .banner-form {
        width: 100%;
        padding: 0 15px
    }
}

@media only screen and (max-width:480px) {
    .ui-home-banner .banner-form {
        top: 270px
    }
}

.ui-home-banner .banner-form .register .form-group {
    padding-bottom: 15px
}

.ui-home-banner .banner-form .register .form-group.gender label {
    padding-bottom: 0
}

.ui-home-banner .banner-form .form-inner {
    background: #fff;
    box-shadow: 0 3px 5px rgba(16, 35, 62, .17);
    border-radius: 5px;
    height: 595px
}

.ui-home-banner .banner-form .form-inner .marital-select-box {
    padding-right: 0;
    width: 100%;
    max-width: 45%;
    margin-right: 10px
}

.ui-home-banner .banner-form .form-inner .marital-select-box:last-child {
    margin-right: 0
}

@media only screen and (max-width:991px) {
    .ui-home-banner .banner-form .form-inner .marital-select-box {
        display: block;
        width: 100%;
        max-width: 97%
    }
}

@media only screen and (max-width:767px) {
    .ui-home-banner .banner-form .form-inner .marital-select-box {
        max-width: 100%;
        margin-right: 0;
        display: inline-block;
        width: 100%;
        padding-right: 15px
    }
}

@media only screen and (max-width:767px) {
    .ui-home-banner .banner-form .form-inner .marital-select-box:last-child {
        padding-left: 15px
    }
}

.ui-home-banner .banner-form .form-inner .marital-select-box .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    overflow-y: auto;
    max-height: 70px
}

.ui-home-banner .banner-form .form-inner .marital-select-box .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    width: 144px
}

@media only screen and (max-width:480px) {
    .ui-home-banner .banner-form .form-inner .marital-select-box .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        width: 108px
    }
}

@media only screen and (min-width:768px) {
    .ui-home-banner .banner-form .form-inner h2 {
        left: 0;
        right: 0;
        margin: auto;
        max-width: 80%
    }
}

@media only screen and (max-width:575px) {
    .ui-home-banner .banner-form .form-inner {
        min-height: auto;
        height: auto !important
    }
}

.ui-home-banner .banner-form .form-inner .form-group.termsandpolicy {
    position: relative
}

.ui-home-banner .banner-form .form-inner .form-group.termsandpolicy label {
    padding-top: 0
}

.ui-home-banner .banner-form .inner-top {
    padding: 25px 30px 0;
    background: #f8f8f8
}

.ui-home-banner .banner-form .inner-bottom {
    padding-left: 30px;
    padding-right: 30px
}

.ui-home-banner .banner-form h3 {
    color: #ac1a1d;
    letter-spacing: 1px
}

.ui-home-banner .banner-form h3 span {
    color: #17cdb6
}

.ui-home-banner .banner-form p {
    color: #ac1a1d;
    padding-bottom: 15px
}

.ui-home-banner .banner-form .row {
    padding-bottom: 25px
}

.ui-home-banner .banner-form .nav-tabs {
    border-bottom: none
}

.ui-home-banner .banner-form .nav-tabs .nav-item {
    width: 50%;
    text-align: center
}

.ui-home-banner .banner-form .nav-tabs .nav-link {
    font-size: .9375rem;
    color: #8b9fb4;
    padding-bottom: 15px;
    border: none;
    padding: 10px 22px
}

.ui-home-banner .banner-form .nav-tabs .nav-link:hover {
    border: none
}

.ui-home-banner .banner-form .nav-tabs .nav-link.active {
    border: none;
    border-bottom: 1px solid #17cdb6;
    color: #ac1a1d;
    background-color: transparent
}

.ui-home-banner .banner-form .form-group {
    margin-bottom: 0
}

.ui-home-banner .banner-form .form-group label {
    font-weight: 400;
    font-size: .75rem !important;
    margin-top: auto;
    margin-bottom: auto
}

.ui-home-banner .banner-form .form-group label a {
    font-size: .75rem !important
}

.ui-home-banner .banner-form .form-group span.select-span {
    position: relative;
    vertical-align: middle
}

.ui-home-banner .banner-form .hg span.select-span {
    width: 75px
}

.ui-home-banner .banner-form span.bar {
    width: 29px;
    height: 1px;
    background: #e6e6e6;
    top: 67%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ui-home-banner .banner-form .form-control {
    border-color: #e6e6e6;
    font-size: .9375rem;
    height: 40px;
    border-radius: 5px
}

.ui-home-banner .banner-form .form-control:focus {
    box-shadow: none
}

.ui-home-banner .banner-form .community select {
    width: 315px
}

.ui-home-banner .banner-form .community .search {
    padding: 8px 18px;
    background-color: #17cdb6;
    border-radius: 5px;
    vertical-align: middle
}

.ui-home-banner .banner-form .community .search span {
    color: #fff;
    font-size: 1.1875rem
}

.ui-home-banner .banner-form .tab-content #menu1.tab-pane {
    padding: 30px 0
}

@media only screen and (max-width:991px) {
    .ui-home-banner .banner-form .tab-content #menu1.tab-pane .row.mob-d-block {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .ui-home-banner .banner-form .tab-content #menu1.tab-pane .ui-header-button {
        max-width: 100% !important
    }
}

.ui-home-banner .banner-form .tab-content .tab-pane {
    padding: 30px 0 0
}

@media only screen and (max-width:480px) {
    .ui-home-banner .banner-form .tab-content .tab-pane {
        padding: 5px 20px
    }
}

.ui-home-banner .banner-form .tab-content .tab-pane:last-child .form-group {
    padding-bottom: 15px
}

.ui-home-banner .banner-form .tab-content .tab-pane .looking {
    padding: 0 15px
}

.ui-home-banner .banner-form .dob {
    flex-wrap: inherit
}

.ui-home-banner .banner-form .dob span {
    padding-right: 5px
}

.ui-home-banner .banner-form .dob span:last-child {
    padding-right: 0
}

.ui-home-banner .banner-form .dob .selectric-wrapper:nth-child(3) .selectric {
    margin: 0 20px;
    width: 111px
}

.ui-home-banner .banner-form .mob span {
    margin-right: 5px;
    width: 92px
}

.ui-home-banner .banner-form .mob input {
    width: 50%
}

.ui-home-banner .banner-form .ui-header-button {
    font-size: .875rem
}

.ui-home-banner .banner-form .ui-header-button:hover {
    color: #fff
}

.ui-home-banner .btm-form-p {
    color: #ac1a1d;
    margin-top: 0 !important;
    text-align: center;
    font-size: .9375rem;
    font-weight: 400
}

@media only screen and (min-width:992px) {
    .ui-home-banner .btm-form-p {
        color: #fff !important
    }
}

.ui-home-banner .form-group.caste .selectric {
    width: 170px;
    margin-right: 15px
}

.ui-home-banner .form-group.caste a.ui-header-button {
    padding: 6px 27px
}

.ui-home-banner .form-group.religion .selectric-wrapper {
    width: 100%
}

.ui-home-banner .community .selectric-wrapper {
    width: 314px
}

@media only screen and (max-width:991px) {
    .ui-home-banner .slick-dots li {
        display: none
    }
}

select {
    -webkit-appearance: none
}

a {
    cursor: pointer
}

.ui-nest-special {
    padding: 60px 0 0
}

@media only screen and (max-width:991px) {
    .ui-nest-special {
        margin-top: 370px
    }
}

@media only screen and (max-width:575px) {
    .ui-nest-special {
        margin-top: 580px
    }
}

.ui-nest-special h1 {
    color: #ac1a1d;
    letter-spacing: 1px
}

@media only screen and (max-width:575px) {
    .ui-nest-special h1 {
        font-size: 22px !important;
        line-height: 1.5
    }
}

.ui-nest-special h1 span {
    color: #17cdb6;
    letter-spacing: 1px
}

.ui-nest-special .icon-user-plus:before,
.ui-nest-special .icon-users:before,
.ui-nest-special .icon-lock:before {
    font-size: 4.3125rem;
    color: #17cdb6
}

.ui-nest-special h5,
.ui-nest-special p {
    color: #ac1a1d
}

.ui-nest-special .col-lg-5 figure img {
    width: 265px;
    height: 286px
}

@media only screen and (max-width:991px) {
    .ui-nest-special .col-lg-5 figure img {
        width: 200px;
        height: auto
    }
}

.ui-nest-special .ui-inner-content {
    padding-top: 42px
}

.ui-nest-special .ui-inner-content .row {
    padding: 45px 0
}

.ui-nest-special .nest-right {
    padding: 70px 10%;
    border: 9px solid #17cdb6;
    background-color: #fff
}

.ui-nest-special .nest-right h4 {
    color: #ac1a1d;
    line-height: 150%
}

.ui-nest-special .nest-right p {
    color: #ac1a1d
}

.ui-nest-special .ui-mb-special {
    margin-bottom: -50px;
    z-index: 5
}

.ui-nest-special .ui-left-content {
    padding-bottom: 80px
}

.ui-nest-special .ui-left-content p:before {
    content: "\e901";
    color: #17cdb6;
    font-size: .5rem;
    font-family: icomoon !important;
    position: absolute;
    bottom: -27px;
    left: 0;
    right: 0
}

@media only screen and (max-width:575px) {
    .ui-nest-special .ui-left-content p:before {
        left: 0;
        right: 0
    }
}

.highlight {
    background-color: #f4f4f4;
    padding: 195px 0 138px
}

.highlight h2 {
    color: #ac1a1d
}

.highlight h2 span {
    color: #17cdb6
}

.high-light-slider {
    margin-left: -15px
}

.high-light-slider .inner-items>a {
    width: 100%
}

.high-light-slider .inner-slides {
    min-height: 375px;
    box-shadow: 0 3px 5px rgba(16, 35, 62, .17);
    border-radius: 5px;
    margin-top: 30px
}

.high-light-slider .inner-slides a:first-child {
    margin-top: 0
}

.high-light-slider .inner-slides figure img {
    width: 100%;
    height: 270px;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.high-light-slider .inner-slides .details {
    padding: 15px
}

.high-light-slider .inner-slides .details h5 {
    color: #ac1a1d;
    line-height: 1;
    font-size: 1rem;
    display: flex;
    width: 100%
}

.high-light-slider .inner-slides .details span {
    color: #ac1a1d;
    font-size: .75rem;
    font-weight: 400
}

.high-light-slider .inner-slides .details .age {
    right: 0;
    font-size: 1.5rem;
    color: #17cdb6;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
    position: relative !important;
    margin: 5px 0 auto;
    margin-left: auto
}

.high-light-slider .inner-slides .details p {
    color: #ac1a1d;
    padding-top: 12px;
    font-weight: 500;
    font-size: .9375rem
}

.high-light-slider .inner-slides .details p:before {
    content: "\e905";
    color: #17cdb6;
    font-size: 1rem;
    font-family: icomoon !important;
    position: absolute;
    right: 5px
}

.high-light-slider .slick-slide {
    margin: 15px
}

.high-light-slider .slick-dots {
    position: absolute;
    top: -30px;
    right: 15px;
    left: auto
}

@media only screen and (max-width:767px) {
    .high-light-slider .slick-dots {
        top: 0
    }
}

.high-light-slider .slick-dots li {
    margin: 0 7px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 2px solid #17cdb6;
    border-radius: 50%;
    cursor: pointer;
    background-color: #17cdb6;
    vertical-align: middle
}

.high-light-slider .slick-dots li.slick-active {
    width: 13px;
    height: 13px;
    background-color: transparent
}

.high-light-slider .slick-dots li button {
    display: none
}

.ui-choosecommunity {
    background: #ac1a1d url(../../../resources/images/about-banner.jpg) no-repeat;
    padding: 130px 0 100px;
    background-size: contain;
    background-position: right -71px center
}

.ui-choosecommunity .input-group-append {
    position: absolute;
    right: 0;
    height: 60px;
    width: 50px
}

.ui-choosecommunity .input-group-append button {
    width: 100%;
    background-color: #fff !important;
    color: #17cdb6 !important;
    transition: all .5s ease-out !important;
    border: none !important;
    border-radius: 5px
}

.ui-choosecommunity .input-group-append button a {
    color: #17cdb6 !important;
    transition: all .5s ease-out !important
}

.ui-choosecommunity .input-group-append button:hover {
    background-color: #fff !important;
    transition: all .5s ease-out !important;
    border: none !important;
    color: #ac1a1d !important
}

.ui-choosecommunity .input-group-append button:hover a {
    color: #ac1a1d !important;
    transition: all .5s ease-out !important
}

.ui-choosecommunity .input-group-append button:focus,
.ui-choosecommunity .input-group-append button:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

@media only screen and (max-width:575px) {
    .ui-choosecommunity .input-group-append button {
        height: 50px
    }
}

@media only screen and (max-width:991px) {
    .ui-choosecommunity {
        padding: 100px 0 80px !important;
        background-image: none
    }
}

@media only screen and (max-width:575px) {
    .ui-choosecommunity {
        padding: 100px 0 30px !important
    }
}

.ui-choosecommunity:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ac1a1d;
    display: block;
    content: "";
    opacity: .8;
    top: 0
}

.ui-choosecommunity h2 {
    color: #fff;
    line-height: 1.4
}

@media only screen and (max-width:575px) {
    .ui-choosecommunity h2 {
        font-size: 22px !important;
        line-height: 1.5
    }
}

.ui-choosecommunity h2 span {
    color: #17cdb6;
}

.ui-choosecommunity p {
    color: #fff
}

@media only screen and (max-width:575px) {
    .ui-choosecommunity p {
        padding-top: 15px
    }
}

.ui-choosecommunity h3 {
    opacity: 1 !important;
    font-size: 1.625rem;
    font-weight: 400;
    color: #fff
}

@media only screen and (max-width:991px) {
    .ui-choosecommunity h3 {
        font-size: 1.125rem !important;
        padding-top: 30px
    }
}

@media only screen and (max-width:575px) {
    .ui-choosecommunity h3 {
        padding-top: 20px
    }
}

.ui-choosecommunity .form-group {
    margin: 55px 0
}

.ui-choosecommunity .form-group:nth-child(1) div.position-relative:after {
    top: 44%
}

@media only screen and (max-width:575px) {
    .ui-choosecommunity .form-group {
        margin: 20px 0
    }
}

.ui-choosecommunity .form-group .nst-select-community-form-input:before {
    content: "OR";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 80px;
    padding: 5px;
    z-index: 1;
    border-radius: 5px;
    color: #fff;
    background: rgba(8, 51, 98, .3)
}

@media only screen and (max-width:575px) {
    .ui-choosecommunity .form-group .nst-select-community-form-input:before {
        top: 50px
    }
}

@media only screen and (max-width:575px) {
    .ui-choosecommunity .form-group .nst-select-community-form-input:after {
        bottom: -7px
    }
}

.ui-choosecommunity .form-group .select2-selection {
    height: 60px;
    border-radius: 5px;
    padding: 15px;
    font-size: 18px
}

@media only screen and (max-width:575px) {
    .ui-choosecommunity .form-group .select2-selection {
        padding: 10px;
        height: auto
    }
}

.ui-choosecommunity .form-group .select2-selection .select2-selection__arrow {
    display: none
}

.ui-choosecommunity .form-group span.icon-down-arrow {
    right: -6px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: .5625rem;
    color: #17cdb6;
    padding: 22px 23px;
    top: 2px;
    cursor: pointer
}

@media only screen and (max-width:767px) {
    .ui-choosecommunity .form-group span.icon-down-arrow {
        padding: 17px 23px
    }
}

.ui-choosecommunity .form-group div.position-relative:after {
    position: absolute;
    width: 1px;
    height: 68%;
    background: #17cdb6;
    content: "";
    right: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ui-about-nest {
    padding: 160px 0 0;
    padding-bottom: calc((100vw - 1200px) * 0.875px + 145px)
}

@media only screen and (max-width:575px) {
    .ui-about-nest {
        padding: 40px 0 !important
    }
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .ui-about-nest .ring {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 27.333333%;
        flex: 0 0 27.333333%;
        max-width: 27.333333%
    }
    .ui-about-nest .content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60.333333%;
        flex: 0 0 60.333333%;
        max-width: 60.333333%
    }
}

.ui-about-nest .icon-ring {
    font-size: 233px
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .ui-about-nest .icon-ring {
        font-size: 200px
    }
}

@media only screen and (max-width:1199px) {
    .ui-about-nest .icon-ring {
        font-size: 150px
    }
}

@media only screen and (min-width:1500px) {
    .ui-about-nest .nxt-about-ring {
        max-width: 400px
    }
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .ui-about-nest .nxt-about-ring {
        max-width: 30%;
        margin-left: 3%
    }
}

.ui-about-nest .ring {
    margin-top: auto;
    margin-bottom: auto
}

.ui-about-nest .ring h2 {
    font-size: 187px;
    letter-spacing: 5px;
    color: #17cdb6;
    line-height: normal
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .ui-about-nest .ring h2 {
        font-size: 124px
    }
}

@media only screen and (max-width:1199px) {
    .ui-about-nest .ring h2 {
        font-size: 90px
    }
}

@media only screen and (max-width:575px) {
    .ui-about-nest .ring h2 {
        font-size: 32px !important;
        margin-top: 15px
    }
}

.ui-about-nest .ring h3 {
    font-size: 2.5625rem;
    color: #ac1a1d;
    margin-top: -14px;
    line-height: normal
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .ui-about-nest .ring h3 {
        font-size: 1.875rem
    }
}

@media only screen and (max-width:1199px) {
    .ui-about-nest .ring h3 {
        font-size: 1.5rem
    }
}

@media only screen and (max-width:575px) {
    .ui-about-nest .ring h3 {
        font-size: 24px !important;
        margin-bottom: 40px !important
    }
}

.ui-about-nest .ring h3 span {
    color: #17cdb6
}

.ui-about-nest .content {
    padding-top: 50px
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .ui-about-nest .content {
        margin-right: 3%
    }
}

.ui-about-nest .content h2 {
    color: #ac1a1d
}

@media only screen and (max-width:575px) {
    .ui-about-nest .content h2 {
        font-size: 20px !important
    }
}

.ui-about-nest .content h2 span {
    color: #17cdb6
}

.ui-about-nest .content p {
    color: #ac1a1d;
    line-height: 30px;
    padding-bottom: 70px
}

.ui-about-nest .content .stories-box-list>div {
    padding-top: 15px
}

@media only screen and (max-width:575px) {
    .ui-about-nest .content .stories-box-list>.col-md-4 {
        padding-right: 15px !important
    }
}

.ui-about-nest .content .stories-box-list div.stories-box {
    padding: 25px 20px;
    border: 1px dashed #17cdb6;
    width: 30%;
    right: 20px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 3px 10px #fff;
    display: flex !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%
}

@media only screen and (max-width:575px) {
    .ui-about-nest .content .stories-box-list div.stories-box {
        width: calc(100% - 50px);
        margin: auto
    }
}

.ui-about-nest .content .stories-box-list div.stories-box:hover {
    box-shadow: 0 3px 10px rgba(16, 35, 62, .17);
    border: 1px dashed #fff
}

.ui-about-nest .content .stories-box-list div.stories-box span {
    vertical-align: middle;
    font-weight: 700;
    font-size: 1.125rem;
    color: #ac1a1d;
    margin: auto;
    right: -3px;
    white-space: nowrap;
    top: 22px;
    right: -22px
}

.ui-about-nest .content .stories-box-list div.stories-box .icon-verified,
.ui-about-nest .content .stories-box-list div.stories-box .icon-users,
.ui-about-nest .content .stories-box-list div.stories-box .icon-chart {
    font-size: 2.1875rem;
    color: #17cdb6;
    font-weight: 300;
    padding-right: 13px
}

.ui-about-nest .readmore {
    color: #ac1a1d !important;
    padding: 10px 5px 10px 0;
    border-top: 2px solid #17cdb6;
    font-size: .875rem;
    font-weight: 400;
    margin-top: 45px;
    letter-spacing: 1px
}

.ui-about-nest .more {
    width: 41px;
    height: 41px;
    background: #17cdb6;
    border-radius: 50%;
    font-size: 1.5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    color: #fff !important;
    text-align: center;
    padding: 8px;
    margin-top: 28px;
    cursor: pointer
}

.ui-testimonials {
    background: #ac1a1d url(../../../resources/images/testimonials-img-2.jpg);
    background-position: 58vw 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 115px 0
}

.ui-testimonials .icon-quote-outline {
    font-size: 4.375rem;
    color: #fff;
    opacity: .2 !important;
    padding-bottom: 35px
}

.ui-testimonials h3 {
    font-size: 2.125rem;
    font-weight: 300;
    line-height: 1.5;
    color: #17cdb6;
    padding-right: 50px;
    margin-bottom: 15px
}

.ui-testimonials a.user {
    color: #acd3ff !important;
    padding-right: 110px;
    letter-spacing: 1px
}

.ui-testimonials h2 {
    margin: 80px 0 25px;
    color: #fff
}

@media only screen and (max-width:575px) {
    .ui-testimonials h2 {
        font-size: 24px !important
    }
}

.ui-testimonials h2 span {
    color: #17cdb6
}

@media only screen and (max-width:575px) {
    .ui-testimonials .slick-slide>div {
        margin: auto;
        max-width: 320px
    }
}

@media only screen and (max-width:767px) {
    .ui-testimonials .testimonials-items>.row {
        padding: 10px !important
    }
    .ui-testimonials .testimonials-items h5 {
        font-size: .875rem !important;
        margin-bottom: 5px !important
    }
    .ui-testimonials .testimonials-items .icon-quote-fill {
        font-size: 1rem
    }
    .ui-testimonials .testimonials-items h3 {
        font-size: 1rem !important;
        margin-bottom: 5px !important
    }
    .ui-testimonials .testimonials-items .test-more {
        margin-top: 5px !important;
        padding-right: 0 !important
    }
    .ui-testimonials .testimonials-items h4 {
        margin: 5px 0 !important;
        font-size: .875rem !important
    }
    .ui-testimonials .testimonials-items .detail {
        padding: 0 10px
    }
}

@media only screen and (max-width:575px) {
    .ui-testimonials .testimonials-items .icon-quote-fill {
        padding-top: 15px
    }
}

.ui-testimonials p {
    color: #fff
}

.ui-testimonials .slick-dots {
    position: absolute;
    right: -30px;
    top: 45%;
    transform: translateY(-50%)
}

@media only screen and (max-width:767px) {
    .ui-testimonials .slick-dots {
        right: -25px
    }
}

.ui-testimonials .slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #17cdb6;
    border: 1px solid #17cdb6;
    margin: 8px auto
}

.ui-testimonials .slick-dots li.slick-active {
    width: 15px;
    height: 15px;
    background: 0 0;
    border: 1px solid #17cdb6
}

.ui-testimonials .slick-dots li button {
    display: none
}

.ui-coming-soon {
    background-image: url(../../../resources/images/pre-wedding-photoshoot.jpg);
    background-repeat: no-repeat;
    background-position: left 78% center;
    background-size: cover;
    padding: 90px 0;
    position: relative
}

@media only screen and (min-width:1200px) {
    .ui-coming-soon {
        height: 900px
    }
}

@media only screen and (max-width:991px) {
    .ui-coming-soon:before {
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
        background-image: -webkit-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
        background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
        background-image: -o-linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3))
    }
    .ui-coming-soon p {
        font-size: .875rem !important
    }
}

.ui-coming-soon .nest-right {
    padding: 70px 11%;
    border: 9px solid #17cdb6;
    background-color: #fff;
    width: 100%
}

@media only screen and (max-width:991px) {
    .ui-coming-soon .nest-right {
        background-color: rgba(255, 255, 255, .6)
    }
}

.ui-coming-soon .nest-right .privilege-logo {
    max-width: 255px;
    height: 55px;
    margin: auto
}

.ui-coming-soon .nest-right h5 {
    font-size: 1.125rem;
    color: #ac1a1d;
    line-height: 1.4
}

.ui-coming-soon .nest-right p {
    font-size: 1rem;
    color: #ac1a1d
}

.ui-coming-soon .nest-right .row {
    margin-top: 60px
}

.ui-coming-soon .nest-right .row .details {
    padding-left: 25px
}

.ui-coming-soon .icon-user-login,
.ui-coming-soon .icon-list,
.ui-coming-soon .icon-paper,
.ui-coming-soon .icon-love-chat {
    font-size: 3.125rem;
    color: #17cdb6
}

.ui-coming-soon .right-det {
    padding-left: 60px
}

@media only screen and (max-width:991px) {
    .ui-coming-soon .right-det {
        padding-left: 15px
    }
}

.ui-coming-soon .right-det h2 {
    color: #17cdb6;
    margin-bottom: 20px;
    font-size: 2.5rem;
    font-weight: 400
}

@media only screen and (max-width:575px) {
    .ui-coming-soon .right-det h2 {
        font-size: 34px !important
    }
}

.ui-coming-soon .right-det p {
    color: #ac1a1d;
    font-size: 1.3125rem;
    font-weight: 400
}

.readmore {
    color: #ac1a1d !important;
    padding: 10px 5px 10px 0;
    border-top: 2px solid #17cdb6;
    font-size: .875rem;
    font-weight: 400;
    margin-top: 45px;
    letter-spacing: 1px
}

.download-app {
    padding: 200px 0 0
}

.download-app .download {
    padding-left: 40px;
    padding-top: 50px
}

@media only screen and (max-width:991px) {
    .download-app .download .w-100.d-sm-flex {
        width: 465px !important;
        margin: auto
    }
    .download-app .download .w-100.d-sm-flex .submit {
        margin-right: 0
    }
}

@media only screen and (max-width:767px) {
    .download-app .download .w-100.d-sm-flex {
        width: 430px !important
    }
}

@media only screen and (max-width:500px) {
    .download-app .download .w-100.d-sm-flex {
        width: 300px !important;
        min-height: 100px !important
    }
    .download-app .download .w-100.d-sm-flex .number {
        padding-right: 0;
        width: calc(100% - 95px)
    }
    .download-app .download .w-100.d-sm-flex .submit {
        width: 100% !important
    }
}

@media only screen and (max-width:991px) {
    .download-app .download {
        padding: 10px 0 0
    }
}

.download-app .download h2 {
    color: #ac1a1d;
    margin-bottom: 25px
}

@media only screen and (max-width:575px) {
    .download-app .download h2 {
        font-size: 20px !important
    }
}

.download-app .download h2 span {
    color: #17cdb6
}

.download-app .download p {
    font-size: 1.0625rem;
    color: #ac1a1d;
    margin-bottom: 60px;
    padding-right: 100px
}

@media only screen and (max-width:991px) {
    .download-app .download p {
        padding-right: 0
    }
}

.download-app .mobile-app {
    width: 350px;
    height: 700px;
    margin: auto;
    float: right
}

@media only screen and (min-width:992px) {
    .download-app .mobile-app {
        margin-bottom: -141px
    }
}

@media only screen and (max-width:991px) {
    .download-app .mobile-app {
        width: 100%;
        height: auto !important
    }
    .download-app .mobile-app img {
        margin: auto;
        min-height: auto !important;
        width: 100% !important;
        max-width: 351px
    }
}

.download-app .mobile-app img {
    /* min-height: 700px; */
    width: 430px
}

@media only screen and (max-width:767px) {
    .download-app .mobile-app img {
        position: relative;
        left: -15px
    }
}

.download-app .mobile {
    width: 80px
}

.download-app .mobile span {
    cursor: pointer
}

.download-app .mobile span select {
    cursor: pointer
}

@media only screen and (max-width:991px) {
    .download-app .number {
        margin-right: 0 !important
    }
    .download-app .number input {
        max-width: 100%
    }
}

.download-app .number input {
    max-width: 260px;
    border-radius: 5px;
    font-size: .875rem;
    height: 40px
}

.download-app .number input:focus {
    box-shadow: none
}

@media only screen and (max-width:480px) {
    .download-app .number input {
        padding: 19px 12px
    }
}

@media only screen and (max-width:480px) {
    .download-app .submit {
        float: left
    }
}

.download-app .submit button {
    width: 145px;
    background: #17cdb6;
    color: #fff;
    font-size: .875rem;
    height: 38px
}

.download-app .mobile,
.download-app .number,
.download-app .submit {
    margin-right: 20px;
    height: 40px;
    vertical-align: middle
}

.download-app .mobile select:focus,
.download-app .number select:focus,
.download-app .submit select:focus {
    box-shadow: none
}

.download-app .apple,
.download-app .android {
    margin-right: 25px;
    margin-top: 30px
}

.ui-career .career-banner {
    background: url(../../../resources/images/career-banner.png);
    height: 398px;
    width: 100%;
    background-size: cover;
    background-position: center center
}

@media only screen and (max-width:767px) {
    .ui-career .career-banner {
        height: 230px
    }
}

.ui-career .career-banner .container {
    height: 100%
}

.ui-career .career-banner .container .banner-text {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ui-career .career-banner .container .banner-text h4,
.ui-career .career-banner .container .banner-text h1 {
    color: #fff
}

.ui-career .career-banner .container .banner-text h4 {
    font-size: 1rem;
    font-weight: 400
}

.ui-career .career-banner .container .banner-text h1 {
    font-size: 3.1875rem;
    font-weight: 700;
    line-height: 180%
}

.ui-career-list {
    padding: 60px 0 80px
}

@media only screen and (max-width:575px) {
    .ui-career-list {
        padding: 20px 0 40px
    }
}

.card {
    border: 1px dashed #17cdb6;
    margin-top: 20px
}

.card .icon-box {
    color: #17cdb6;
    font-size: 2rem;
    margin-right: 20px;
    vertical-align: middle
}

.card h2 {
    color: #ac1a1d;
    font-size: 1.1875rem;
    line-height: normal
}

.card .card-header {
    background: 0 0;
    border: none;
    padding: 25px 40px
}

@media only screen and (max-width:575px) {
    .card .card-header {
        padding: 15px 20px
    }
}

.card .card-header p {
    color: #ac1a1d;
    font-size: 1rem;
    font-weight: 400
}

.card .card-header .head {
    width: 91%
}

.card .card-header .head h6.less {
    color: #ac1a1d;
    font-size: .875rem;
    font-weight: 400;
    display: none
}

.card .card-header .head h6.less span {
    color: #17cdb6;
    font-size: .125rem;
    vertical-align: middle;
    margin-left: 20px
}

.card .card-header .head h6.more {
    color: #ac1a1d;
    font-size: .875rem;
    font-weight: 400;
    display: none
}

@media only screen and (max-width:575px) {
    .card .card-header .head h6.more {
        top: 15px
    }
}

.card .card-header .head h6.more span {
    color: #17cdb6;
    font-size: 1rem;
    vertical-align: middle;
    margin-left: 20px
}

.card .card-header .card-link h6.less {
    display: block
}

@media only screen and (max-width:575px) {
    .card .card-header .card-link h6.less {
        top: 15px
    }
}

.card .card-header .card-link.collapsed h6.more {
    display: block
}

.card .card-header .card-link.collapsed h6.less {
    display: none
}

.card .card-header h6 {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.card .card-body {
    padding: 0 96px
}

@media only screen and (max-width:767px) {
    .card .card-body {
        padding: 0 65px !important
    }
}

@media only screen and (max-width:575px) {
    .card .card-body {
        padding: 0 20px !important
    }
}

.card .card-body p {
    font-size: 1.0625rem;
    color: #ac1a1d;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.card .card-body p span {
    padding-top: 10px
}

.card .card-body h4 {
    font-size: 1rem;
    color: #ac1a1d;
    margin-top: 20px;
    margin-bottom: 20px
}

.card .card-body .icon-tick {
    font-size: .6875rem;
    color: #17cdb6;
    margin-right: 15px
}

.card .card-body .enquiry .send-resume h3 {
    color: #17cdb6;
    font-size: 1.125rem
}

.card .card-body .enquiry .send-resume p {
    font-size: 1.125rem;
    color: #ac1a1d;
    font-weight: 700
}

.card .card-body .submit {
    padding: 10px
}

.card .card-body .ui-header-button {
    padding: 8px !important;
    color: #fff;
    font-size: 1rem;
    font-weight: 700
}

.card .card-body .ui-header-button:hover {
    color: #fff
}

.card .card-body .resume-div {
    padding: 20px 0;
    border-top: 1px solid #17cdb6;
    margin-top: 40px;
    margin-left: 15px
}

@media only screen and (max-width:575px) {
    .card .card-body .resume-div {
        margin-left: 0;
        padding-left: 15px
    }
}

@media only screen and (max-width:575px) {
    .card .card-body .resume-div h3 {
        font-size: 1rem !important;
        line-height: 150%
    }
    .card .card-body .resume-div p {
        font-size: .875rem !important
    }
    .card .card-body .resume-div .submit {
        padding-left: 0
    }
}

.nxt-price-list-tab {
    margin: 40px 0 60px
}

.ui-paynow>div {
    margin-top: 60px
}

.ui-paynow h1 {
    color: #ac1a1d;
    font-size: 2.1875rem
}

.ui-paynow h1 span {
    color: #17cdb6
}

.ui-paynow p {
    color: #ac1a1d
}

.ui-paynow .inner-tab {
    box-shadow: 0 3px 5px rgba(16, 35, 62, .17);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 30px 0
}

.ui-paynow .inner-tab .heading {
    padding: 42px 30px;
    background-image: -moz-linear-gradient(90deg, #02C48D, #22D6D9);
    background-image: -webkit-gradient(90deg, #02C48D, #22D6D9);
    background-image: -webkit-linear-gradient(90deg, #02C48D, #22D6D9);
    background-image: -o-linear-gradient(90deg, #02C48D, #22D6D9);
    background-image: linear-gradient(90deg, #02C48D, #22D6D9);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    overflow: hidden;
    padding-left: 15px !important;
    padding-right: 15px !important;
    height: 103px;
    white-space: nowrap
}

.ui-paynow .inner-tab .large-bg-icon {
    font-size: 254px;
    line-height: 172px;
    right: -108px;
    color: #fff;
    opacity: .15
}

.ui-paynow .inner-tab .large-bg-icon.icon-large-gold {
    font-size: 183px;
    line-height: 15px
}

.ui-paynow .inner-tab .large-bg-icon.icon-large-silver {
    font-size: 198px;
    line-height: 39px;
    right: -61px
}

.ui-paynow .inner-tab .large-bg-icon.icon-large-elite {
    font-size: 149px;
    line-height: 55px;
    right: -21px
}

.ui-paynow .inner-tab .head-cnt h2 {
    color: #fff;
    font-size: 1.5625rem;
    line-height: 1.4
}

.ui-paynow .inner-tab .head-cnt p {
    font-size: 1rem;
    color: #fff;
    line-height: normal
}

.ui-paynow .inner-tab .content {
    padding: 50px 30px
}

.ui-paynow .inner-tab .content p {
    color: #ac1a1d;
    font-size: .875rem;
    line-height: 2;
    padding-top: 15px;
    font-weight: 400
}

.ui-paynow .inner-tab .content p.nxt-disabled {
    color: rgba(8, 51, 98, .4)
}

.ui-paynow .inner-tab .content p span {
    color: #17cdb6;
    font-size: .625rem;
    padding-top: 4px
}

.ui-paynow .inner-tab .content p span.icon-cross {
    color: #f05319
}

.ui-paynow .inner-tab .icon {
    padding-top: 4px;
    position: relative
}

.ui-paynow .inner-tab .icon span {
    font-size: 2.5rem;
    color: #fff;
    background: #35e0c6;
    border-radius: 50%;
    padding: 15px
}

.ui-paynow .inner-tab .price {
    background: #f8f8f8;
    padding: 30px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.ui-paynow .inner-tab .price p,
.ui-paynow .inner-tab .price h3 {
    line-height: normal
}

.ui-paynow .inner-tab .price p {
    color: #17cdb6;
    font-weight: 400;
    font-size: .875rem
}

.ui-paynow .inner-tab .price h3 {
    color: #ac1a1d;
    font-weight: 700;
    font-size: 1.25rem
}

.ui-paynow .inner-tab .price .amount-submit {
    padding: 10px 0
}

.ui-paynow .inner-tab .price .amount-submit button {
    padding: 10px 36px;
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}

.ui-main-testimonials {
    padding: 135px 0
}

@media only screen and (max-width:1499px) {
    .ui-main-testimonials {
        padding: 100px 0
    }
}

@media only screen and (max-width:1199px) {
    .ui-main-testimonials {
        padding: 60px 0
    }
}

@media only screen and (max-width:575px) {
    .ui-main-testimonials {
        padding: 25px 0
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .ui-main-testimonials .top-section .nst-img-sec {
        margin-left: 5% !important
    }
}

.ui-main-testimonials .top-section figure {
    width: 100%;
    max-width: 520px;
    margin: 0 auto 15px
}

@media only screen and (min-width:992px) {
    .ui-main-testimonials .top-section figure {
        margin-right: 0
    }
}

.ui-main-testimonials .right-section {
    padding-left: 90px
}

@media only screen and (max-width:1499px) {
    .ui-main-testimonials .right-section {
        padding-top: 0 !important;
        padding-left: 37px
    }
}

@media only screen and (max-width:991px) {
    .ui-main-testimonials .right-section {
        padding: 0 25px
    }
    .ui-main-testimonials .right-section h1 {
        font-size: 1.75rem !important
    }
}

@media only screen and (max-width:575px) {
    .ui-main-testimonials .right-section {
        padding: 0 15px
    }
    .ui-main-testimonials .right-section p {
        margin: 15px 0
    }
}

.ui-main-testimonials .right-section .icon-heart {
    font-size: 3.125rem;
    color: #e6e6e6
}

.ui-main-testimonials .right-section h1 {
    color: #17cdb6;
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 1.7
}

@media only screen and (max-width:1499px) {
    .ui-main-testimonials .right-section h1 {
        font-size: 1.75rem
    }
}

@media only screen and (max-width:575px) {
    .ui-main-testimonials .right-section h1 {
        font-size: 1.375rem !important
    }
}

.ui-main-testimonials .right-section h3 {
    font-size: 1.75rem;
    color: #ac1a1d;
    padding-top: 50px
}

@media only screen and (max-width:1499px) {
    .ui-main-testimonials .right-section h3 {
        font-size: 1.5625rem;
        padding-top: 0;
        margin-bottom: 0
    }
}

.ui-main-testimonials .right-section p {
    font-size: 1rem;
    font-weight: 400;
    color: #ac1a1d
}

.ui-main-testimonials .right-section h4 {
    color: #ac1a1d;
    font-size: 1rem;
    font-weight: 400
}

.ui-main-testimonials .right-section h4 span {
    font-weight: 700
}

@media only screen and (max-width:1199px) {
    .testi-slider-item {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    .testi-slider-item {
        max-width: 420px;
        margin: 0 auto 20px
    }
}

.ui-testimonial-tab-slider {
    background: #ac1a1d url(../../../resources/images/testimonials-img-2.jpg);
    background-position: 55vw 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 115px 0
}

@media only screen and (max-width:1199px) {
    .ui-testimonial-tab-slider {
        padding: 100px 0
    }
}

@media only screen and (max-width:575px) {
    .ui-testimonial-tab-slider {
        padding: 30px 0
    }
}

.ui-testimonial-tab-slider h2 {
    color: #fff
}

.ui-testimonial-tab-slider h2 span {
    color: #17cdb6
}

.ui-testimonial-tab-slider .testimonials-items {
    background: 0 0;
    padding: 0
}

.ui-testimonial-tab-slider .testimonials-items .blocks {
    background: #fff;
    padding: 10px;
    margin: 0
}

.ui-testimonial-tab-slider .nav-pills {
    padding-right: 15px;
    padding-bottom: 32px
}

@media only screen and (max-width:575px) {
    .ui-testimonial-tab-slider .nav-pills {
        padding-bottom: 5px
    }
}

.ui-testimonial-tab-slider .nav-pills .nav-link {
    font-size: 1.25rem;
    color: #6d7f91;
    font-weight: 700
}

.ui-testimonial-tab-slider .nav-pills .nav-link.active {
    background-color: transparent;
    color: #fff
}

.ui-testimonial-tab-slider .tab-pane {
    margin-left: -15px
}

@media only screen and (max-width:575px) {
    .ui-testimonial-tab-slider .tab-pane {
        padding: 15px
    }
}

.ui-testimonial-tab-slider .slick-dots {
    position: absolute;
    right: -35px;
    top: 45%;
    transform: translateY(-50%)
}

.ui-testimonial-tab-slider .slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #17cdb6;
    border: 1px solid #17cdb6;
    margin: 8px auto;
    cursor: pointer
}

.ui-testimonial-tab-slider .slick-dots li button {
    display: none
}

.ui-testimonial-tab-slider .slick-dots li.slick-active {
    width: 15px;
    height: 15px;
    background: 0 0;
    border: 1px solid #17cdb6
}

.ui-testimonial-tab-slider .slick-slide {
    width: 100% !important
}

.ui-testimonial-tab-slider .tab-content {
    clear: both
}

.ui-testimonial-tab-slider .add-story {
    padding-right: 30px;
    margin-top: 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .ui-testimonial-tab-slider .add-story {
        padding-right: 95px
    }
}

@media only screen and (max-width:991px) {
    .ui-testimonial-tab-slider .add-story {
        text-align: center;
        width: 100%
    }
}

.testimonials-items {
    height: auto;
    margin-bottom: 40px;
    background: #fff;
    padding: 10px 25px
}

.testimonials-items .icon-quote-fill {
    color: #d4dbe4;
    font-size: 1.875rem
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .testimonials-items .icon-quote-fill {
        font-size: 1rem
    }
}

@media only screen and (max-width:767px) {
    .testimonials-items figure {
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:992px) {
    .testimonials-items figure {
        width: 100%
    }
}

.testimonials-items figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.testimonials-items .image {
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.testimonials-items .detail {
    padding-left: 25px;
    padding-top: 15px
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .testimonials-items .detail {
        padding-left: 15px;
        padding-top: 0
    }
}

@media only screen and (max-width:1199px) {
    .testimonials-items .detail {
        padding-left: 20px;
        padding-top: 0
    }
}

.testimonials-items .detail h5 {
    font-size: 1.0625rem;
    font-weight: 400;
    color: #17cdb6;
    line-height: 1.4;
    margin-bottom: 20px
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .testimonials-items .detail h5 {
        margin-bottom: 8px;
        font-size: .9375rem
    }
}

.testimonials-items .detail h3 {
    font-size: 1.375rem;
    font-weight: 700;
    color: #ac1a1d
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .testimonials-items .detail h3 {
        margin-bottom: 8px;
        font-size: 1rem;
        line-height: 100%
    }
}

.testimonials-items .detail p {
    color: #ac1a1d;
    line-height: 1.5;
    font-size: .875rem
}

.testimonials-items .detail .test-more {
    color: #17cdb6;
    display: block;
    text-align: right;
    padding-right: 30px;
    margin-top: 10px
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .testimonials-items .detail .test-more {
        margin-top: 0
    }
}

.testimonials-items .detail h4 {
    font-weight: 700;
    font-size: 1rem;
    margin-top: 15px;
    color: #ac1a1d
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .testimonials-items .detail h4 {
        margin-top: 4px;
        font-size: .9375rem
    }
}

.testimonials-items .detail h4 span {
    font-weight: 400
}

@media only screen and (min-width:1200px) {
    .nst-pr-right-slide {
        padding-right: 67px !important
    }
}

.testimonials-slider {
    width: calc(100% - 40px) !important
}

.testimonials-slider .slick-dots {
    right: -35px !important
}

.testimonials-slider .slick-dots li {
    margin-bottom: 15px
}

.testimonials-slider .slick-list {
    width: 100%
}

.add-story {
    margin-top: 70px;
    color: #fff !important;
    font-size: 1.25rem
}

.add-story .icon-plus {
    color: #17cdb6;
    margin-right: 15px;
    font-size: 1rem
}

@media only screen and (max-width:575px) {
    .submit-testimonial .modal-dialog {
        margin-left: 0
    }
}

.submit-testimonial#submit-resume .inner,
.submit-testimonial#nxt-support-request .inner {
    text-align: center;
    padding: 100px 0
}

@media only screen and (max-width:575px) {
    .submit-testimonial#submit-resume .inner,
    .submit-testimonial#nxt-support-request .inner {
        padding: 20px 0 30px
    }
}

.submit-testimonial#submit-resume span.icon-paper,
.submit-testimonial#nxt-support-request span.icon-paper {
    font-size: 3.75rem;
    padding: 40px;
    background: #ececec;
    margin-bottom: 15px;
    position: relative;
    display: block;
    width: 160px;
    margin: 0 auto;
    border-radius: 5px;
    color: #17cdb6
}

.submit-testimonial .modal-content {
    border-radius: 10px
}

.submit-testimonial .modal-lg {
    max-width: 890px
}

.submit-testimonial figure {
    width: 150px
}

.submit-testimonial .inner {
    padding: 150px 0
}

@media only screen and (max-width:575px) {
    .submit-testimonial .inner {
        padding: 20px 0
    }
}

.submit-testimonial .right-inner {
    padding: 30px 80px 50px 0
}

@media only screen and (max-width:767px) {
    .submit-testimonial .right-inner {
        padding: 30px 30px 50px 0
    }
}

@media only screen and (max-width:575px) {
    .submit-testimonial .right-inner {
        padding: 0 0 20px 0
    }
}

.submit-testimonial .right-inner h2 {
    color: #ac1a1d;
    font-size: 1.75rem
}

.submit-testimonial .right-inner h2 span {
    color: #17cdb6
}

.submit-testimonial .right-inner p {
    color: #ac1a1d;
    padding-bottom: 15px
}

.submit-testimonial .right-inner input {
    border: none;
    border-bottom: 1px solid #17cdb6;
    padding-bottom: 15px;
    padding-left: 0
}

.submit-testimonial .right-inner input:focus {
    box-shadow: none
}

.submit-testimonial .right-inner input.think {
    font-size: 1.125rem
}

.submit-testimonial .right-inner .form-group {
    margin-top: 20px
}

@media only screen and (max-width:767px) {
    .submit-testimonial .right-inner .form-group {
        margin-top: 10px
    }
}

.submit-testimonial .right-inner .ui-header-button {
    font-size: 1rem;
    font-weight: 700;
    width: 115px;
    margin-top: 20px
}

.submit-testimonial .upload-btn-wrapper {
    position: relative
}

.submit-testimonial .upload-btn-wrapper .upload {
    border: 2px solid #17cdb6;
    color: #fff;
    background-color: #17cdb6;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    width: 163px;
    margin-top: 20px
}

.submit-testimonial .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 58px;
    top: 20px;
    opacity: 0;
    width: 150px;
    height: 45px
}

.submit-testimonial .upload-btn-wrapper input:focus {
    box-shadow: none
}

.submit-testimonial ::placeholder {
    opacity: .5
}

.submit-testimonial :-ms-input-placeholder {
    opacity: .5
}

.submit-testimonial ::-ms-input-placeholder {
    opacity: .5
}

#sign-in .sign-banner {
    box-sizing: border-box;
    opacity: 1
}

#sign-in .sign-banner .sign-in-bnr {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    transition: all 1s cubic-bezier(.7, 0, .3, 1);
    transform: scale(1.1);
    background-size: cover;
    position: relative
}

#sign-in .sign-banner .sign-in-bnr h5 {
    position: absolute;
    bottom: 30px;
    width: 100%;
    padding: 30px;
    color: #fff;
    line-height: normal
}

#sign-in .modal-body {
    padding: 0
}

#sign-in .modal-body .row {
    margin: 0
}

#sign-in .modal-body .row .left-slider {
    width: 100%;
    height: 530px
}

@media only screen and (min-width:768px) {
    #sign-in .modal-body .row .left-slider {
        width: 47%
    }
}

#sign-in .check-bx {
    margin: 0 0 auto auto;
    padding-left: 35px;
    cursor: pointer;
    font-size: .875rem;
    color: #ac1a1d;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px
}

#sign-in .check-bx input {
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

#sign-in .check-bx input:checked~.checkmark {
    background-color: #17cdb6;
    border: none
}

#sign-in .check-bx input:checked~.checkmark:after {
    display: block
}

#sign-in .check-bx .checkmark {
    top: 50%;
    left: 0;
    height: 25px;
    width: 25px;
    border: 2px solid #d6dde5;
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

#sign-in .check-bx .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

#sign-in .check-bx .checkmark:after {
    left: 9px;
    top: 2px;
    width: 9px;
    height: 15px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#sign-in p.dashed {
    border-top: 1px dashed #17cdb6 !important;
    padding-bottom: 30px !important;
    border-top: 1px dashed;
    margin-top: 32px !important;
    position: relative
}

#sign-in p.dashed:after {
    position: absolute;
    content: "OR";
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    height: 28px;
    vertical-align: middle;
    background: #fff;
    margin-left: -7px;
    text-align: center
}

#sign-in p.dashed span {
    letter-spacing: 0
}

#sign-in .ui-header-button.fb {
    background-color: #3b5998;
    color: #fff;
    font-size: .875rem;
    padding: 8px 22px !important;
    box-shadow: none;
    border: none;
    vertical-align: middle;
    font-weight: 500 !important
}

#sign-in .ui-header-button.fb span {
    font-size: 1.0625rem;
    margin-right: 12px;
    vertical-align: inherit;
    color: #fff;
    position: relative;
    top: -1px
}

#sign-in .ui-header-button.google {
    background-color: #dd4b39;
    color: #fff;
    font-size: .875rem;
    padding: 8px 22px !important;
    box-shadow: none;
    border: none;
    margin-right: 0;
    margin-left: auto;
    vertical-align: middle;
    font-weight: 500 !important
}

#sign-in .ui-header-button.google span {
    font-size: 1rem;
    margin-right: 8px;
    vertical-align: inherit;
    color: #fff;
    position: relative;
    top: -px
}

#sign-in .right-content {
    padding: 45px 54px;
    width: 100%
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    #sign-in .right-content {
        padding: 45px
    }
}

@media only screen and (min-width:992px) {
    #sign-in .right-content {
        width: 53%
    }
}

#sign-in .right-content h2 {
    color: #ac1a1d;
    font-size: 1.75rem
}

#sign-in .right-content h2 span {
    color: #17cdb6
}

#sign-in .right-content a {
    color: #ac1a1d
}

#sign-in .right-content a span {
    color: #17cdb6
}

#sign-in .right-content .ui-header-button {
    padding: 0 32px;
    font-size: .875rem;
    font-weight: 700;
    height: 40px
}

#sign-in .right-content .form-layout {
    padding-top: 30px
}

#sign-in .right-content .form-layout .form-group {
    padding-bottom: 15px
}

#sign-in .right-content span.icon-username,
#sign-in .right-content span.icon-password {
    font-size: 1.5625rem;
    color: #17cdb6;
    margin-right: 15px
}

#sign-in .right-content input {
    width: 85%;
    border: none;
    border-bottom: 1px solid #17cdb6;
    padding-left: 0;
    padding-right: 0;
    vertical-align: text-bottom;
    font-size: .875rem
}

#sign-in .right-content input:focus {
    border-color: none;
    box-shadow: none
}

#sign-in .right-content button.fb,
#sign-in .right-content button.google {
    padding-bottom: 20px
}

div.fade {
    opacity: 1
}

.ui-profile {
    background: #f4f4f4
}

.ui-profile h1 {
    color: #ac1a1d;
    padding-top: 60px
}

.ui-profile h1 span {
    color: #17cdb6
}

.ui-profile p {
    color: #ac1a1d
}

@media only screen and (max-width:1199px) {
    .ui-profile .profile-detail>div {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.ui-profile .member {
    padding: 30px;
    background: #fff;
    margin-top: 35px;
    border-radius: 5px
}

.ui-profile .member figure {
    width: 298px;
    height: 298px;
    overflow: hidden;
    border-radius: 5px
}

@media only screen and (max-width:1365px) {
    .ui-profile .member figure {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .ui-profile .member figure {
        width: 230px;
        height: 300px;
        margin: 0 auto 20px
    }
}

.ui-profile .member figure img {
    width: 100%;
    height: 100%;
    -o-object-position: top;
    object-position: top;
    -o-object-fit: cover;
    object-fit: cover
}

.ui-profile .member h2 {
    font-size: 1.0625rem;
    color: #ac1a1d
}

.ui-profile .member h2 strong {
    color: #17cdb6
}

.ui-profile .mem-name {
    border-bottom: 1px dashed #17cdb6;
    padding: 0 0 15px;
    margin-bottom: 15px
}

.ui-profile .mem-name span {
    color: #17cdb6;
    padding: 5px 0 5px 20px
}

.ui-profile .mem-name span:after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #17cdb6;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.ui-profile .ui-header-button {
    right: -10px;
    bottom: 0;
    font-size: 1.0625rem;
    font-weight: 700;
    padding: 16px 38px;
    height: auto
}

@media only screen and (max-width:1199px) {
    .ui-profile .ui-header-button {
        width: auto;
        float: left
    }
}

.ui-profile .ui-header-button:hover {
    color: #fff
}

.ui-profile .right-banner {
    background: #fff;
    padding-bottom: 50px
}

@media only screen and (max-width:1199px) {
    .ui-profile .right-banner {
        display: none
    }
}

.ui-profile .right-banner .top {
    background-image: -moz-linear-gradient(90deg, #02C48D, #22D6D9);
    background-image: -webkit-gradient(90deg, #02C48D, #22D6D9);
    background-image: -webkit-linear-gradient(90deg, #02C48D, #22D6D9);
    background-image: -o-linear-gradient(90deg, #02C48D, #22D6D9);
    background-image: linear-gradient(90deg, #02C48D, #22D6D9);
    padding: 52px 20px 248px
}

.ui-profile .right-banner .top h3 {
    font-size: 1.375rem;
    color: #fff;
    padding: 0 15px;
    line-height: 1.4;
    max-width: 300px;
    margin: auto
}

.ui-profile .right-banner .bottom figure.dowmload-img {
    width: 300px;
    margin: -225px auto auto
}

.ui-profile .right-banner .bottom figure.dowmload-img img {
    margin-right: 15px
}

.ui-profile .right-banner .bottom p {
    font-size: 1.375rem;
    font-weight: 700;
    padding-bottom: 20px
}

.ui-profile .right-banner .bottom p span {
    color: #17cdb6
}

.ui-profile .top-margin {
    margin-top: -115px
}

@media only screen and (max-width:991px) {
    .ui-profile .top-margin {
        margin-top: 50px
    }
    .ui-profile .top-margin .right-banner {
        margin: auto
    }
}

ul.personal-details li {
    padding: 22px 0 0;
    color: #ac1a1d;
    font-size: .875rem;
    position: relative;
    padding-left: 30px
}

ul.personal-details li span {
    color: #17cdb6;
    font-size: 1rem;
    margin-right: 18px;
    position: absolute;
    left: 0
}

.high-light-slider .inner-slides p:before {
    transition: .4s
}

.high-light-slider .inner-slides:hover p:before {
    transform: rotate(90deg);
    transition: .4s
}

.nxt-usr-dashboard .container {
    padding-top: 30px
}

.nxt-usr-dashboard .dashboard-checked-out {
    padding-top: 8px;
    position: relative
}

.nxt-usr-dashboard .dashboard-checked-out .slick-dots li button {
    display: none
}

.nxt-usr-dashboard .dashboard-checked-out .slick-arrow {
    font-size: 0;
    background-color: transparent;
    border: none;
    color: #17cdb6;
    position: absolute;
    top: -20px;
    right: 0
}

.nxt-usr-dashboard .dashboard-checked-out .slick-arrow.slick-prev,
.nxt-usr-dashboard .dashboard-checked-out .slick-arrow.slick-next {
    position: absolute;
    margin-top: -35px;
    top: 0
}

@media only screen and (max-width:575px) {
    .nxt-usr-dashboard .dashboard-checked-out .slick-arrow.slick-prev,
    .nxt-usr-dashboard .dashboard-checked-out .slick-arrow.slick-next {
        margin-top: -15px
    }
}

.nxt-usr-dashboard .dashboard-checked-out .slick-arrow.slick-prev {
    font-weight: 300;
    margin-right: 35px
}

.nxt-usr-dashboard .dashboard-checked-out .slick-arrow.slick-prev:after {
    content: "\e949";
    font-family: icomoon !important;
    font-size: .625rem
}

.nxt-usr-dashboard .dashboard-checked-out .slick-arrow.slick-next {
    font-weight: 700
}

.nxt-usr-dashboard .dashboard-checked-out .slick-arrow.slick-next:after {
    content: "\e921";
    font-family: icomoon !important;
    font-size: .625rem
}

.nxt-usr-dashboard .nxt-dashboard-details {
    padding-left: 15px;
    max-width: 864px;
    width: 100%;
    padding-right: 15px
}

@media only screen and (max-width:1500px) {
    .nxt-usr-dashboard .nxt-dashboard-details {
        max-width: calc(100% - 605px)
    }
}

@media only screen and (max-width:1365px) {
    .nxt-usr-dashboard .nxt-dashboard-details {
        max-width: calc(100% - 325px) !important
    }
}

.nxt-usr-dashboard .nxt-dashboard-details h2 {
    color: #ac1a1d;
    font-size: 1.0625rem;
    font-weight: 700
}

.nxt-usr-dashboard .nxt-dashboard-details .checked-out-notificaiton {
    background: #fff;
    padding: 15px;
    margin: 8px 0;
    border-radius: 5px;
    transition: all .3s ease-in-out
}

.nxt-usr-dashboard .nxt-dashboard-details .checked-out-notificaiton:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .16)
}

.nxt-usr-dashboard .nxt-dashboard-details .checked-out-notificaiton .row div {
    padding-right: 15px
}

.nxt-usr-dashboard .nxt-dashboard-details .checked-out-notificaiton h3 {
    font-size: .9375rem;
    font-weight: 700;
    color: #ac1a1d
}

.nxt-usr-dashboard .nxt-dashboard-details .checked-out-notificaiton p {
    color: #ac1a1d
}

.nxt-usr-dashboard .nxt-dashboard-details .checked-out-notificaiton span {
    margin-top: 18px;
    color: #17cdb6;
    font-size: .875rem
}

.nxt-usr-dashboard .nxt-dashboard-details .checked-out-notificaiton span.icon-cercle-tick {
    color: #6ac90b;
    font-size: 1.6875rem;
    cursor: pointer;
    padding-left: 14px
}

.nxt-usr-dashboard .nxt-dashboard-details .checked-out-notificaiton span.icon-cercle-cross {
    color: #eb6721;
    font-size: 1.6875rem;
    cursor: pointer;
    padding-left: 14px
}

.nxt-usr-dashboard .nxt-dashboard-details span.last-update {
    color: #ac1a1d;
    font-weight: 400
}

.nxt-usr-dashboard .nxt-dashboard-details .last-updated-profiles .checked-out-notificaiton {
    margin-top: 18px
}

.nxt-usr-dashboard .nxt-dashboard-details .last-updated-profiles .user-acception .icon-cercle-cross {
    color: #cecece;
    font-size: 1.3125rem
}

@media only screen and (max-width:992px) {
    .nxt-usr-dashboard .nxt-dashboard-details .last-updated-profiles .user-acception {
        padding-left: 0;
        padding-right: 0 !important
    }
    .nxt-usr-dashboard .nxt-dashboard-details .last-updated-profiles .user-acception a {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.nxt-usr-dashboard .nxt-dashboard-details .last-updated-profiles .user-details p {
    margin-bottom: 18px
}

.nxt-usr-dashboard .nxt-dashboard-details .last-updated-profiles .user-details span {
    padding-right: 20px
}

.nxt-usr-dashboard .nxt-dashboard-details .last-updated-profiles .user-details span:last-child {
    border-left: 1px solid #17cdb6;
    padding-left: 20px
}

.nxt-usr-dashboard .nxt-dashboard-details .who-viewed-profiles {
    padding-top: 15px
}

.nxt-usr-dashboard .nxt-dashboard-details .who-viewed-profiles .items {
    padding: 0 7px
}

.nxt-usr-dashboard .nxt-dashboard-details .who-viewed-profiles .items figure img {
    width: 100%;
    height: 203px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center 10%;
    object-position: center 10%
}

.nxt-usr-dashboard .nxt-dashboard-details .who-viewed-profiles .items .details {
    background-color: #fff;
    padding: 15px
}

.nxt-usr-dashboard .nxt-dashboard-details .who-viewed-profiles .items .details h3,
.nxt-usr-dashboard .nxt-dashboard-details .who-viewed-profiles .items .details p,
.nxt-usr-dashboard .nxt-dashboard-details .who-viewed-profiles .items .details a {
    font-size: .75rem
}

.nxt-usr-dashboard .nxt-dashboard-details .who-viewed-profiles .items .details p {
    font-weight: 400
}

.nxt-usr-dashboard .nxt-dashboard-details .who-viewed-profiles .items .details h3,
.nxt-usr-dashboard .nxt-dashboard-details .who-viewed-profiles .items .details p {
    color: #ac1a1d
}

.nxt-usr-dashboard .nxt-dashboard-details .who-viewed-profiles .items .details a {
    color: #17cdb6
}

.nxt-usr-dashboard .nxt-dashboard-details .who-viewed-profiles .slick-arrow {
    font-size: 0;
    background-color: transparent;
    border: none;
    color: #17cdb6;
    position: absolute;
    top: -22px;
    right: 0
}

.nxt-usr-dashboard .nxt-dashboard-details .who-viewed-profiles .slick-arrow.slick-prev:after {
    content: "\e949";
    font-family: icomoon !important;
    font-size: .625rem;
    margin-right: 35px
}

.nxt-usr-dashboard .nxt-dashboard-details .who-viewed-profiles .slick-arrow.slick-next {
    font-weight: 700
}

.nxt-usr-dashboard .nxt-dashboard-details .who-viewed-profiles .slick-arrow.slick-next:after {
    content: "\e921";
    font-family: icomoon !important;
    font-size: .625rem
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-box {
    padding: 15px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 15px
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-box .profiles img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center 10%;
    object-position: center 10%
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-box .profile-details {
    width: 80%
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-box .profile-details h3 {
    font-size: 1rem;
    color: #ac1a1d
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-box .profile-details h3 span {
    border-right: 1px solid #ac1a1d;
    font-weight: 700;
    padding: 0 15px
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-box .profile-details h3 span:last-child {
    border-right: none
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-box .profile-details a {
    top: 0;
    right: 0;
    font-size: .875rem;
    color: #ac1a1d
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-box .profile-details a span {
    font-size: 1.1875rem;
    color: #ac1a1d;
    padding-right: 5px;
    position: relative;
    left: 0;
    top: 3px
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-box .profile-details .inner-details {
    border-bottom: 1px dashed #cecece;
    margin-left: 15px;
    padding-bottom: 15px
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-box .profile-details .inner-details p {
    width: 45%;
    color: #ac1a1d;
    font-size: .875rem;
    padding-left: 0;
    font-weight: 400
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-box .profile-details .inner-details p span {
    color: #17cdb6;
    font-size: 1.1875rem;
    padding-right: 15px;
    vertical-align: sub
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-box a.profile-premium {
    background-color: #ef4b61;
    color: #fff;
    font-size: .75rem;
    font-weight: 400;
    text-align: center;
    padding: 5px 12px;
    border-radius: 5px;
    vertical-align: middle
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-box h3 {
    display: inline-block;
    vertical-align: middle
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-box p {
    font-size: .75rem;
    color: #ac1a1d;
    padding-left: 15px;
    padding-top: 12px
}

.nxt-usr-dashboard .nxt-dashboard-details.recently-joined-listing {
    width: 100%;
    max-width: 1170px;
    margin-right: 15px
}

.nxt-usr-dashboard .nxt-dashboard-details.recently-joined-listing .profile-box .ui-header-button {
    margin-top: 0 !important;
    width: auto
}

.nxt-usr-dashboard .nxt-dashboard-details.recently-joined-listing figure img {
    width: 204px;
    height: 204px;
    -o-object-fit: cover;
    object-fit: cover
}

.nxt-usr-dashboard .nxt-dashboard-details.recently-joined-listing .inner-details {
    column-count: 3;
    border-bottom: none !important;
    padding-top: 8px
}

.nxt-usr-dashboard .nxt-dashboard-details.recently-joined-listing .inner-details li {
    color: #ac1a1d;
    font-size: .875rem;
    padding-left: 0;
    font-weight: 400;
    padding-top: 12px
}

.nxt-usr-dashboard .nxt-dashboard-details.recently-joined-listing .inner-details li span {
    color: #17cdb6;
    font-size: 1.1875rem;
    padding-right: 15px;
    vertical-align: sub
}

.nxt-usr-dashboard .nxt-dashboard-details.recently-joined-listing .interest {
    top: 0;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    right: 0
}

.nxt-usr-dashboard .nxt-dashboard-details.recently-joined-listing .interest a {
    vertical-align: text-bottom
}

.nxt-usr-dashboard .nxt-dashboard-details.recently-joined-listing .interest a span {
    font-size: .875rem !important;
    vertical-align: bottom
}

.nxt-usr-dashboard .nxt-dashboard-details.recently-joined-listing .interest a .icon-contact {
    border: 2px solid red;
    border-radius: 50%;
    display: inline-flex;
    width: 22px;
    height: 22px;
    font-size: .6875rem !important;
    text-align: center;
    padding: 4px;
    margin: auto;
    margin-right: 10px
}

.nxt-usr-dashboard .nxt-dashboard-details.recently-joined-listing .profile-foot {
    padding-left: 15px
}

.nxt-usr-dashboard .nxt-dashboard-details.recently-joined-listing .profile-box {
    margin-top: 15px
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-foot {
    margin-top: 10px
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-foot .chat-btn {
    color: #fff !important;
    font-size: .875rem !important;
    padding: 11px;
    background: #17cdb6;
    border-radius: 5px;
    width: 150px;
    margin-right: 15px
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-foot .chat-btn span {
    font-size: 1.125rem;
    color: #fff !important;
    top: 0 !important
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-foot a {
    font-size: .875rem;
    color: #ac1a1d;
    vertical-align: middle
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-foot a.bold {
    font-weight: 700;
    padding: 0 30px 0 0
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-foot a span {
    margin-right: 8px;
    vertical-align: middle
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-foot a span.icon-red-love,
.nxt-usr-dashboard .nxt-dashboard-details .profile-foot a span.icon-tick {
    border: 2px solid #ef4b61;
    border-radius: 50%;
    height: 22px;
    width: 22px;
    display: inline-block;
    position: relative;
    line-height: normal
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-foot a span.icon-red-love:before,
.nxt-usr-dashboard .nxt-dashboard-details .profile-foot a span.icon-tick:before {
    font-size: .5rem;
    color: #ef4b61;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-foot a span.icon-tick {
    padding: 5px 4px
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-foot .interest {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-foot .interest a {
    padding-left: 30px;
    color: #ac1a1d
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-foot .interest a.active .icon-red-love,
.nxt-usr-dashboard .nxt-dashboard-details .profile-foot .interest a.active .icon-tick {
    background: #6ac90b;
    border: 1px solid #6ac90b
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-foot .interest a.active .icon-red-love:before,
.nxt-usr-dashboard .nxt-dashboard-details .profile-foot .interest a.active .icon-tick:before {
    color: #fff
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-foot .cont-det {
    vertical-align: middle
}

.nxt-usr-dashboard .nxt-dashboard-details.nxt-who-viewed-profile {
    padding: 15px
}

.nxt-usr-dashboard .nxt-dashboard-details.nxt-who-viewed-profile h2 {
    color: #ac1a1d;
    font-size: 1.375rem
}

.nxt-usr-dashboard .nxt-dashboard-details.nxt-who-viewed-profile .nav-tabs {
    margin-top: -45px;
    border: none
}

.nxt-usr-dashboard .nxt-dashboard-details.nxt-who-viewed-profile .nav-tabs li {
    padding: 0 20px
}

.nxt-usr-dashboard .nxt-dashboard-details.nxt-who-viewed-profile .nav-tabs li a {
    background: 0 0;
    border: none;
    color: #ac1a1d;
    opacity: .59;
    font-size: 1rem;
    padding: 10px 0
}

.nxt-usr-dashboard .nxt-dashboard-details.nxt-who-viewed-profile .nav-tabs li a.active {
    font-weight: 700;
    opacity: 1;
    border-bottom: 2px solid #17cdb6
}

.nxt-usr-dashboard .nxt-dashboard-details.nxt-who-viewed-profile p {
    font-size: .75rem;
    color: #ac1a1d;
    padding-left: 15px;
    padding-top: 12px
}

.nxt-usr-dashboard .nxt-dashboard-details.nxt-who-viewed-profile p span.Online {
    color: #20c139;
    font-size: .875rem;
    padding-left: 28px
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery {
    max-width: 1170px
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery h2 {
    font-size: 1.375rem
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery p {
    color: #ac1a1d
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery {
    background-color: #fff;
    padding: 30px;
    border-radius: 5px;
    margin-top: 30px
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures {
    padding-top: 23px
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures figure {
    width: 174px;
    height: 174px;
    overflow: hidden;
    border-radius: 5px;
    margin-top: 15px !important
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures figure img {
    height: 100%;
    width: 100%;
    -o-object-position: center top;
    object-position: center top;
    -o-object-fit: cover;
    object-fit: cover
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures .upload-btn-wrapper {
    margin-top: 15px
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery a {
    font-size: .9375rem;
    text-align: center;
    padding: 8px 35px;
    border-radius: 5px;
    font-weight: 700;
    margin-right: 22px
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery a.photo {
    background-color: #17cdb6;
    color: #fff;
    border: 1px solid #17cdb6
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery a.gallery {
    background-color: transparent;
    color: #17cdb6;
    border: 1px solid #17cdb6
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .right-span {
    padding-top: 8px
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .right-span span {
    font-size: .875rem;
    font-weight: 400;
    color: #ac1a1d;
    position: relative;
    padding-right: 15px;
    padding-left: 15px
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .right-span span:first-child:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 24px;
    background-color: #d1d9e2;
    right: -3px
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures figure {
    display: inline-block;
    margin-top: 38px;
    margin-right: 15px;
    position: relative;
    cursor: pointer
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures figure figcaption {
    bottom: 10px;
    color: #fff;
    font-size: .6875rem;
    right: 10px;
    cursor: pointer
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures figure figcaption input {
    opacity: 0
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures figure figcaption label {
    margin-right: 10px;
    opacity: 0;
    top: 11px;
    left: 22px;
    position: relative
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures figure figcaption span {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures figure figcaption span:before {
    content: "\e92d";
    font-family: icomoon !important;
    font-size: .4375rem;
    color: #fff;
    background-color: #17cdb6;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 1px;
    font-weight: 700;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures figure figcaption span.active {
    background-color: #17cdb6;
    border: 1px solid #17cdb6
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures figure:hover label {
    opacity: 1
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures figure .nxt-pic-close {
    background-color: transparent;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0;
    border: none;
    font-size: 1.1875rem;
    color: #fff
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures .upload-btn-wrapper .btn {
    background-color: #f0f0f0;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 1.25rem;
    font-weight: 700;
    width: 174px;
    height: 174px
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures .upload-btn-wrapper input[type=file] {
    font-size: .5625rem;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    height: 174px;
    z-index: 1;
    cursor: pointer
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures .upload-btn-wrapper h3 {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #17cdb6;
    font-size: .9375rem
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .upload-gallery .pictures .upload-btn-wrapper h3 span {
    font-size: 1.75rem;
    padding-bottom: 14px
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .gallery-avoid {
    background-color: #fff;
    padding: 25px 0 52px;
    margin-top: 15px
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .gallery-avoid .icon-alert {
    font-size: 2.875rem
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .gallery-avoid h2 {
    color: #ac1a1d;
    font-size: 1.125rem;
    margin-top: 12px;
    margin-bottom: 6px
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .gallery-avoid .avoid-img {
    margin-top: 22px
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .gallery-avoid .avoid-img figure {
    margin-right: 50px
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .gallery-avoid .avoid-img figure img {
    width: 95px;
    height: 95px;
    margin: 0 auto
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .gallery-avoid .avoid-img figure figcaption {
    padding-top: 10px;
    color: #ac1a1d;
    font-size: .875rem
}

.nxt-usr-dashboard .nxt-dashboard-details.user-photo-gallery .gallery-avoid .avoid-img figure figcaption span {
    margin-right: 5px
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert h2 {
    font-size: 1.375rem;
    margin-bottom: 22px
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .set-alert-box {
    padding: 25px;
    background-color: #fff;
    border-radius: 5px
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .set-alert-box .submit {
    background-color: #17cdb6;
    font-size: .9375rem;
    font-weight: 700;
    text-align: center;
    padding: 12px 40px;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .set-alert-box h3 {
    font-size: 1.125rem;
    color: #ac1a1d;
    margin-bottom: 15px
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .set-alert-box p {
    font-size: .9375rem;
    color: #ac1a1d
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .set-alert-box h6 {
    color: #17cdb6;
    font-size: .875rem
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .set-alert-box .selectric {
    width: 250px
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .set-alert-box span {
    color: #ac1a1d;
    opacity: 1;
    font-size: .875rem
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .set-alert-box span.icon-alert {
    font-size: 1.1875rem;
    font-weight: 700;
    padding-right: 7px
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .set-alert-box span.icon-alert:before {
    color: #f76518
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .set-alert-box p.alert-tag {
    font-size: .875rem;
    margin-top: 30px;
    margin-bottom: 25px
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .cstm-check-box {
    padding-top: 28px
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .cstm-check-box .label-check {
    font-size: .875rem;
    font-weight: 400;
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .cstm-check-box .label-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .cstm-check-box .checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: 2px solid #17cdb6
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .cstm-check-box .label-check input:checked~.checkmark {
    background-color: #17cdb6
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .cstm-check-box .checkmark:after {
    content: "\e92d";
    font-family: icomoon !important;
    font-size: .5625rem;
    color: #fff;
    position: absolute;
    display: none
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .cstm-check-box .label-check input:checked~.checkmark:after {
    display: block
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert .cstm-check-box .label-check .checkmark:after {
    left: 4px;
    top: 5px
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert input {
    border-radius: 5px;
    width: 550px;
    padding: 19px 15px;
    font-size: .875rem
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert#delete-profile .selectric {
    width: 544px;
    margin-bottom: 22px
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert#delete-profile .selectric .label {
    font-size: .875rem;
    opacity: 1
}

.nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert#delete-profile textarea {
    width: 544px;
    border-radius: 5px;
    padding: 8px;
    font-size: .875rem;
    color: #ac1a1d;
    border: 1px solid #ddd;
    height: 90px;
    resize: none
}

.nxt-usr-dashboard .nxt-dashboard-details.log-out-notification {
    margin-left: 260px
}

.nxt-usr-dashboard .nxt-dashboard-details.log-out-notification h2 {
    font-size: 1.375rem;
    color: #ac1a1d;
    margin-bottom: 12px
}

.nxt-usr-dashboard .nxt-dashboard-details.log-out-notification .notification-div {
    padding: 58px 128px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .16)
}

.nxt-usr-dashboard .nxt-dashboard-details.log-out-notification .notification-div p {
    font-size: .9375rem;
    color: #ac1a1d;
    margin-bottom: 35px
}

.nxt-usr-dashboard .nxt-dashboard-details.log-out-notification .notification-div a {
    background-color: #17cdb6;
    color: #fff;
    font-size: .9375rem;
    font-weight: 700;
    padding: 12px 40px;
    border-radius: 5px
}

.nxt-usr-dashboard .nxt-dashboard-details.log-out-notification .profile-waiting {
    padding-top: 70px
}

.nxt-usr-dashboard .nxt-dashboard-details.log-out-notification .profile-waiting .who-viewed-profiles {
    padding-top: 15px
}

.nxt-usr-dashboard .nxt-dashboard-details.log-out-notification .profile-waiting .who-viewed-profiles .items {
    width: 204px;
    display: inline-block
}

.nxt-usr-dashboard .nxt-dashboard-details.log-out-notification .profile-waiting .who-viewed-profiles .items>div {
    cursor: pointer
}

.nxt-usr-dashboard .nxt-dashboard-details.log-out-notification .profile-waiting .who-viewed-profiles .items>div:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .16)
}

.nxt-usr-dashboard .nxt-dashboard-details.log-out-notification .profile-waiting .who-viewed-profiles .items figure img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.nxt-usr-dashboard .nxt-dashboard-details.log-out-notification .profile-waiting .who-viewed-profiles .items .details {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.nxt-usr-dashboard .nxt-dashboard-details.notification-listing {
    width: 100%;
    max-width: 1177px
}

.nxt-usr-dashboard .nxt-dashboard-details.notification-listing .profile-listing {
    padding-top: 15px
}

.nxt-usr-dashboard .nxt-dashboard-details.notification-listing .profile-listing .icon-cercle-cross {
    color: #cecece;
    font-size: 1.3125rem
}

.nxt-usr-dashboard .nxt-dashboard-details.notification-listing .profile-listing p {
    margin-bottom: 18px
}

.nxt-usr-dashboard .nxt-dashboard-details.notification-listing .profile-listing .user-details span {
    padding-right: 20px
}

.nxt-usr-dashboard .nxt-dashboard-details.notification-listing .profile-listing .user-details span:last-child {
    border-left: 1px solid #17cdb6;
    padding-left: 20px
}

.nxt-usr-dashboard .nxt-dashboard-details h2.recent-joined-h2 span {
    font-size: 1.375rem;
    color: #ac1a1d;
    padding: 0 40px
}

.nxt-usr-dashboard .nxt-dashboard-details h2.recent-joined-h2 span:first-child {
    border-right: 1px solid #17cdb6;
    padding-left: 0
}

.nxt-usr-dashboard .nxt-dashboard-details h2.recent-joined-h2 span span {
    color: #17cdb6
}

.nxt-usr-dashboard .nxt-dashboard-details h2.recent-joined-h2 span span.count {
    border-right: none;
    padding: 0 10px 0 0
}

.nxt-usr-dashboard .nxt-dashboard-details.adv-with-us {
    width: 100%;
    max-width: 1177px
}

.nxt-usr-dashboard .nxt-dashboard-details.adv-with-us h2 {
    font-size: 1.375rem;
    color: #ac1a1d
}

.nxt-usr-dashboard .nxt-dashboard-details.adv-with-us h2 span {
    color: #17cdb6;
    font-size: 1.375rem;
    font-weight: 700
}

.nxt-usr-dashboard .nxt-dashboard-details.adv-with-us .advertise-box {
    background-color: #fff;
    padding: 22px;
    margin-top: 15px;
    border-radius: 5px
}

.nxt-usr-dashboard .nxt-dashboard-details.adv-with-us .advertise-box h3 {
    color: #ac1a1d;
    font-size: 1.125rem
}

.nxt-usr-dashboard .nxt-dashboard-details.adv-with-us .advertise-box p {
    color: #ac1a1d;
    font-size: .9375rem;
    padding-top: 12px
}

.nxt-usr-dashboard .nxt-dashboard-details.adv-with-us .advertise-box input {
    box-shadow: none;
    border: 1px solid #e6e6e6;
    margin: 5px 5px 5px 0;
    padding: 7px 15px;
    width: 100%;
    border-radius: 5px;
    font-size: .9375rem;
    margin-top: 25px
}

.nxt-usr-dashboard .nxt-dashboard-details.adv-with-us .advertise-box .form-group {
    margin-top: 25px
}

.nxt-usr-dashboard .nxt-dashboard-details.adv-with-us .advertise-box .form-group textarea {
    width: 100%;
    padding: 15px;
    margin-top: 25px;
    border-radius: 5px;
    font-size: .9375rem;
    border: 1px solid #e6e6e6;
    box-shadow: none;
    height: 106px;
    resize: none
}

.nxt-usr-dashboard .nxt-dashboard-details.adv-with-us .advertise-box .bg-submit {
    font-size: .9375rem;
    padding: 10px;
    text-align: center;
    color: #fff;
    border: 1px solid #17cdb6;
    border-radius: 5px;
    margin-right: 20px;
    width: 110px
}

.nxt-usr-dashboard .nxt-dashboard-details.adv-with-us .advertise-box .bg-reset {
    border: 1px solid #17cdb6;
    font-size: .9375rem;
    color: #17cdb6;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    margin-right: 20px;
    width: 110px
}

.nxt-usr-dashboard .nxt-dashboard-details.adv-with-us .advertise-box .adv-btm-buttons {
    padding-bottom: 15px
}

.nxt-usr-dashboard .h3-title {
    color: #fff;
    background: #17cdb6;
    font-size: 1.25rem;
    padding: 15px 25px;
    border-radius: 5px;
    margin-bottom: 15px
}

.nxt-usr-dashboard .log-categories .dashboard-categories-settings {
    margin-bottom: 0
}

.nxt-usr-dashboard .log-categories .dashboard-categories-settings ul {
    margin-top: 20px
}

.nxt-usr-dashboard .view-all {
    color: #17cdb6 !important;
    font-size: .875rem;
    font-weight: 700;
    margin-top: 15px
}

@media only screen and (max-width:991px) {
    .nxt-usr-dashboard .view-all {
        text-align: center;
        padding-bottom: 10px
    }
}

@media only screen and (max-width:991px) {
    .nxt-usr-dashboard .partner-preference.who-viewed-profiles-area .items,
    .nxt-usr-dashboard .partner-preference.who-shortlisted-profiles-area .items {
        width: calc(50% - 7px);
        float: left
    }
    .nxt-usr-dashboard .partner-preference.who-viewed-profiles-area .items:nth-child(even),
    .nxt-usr-dashboard .partner-preference.who-shortlisted-profiles-area .items:nth-child(even) {
        margin-left: 14px
    }
}

.nxt-usr-dashboard .partner-preference .items {
    padding: 11px;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nxt-usr-dashboard .partner-preference .items figure {
    border-radius: 5px;
    overflow: hidden
}

@media only screen and (max-width:1199px) {
    .nxt-usr-dashboard .partner-preference .items figure {
        width: 35%;
        max-width: 40%
    }
}

.nxt-usr-dashboard .partner-preference .items figure img {
    width: 130px;
    height: 100%;
    max-height: 175px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center 10%;
    object-position: center 10%
}

@media only screen and (max-width:1199px) {
    .nxt-usr-dashboard .partner-preference .items figure img {
        width: 100%
    }
}

.nxt-usr-dashboard .partner-preference .items .details {
    padding-left: 15px
}

@media only screen and (max-width:1199px) {
    .nxt-usr-dashboard .partner-preference .items .details {
        width: 60%
    }
}

.nxt-usr-dashboard .partner-preference .items .details p {
    font-size: .75rem;
    color: #ac1a1d;
    font-weight: 400;
    padding-top: 6px
}

.nxt-usr-dashboard .partner-preference .items .details p span {
    color: #17cdb6;
    font-size: .9375rem
}

.nxt-usr-dashboard .partner-preference .items .details p.bold {
    font-weight: 700;
    padding-top: 28px
}

.nxt-usr-dashboard .partner-preference .items .details a {
    color: #17cdb6;
    padding-left: 20px
}

.nxt-usr-dashboard .partner-preference .slick-slide {
    padding: 0 7px
}

.nxt-usr-dashboard .partner-preference .slick-arrow {
    font-size: 0;
    background-color: transparent;
    border: none;
    color: #17cdb6;
    position: absolute;
    top: -22px;
    right: 0
}

.nxt-usr-dashboard .partner-preference .slick-arrow.slick-prev:after {
    content: "\e949";
    font-family: icomoon !important;
    font-size: .625rem;
    margin-right: 35px
}

.nxt-usr-dashboard .partner-preference .slick-arrow.slick-next {
    font-weight: 700
}

.nxt-usr-dashboard .partner-preference .slick-arrow.slick-next:after {
    content: "\e921";
    font-family: icomoon !important;
    font-size: .625rem
}

.nxt-usr-dashboard .dashboard-upgrade-settings {
    background: #fff;
    padding: 27px;
    border-radius: 5px;
    width: 100%
}

.nxt-usr-dashboard .dashboard-upgrade-settings h2 {
    color: #ac1a1d;
    font-size: 1.25rem;
    line-height: 27px;
    margin-bottom: 27px
}

.nxt-usr-dashboard .dashboard-upgrade-settings h2 span {
    color: #17cdb6
}

.nxt-usr-dashboard .dashboard-upgrade-settings li {
    border: 1px dashed #17cdb6;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 15px;
    cursor: pointer
}

.nxt-usr-dashboard .dashboard-upgrade-settings li:hover .icon-round-arrow-up .path1:before {
    color: #6ac90b
}

.nxt-usr-dashboard .dashboard-upgrade-settings span.title {
    font-size: .9375rem;
    color: #ac1a1d;
    font-weight: 700;
    margin-left: 10px
}

.nxt-usr-dashboard .dashboard-upgrade-settings .icon-diamond,
.nxt-usr-dashboard .dashboard-upgrade-settings .icon-gold,
.nxt-usr-dashboard .dashboard-upgrade-settings .icon-silver {
    font-size: 1.5rem;
    color: #17cdb6;
    font-weight: 400
}

.nxt-usr-dashboard .dashboard-upgrade-settings .icon-nest-elit {
    font-size: 1.25rem;
    color: #17cdb6;
    font-weight: 400
}

.nxt-usr-dashboard .dashboard-upgrade-settings .icon-round-arrow-up {
    font-size: 1.75rem;
    font-weight: 400
}

.nxt-usr-dashboard .nxt-right-sidebar {
    max-width: 300px
}

@media only screen and (max-width:1365px) {
    .nxt-usr-dashboard .nxt-right-sidebar {
        max-width: 100%;
        width: 100%;
        display: flex !important;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding-left: 7px !important;
        padding-right: 7px
    }
    .nxt-usr-dashboard .nxt-right-sidebar .nst-sidebar-item {
        width: calc(33.33% - 15px) !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
        margin: 7px !important
    }
    .nxt-usr-dashboard .nxt-right-sidebar .nst-sidebar-item h2 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        margin-bottom: 0 !important
    }
}

.nxt-usr-dashboard .dashboard-success-stories-settings {
    margin-top: 15px;
    background: #fff;
    padding-bottom: 27px
}

.nxt-usr-dashboard .dashboard-success-stories-settings h2 {
    font-size: 1.25rem;
    padding: 27px;
    color: #ac1a1d;
    line-height: 27px
}

.nxt-usr-dashboard .dashboard-success-stories-settings a.dash-btn {
    color: #fff;
    background-color: #17cdb6;
    font-size: .9375rem;
    text-align: center;
    padding: 15px;
    display: block;
    margin: 0 27px;
    border-radius: 5px
}

.dashboard-categories-settings {
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding: 30px 29px 24px;
    margin: 7px 0;
    border-radius: 5px
}

.dashboard-categories-settings h4 {
    font-size: 1.125rem;
    color: #ac1a1d;
    text-align: left
}

.dashboard-categories-settings ul {
    text-align: left;
    margin-top: 30px
}

.dashboard-categories-settings ul li {
    line-height: 300%
}

.dashboard-categories-settings ul li a {
    position: relative;
    width: 100%;
    color: #ac1a1d;
    font-size: 1rem
}

.dashboard-categories-settings ul li.active a {
    color: #17cdb6;
    font-weight: 700;
    position: relative
}

.dashboard-categories-settings ul li.active a:after {
    content: "\e921";
    position: absolute;
    right: 0;
    top: 0;
    font-family: icomoon !important;
    font-size: .625rem
}

.dashboard-categories-settings ul li.active a:hover {
    color: #17cdb6
}

.dashboard-categories-settings .nav-tabs {
    border-bottom: none
}

.dashboard-categories-settings .nav-tabs .nav-item {
    width: 100%
}

.dashboard-categories-settings .nav-tabs .nav-item a {
    padding: 0;
    border: none
}

.dashboard-categories-settings .nav-tabs .nav-item a:hover {
    border: none;
    padding: 0
}

.dashboard-categories-settings .nav-tabs .nav-item a.active {
    color: #17cdb6;
    font-weight: 700
}

.dashboard-categories-settings .nav-tabs .nav-item a.active:after {
    content: "\e921";
    position: absolute;
    right: 0;
    top: 0;
    font-family: icomoon !important;
    font-size: .625rem;
    color: #17cdb6
}

.search-partner {
    padding-bottom: 40px;
    padding-top: 10px
}

.search-partner h2 {
    font-size: 1.375rem;
    color: #ac1a1d;
    line-height: normal
}

.search-partner h2 span {
    color: #17cdb6;
    font-weight: 700
}

.search-partner p {
    font-size: 1rem;
    color: #ac1a1d
}

.nxt-search-partner {
    background: #fff;
    padding: 27px 22px
}

.nxt-search-partner ul {
    border-bottom: 1px solid #cfd7e1
}

.nxt-search-partner ul.select2-selection__rendered {
    border-bottom: none
}

.nxt-search-partner ul li {
    padding: 0 40px
}

.nxt-search-partner ul li a {
    border: none !important;
    font-size: 1.125rem;
    color: #ac1a1d !important;
    padding: 15px 30px
}

.nxt-search-partner ul li a.active {
    border: none;
    font-weight: 700;
    background-color: transparent !important;
    border-color: none !important;
    border-bottom: 2px solid #17cdb6 !important
}

.nxt-search-partner ul li a:hover {
    border: none
}

.nxt-search-partner #basic-search label {
    color: #ac1a1d;
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: 14px
}

.nxt-search-partner #basic-search .selectric span {
    font-size: .9375rem;
    color: #ac1a1d
}

.nxt-search-partner #basic-search .selectric-scroll ul li {
    padding: 15px
}

.nxt-search-partner #basic-search p {
    font-size: .875rem;
    padding-bottom: 14px
}

.nxt-search-partner .after-line {
    position: relative
}

.nxt-search-partner .after-line>div:first-child .selectric {
    overflow: inherit
}

.nxt-search-partner .after-line>div:first-child .selectric:after {
    position: absolute;
    content: "";
    width: 32px;
    height: 2px;
    background: #e6e6e6;
    top: 50%;
    right: -32px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.nxt-search-partner .submit {
    color: #fff !important;
    background: #17cdb6;
    font-size: .9375rem;
    border-radius: 5px;
    width: 248px;
    padding: 8px;
    text-align: center;
    border: 1px solid #17cdb6
}

.nxt-search-partner .submit span {
    font-size: 1.1875rem;
    padding-right: 10px;
    vertical-align: sub
}

.nxt-search-partner .bottom-cnt {
    padding-top: 14px
}

.nxt-search-partner .bottom-cnt p {
    font-size: .9375rem !important;
    color: #ac1a1d
}

.nxt-search-partner .bottom-cnt p span {
    color: #17cdb6;
    margin-right: 5px;
    font-size: 1.375rem;
    vertical-align: sub
}

.nxt-search-partner #quick-search p {
    font-size: .875rem;
    padding-bottom: 14px;
    color: #ac1a1d
}

.nxt-search-partner .card {
    border: none
}

.nxt-search-partner .card .card-body {
    padding: 0
}

.nxt-search-partner .card .card-body label,
.nxt-search-partner .card .card-body p {
    font-size: .875rem;
    color: #ac1a1d;
    font-weight: 400;
    margin-bottom: 10px
}

.nxt-search-partner .card .card-body label {
    padding-bottom: 4px
}

.nxt-search-partner .card .card-header {
    padding: 0
}

.nxt-search-partner .card .card-header h2 {
    font-size: .9375rem;
    padding-left: 6px
}

.nxt-search-partner .card .bootstrap-tagsinput {
    width: 775px;
    min-height: 38px
}

.nxt-search-partner .card input {
    border-radius: 5px
}

.nxt-search-partner .card .form-group {
    margin-bottom: 0
}

.nxt-search-partner .selectric-items .selectric-scroll ul li {
    padding: 15px
}

.text-bold {
    font-weight: 800 !important
}

h5.prof-near {
    color: #ac1a1d;
    margin-bottom: 20px;
    font-size: 1.25rem
}

.dashboard-filter {
    background-color: #fff;
    padding: 27px;
    border-radius: 5px;
    width: 100%
}

.dashboard-filter h2 {
    color: #ac1a1d;
    font-size: 1.25rem
}

.dashboard-filter h2>a {
    font-size: 1rem;
    padding-top: 10px;
    padding-top: 6px;
    background-color: #fff !important;
    color: #17cdb6 !important;
    transition: all .5s ease-out !important;
    border: none !important
}

.dashboard-filter h2>a a {
    color: #17cdb6 !important;
    transition: all .5s ease-out !important
}

.dashboard-filter h2>a:hover {
    background-color: #fff !important;
    transition: all .5s ease-out !important;
    border: none !important;
    color: #ac1a1d !important
}

.dashboard-filter h2>a:hover a {
    color: #ac1a1d !important;
    transition: all .5s ease-out !important
}

.dashboard-filter h2>a:focus,
.dashboard-filter h2>a:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

.dashboard-filter .ui-slider-handle {
    background-color: #ac1a1d !important;
    color: #ac1a1d !important;
    transition: all .5s ease-out !important;
    border: none !important;
    width: 1.3rem !important;
    height: 1.3rem !important
}

.dashboard-filter .ui-slider-handle a {
    color: #ac1a1d !important;
    transition: all .5s ease-out !important
}

.dashboard-filter .ui-slider-handle:hover {
    background-color: #17cdb6 !important;
    transition: all .5s ease-out !important;
    border: none !important;
    color: #17cdb6 !important
}

.dashboard-filter .ui-slider-handle:hover a {
    color: #17cdb6 !important;
    transition: all .5s ease-out !important
}

.dashboard-filter .ui-slider-handle:focus,
.dashboard-filter .ui-slider-handle:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

.dashboard-filter .card {
    border: none
}

.dashboard-filter .card .card-header {
    padding: 0
}

.dashboard-filter .card .card-header a {
    color: #ac1a1d;
    font-size: 1.0625rem;
    font-weight: 700;
    width: 100%;
    position: relative
}

.dashboard-filter .card .card-header a span {
    font-size: .5rem;
    color: #17cdb6;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dashboard-filter .card .card-body {
    padding: 15px 0 0
}

.dashboard-filter .card .card-body ul li {
    line-height: 300%;
    cursor: pointer;
    font-size: .875rem
}

.dashboard-filter .card .card-body .select2-selection__rendered li {
    line-height: 170%;
    height: 27px;
    display: table !important;
    white-space: initial
}

.dashboard-filter .card .card-body input.cstm-check-acc {
    opacity: 0;
    left: 4px;
    z-index: 1000;
    position: relative;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2)
}

.dashboard-filter .card .card-body input[type=checkbox]+span {
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #ac1a1d;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dashboard-filter .card .card-body input[type=checkbox]+span.ui-slider-handle {
    background: #ac1a1d;
    width: 13px;
    height: 13px
}

.dashboard-filter .card .card-body input[type=checkbox]:checked+span:after {
    content: "\e92d";
    font-family: icomoon !important;
    font-size: .4375rem;
    color: #ac1a1d;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 1px;
    font-weight: 700;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.dashboard-filter .card .card-body label {
    color: #ac1a1d;
    font-size: .875rem;
    vertical-align: sub;
    font-weight: 400;
    cursor: pointer;
    padding-left: 10px
}

.dashboard-filter .card .collapseTwo ul li:nth-child(n+4) {
    display: none;
    opacity: 0
}

.dashboard-filter .card .collapseTwo ul li.show {
    opacity: 1
}

.dashboard-filter .card .filter-more {
    border: none !important;
    color: #17cdb6;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 10px
}

.dashboard-filter .card .filter-more:hover {
    color: #17cdb6
}

.dashboard-filter .cstm-slider-range {
    height: 5px;
    border: none;
    background-color: #e1e6ec;
    margin: 5px 10px 0
}

.dashboard-filter .slider-range p {
    padding: 15px 5px 0 0;
    font-size: .875rem;
    font-weight: 400
}

.dashboard-filter .slider-range p input {
    border: none;
    width: 50px
}

.dashboard-filter .slider-range p input:nth-child(2) {
    float: right;
    text-align: right
}

.terms-and-conditions>div {
    margin-top: 80px
}

@media only screen and (max-width:575px) {
    .terms-and-conditions>div {
        margin-top: 35px
    }
}

.terms-and-conditions h1 {
    font-size: 1.25rem;
    text-align: left;
    color: #ac1a1d
}

.terms-and-conditions h1 span {
    color: #17cdb6
}

.terms-and-conditions .conditions h2 {
    font-size: 1.125rem;
    color: #ac1a1d;
    font-weight: 700
}

.terms-and-conditions p {
    font-size: 1.0625rem;
    color: #ac1a1d;
    font-weight: 400;
    margin-bottom: 30px
}

@media only screen and (max-width:575px) {
    .terms-and-conditions p {
        margin-bottom: 20px;
        font-size: .9375rem
    }
}

.terms-and-conditions ul {
    padding-bottom: 30px
}

.terms-and-conditions ul li {
    font-size: 1.0625rem;
    line-height: 30px;
    color: #ac1a1d;
    font-weight: 400
}

@media only screen and (max-width:575px) {
    .terms-and-conditions ul li {
        font-size: .9375rem
    }
}

.quick-pay-popup .modal-content .modal-content-body {
    padding: 40px
}

@media only screen and (max-width:767px) {
    .quick-pay-popup .modal-content .modal-content-body {
        padding: 15px
    }
}

.quick-pay-popup .modal-content .modal-content-body h2 {
    font-size: 2.1875rem;
    color: #ac1a1d;
    position: relative
}

.quick-pay-popup .modal-content .modal-content-body h2 span {
    color: #17cdb6
}

.quick-pay-popup .modal-content .modal-content-body h2 span.icon-plus {
    position: absolute;
    right: 0;
    color: #17cdb6;
    background: #efefef;
    padding: 10px;
    font-size: 20px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    cursor: pointer
}

@media only screen and (max-width:767px) {
    .quick-pay-popup .modal-content .modal-content-body h2 span.icon-plus {
        padding: 12px;
        font-size: 15px
    }
}

.quick-pay-popup .modal-content .modal-content-body p {
    font-size: 1.0625rem;
    font-weight: 400;
    color: #ac1a1d
}

.quick-pay-popup .modal-content input {
    border: 1px solid #ececec;
    box-shadow: none;
    margin-right: 25px;
    border-radius: 5px;
    width: 340px;
    padding-left: 15px;
    padding: 7px 15px;
    font-size: .875rem;
    font-weight: 400;
    height: 40px
}

@media only screen and (max-width:991px) {
    .quick-pay-popup .modal-content input {
        width: 100%;
        margin-right: 0
    }
}

.quick-pay-popup .modal-content textarea {
    width: 340px;
    border: 1px solid #ececec;
    box-shadow: none;
    margin-right: 25px;
    border-radius: 5px;
    resize: none;
    height: 70px;
    padding: 6px 15px;
    font-size: .875rem;
    font-weight: 400
}

@media only screen and (max-width:991px) {
    .quick-pay-popup .modal-content textarea {
        width: 100%;
        margin-right: 10px
    }
}

.quick-pay-popup .bg-submit {
    background-color: #17cdb6;
    font-size: 1.0625rem;
    font-weight: 700;
    padding: 5px 15px;
    text-align: center;
    color: #fff !important;
    border: 1px solid #17cdb6;
    border-radius: 5px;
    margin-right: 25px;
    width: 160px;
    height: 40px
}

@media only screen and (max-width:991px) {
    .quick-pay-popup .bg-submit {
        margin-top: 15px;
        width: calc(50% - 14px)
    }
}

.quick-pay-popup .bg-reset {
    border: 1px solid #17cdb6;
    font-size: 1.0625rem;
    font-weight: 700;
    color: #17cdb6 !important;
    text-align: center;
    padding: 5px 15px;
    border-radius: 5px;
    width: 160px;
    height: 40px
}

@media only screen and (max-width:991px) {
    .quick-pay-popup .bg-reset {
        margin-top: 15px;
        width: calc(50% - 14px);
        float: right
    }
}

.quick-pay-popup .quick-popup-form {
    padding-top: 50px
}

.quick-pay-popup p.dashed {
    border-top: 1px dashed #17cdb6 !important;
    padding-bottom: 30px !important;
    border-top: 1px dashed;
    margin-top: 32px !important;
    position: relative
}

.quick-pay-popup p.dashed:after {
    position: absolute;
    content: "OR";
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    vertical-align: middle;
    background: #fff;
    margin-left: -7px;
    text-align: center;
    font-weight: 700;
    color: #ac1a1d;
    font-size: 1.0625rem
}

.quick-pay-popup p.dashed span {
    letter-spacing: 0
}

.quick-pay-popup .qucik-popup-det {
    padding: 25px 0
}

@media only screen and (max-width:991px) {
    .quick-pay-popup .qucik-popup-det {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .quick-pay-popup .qucik-popup-det {
        padding: 5px 0
    }
}

.quick-pay-popup .qucik-popup-det input {
    width: 220px;
    margin: 0 21px;
    padding: 7px 15px
}

@media only screen and (max-width:991px) {
    .quick-pay-popup .qucik-popup-det input {
        width: 100%;
        margin: 10px 0 !important
    }
}

@media only screen and (max-width:767px) {
    .quick-pay-popup .qucik-popup-det input {
        margin: 5px 0 !important
    }
}

.quick-pay-popup .qucik-popup-det.price {
    width: 100%
}

.quick-pay-popup .qucik-popup-det.price input {
    border: none;
    border-bottom: 1px dashed #ac1a1d;
    border-radius: 0;
    vertical-align: top;
    width: 293px
}

@media only screen and (max-width:991px) {
    .quick-pay-popup .qucik-popup-det.price input {
        width: calc(100% - 29px)
    }
}

.quick-pay-popup .qucik-popup-det.price .bg-submit {
    float: right;
    margin-right: 10px;
    margin-top: 5px
}

.quick-pay-popup .qucik-popup-det.price span.icon-price {
    font-size: 2.75rem;
    position: relative;
    top: 4px
}

.quick-pay-popup .payment-mode {
    background-color: #efefef;
    padding: 25px 30px
}

@media only screen and (max-width:767px) {
    .quick-pay-popup .payment-mode {
        padding: 10px
    }
}

.quick-pay-popup .payment-mode h3 {
    font-size: 1.375rem;
    color: #ac1a1d
}

.quick-pay-popup .payment-mode p {
    font-size: 1.0625rem;
    color: #ac1a1d
}

.quick-pay-popup .payment-mode .selectric-wrapper {
    margin-top: 45px
}

.quick-pay-popup .payment-mode .selectric {
    width: 220px;
    background-color: #fff
}

.quick-pay-popup .payment-mode figure {
    width: 167px;
    height: 167px
}

.quick-pay-popup .payment-mode figure img {
    width: 100%
}

.quick-pay-popup .payment-mode a {
    position: absolute;
    top: 26px;
    right: 30px;
    padding: 15px;
    background: #fff;
    border-radius: 50%;
    width: 47px;
    height: 47px
}

@media only screen and (max-width:767px) {
    .quick-pay-popup .payment-mode a {
        width: 35px;
        height: 35px;
        right: 0
    }
}

.quick-pay-popup .payment-mode a span {
    color: #17cdb6
}

.quick-pay-popup .payment-mode a span:before {
    position: absolute;
    left: 19px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    top: 50%;
    transition: all .3s ease-in-out
}

@media only screen and (max-width:767px) {
    .quick-pay-popup .payment-mode a span:before {
        left: 13px
    }
}

.quick-pay-popup .payment-mode a.arrow-rot span:before {
    -webkit-transform: translateY(-50%) rotate(270deg);
    -moz-transform: translateY(-50%) rotate(270deg);
    -ms-transform: translateY(-50%) rotate(270deg);
    -o-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg);
    transition: all .3s ease-in-out
}

.quick-pay-popup .payment-mode #q-pay-show,
.quick-pay-popup .payment-mode #q-pay-barcode {
    display: none
}

#widget-meter {
    width: 300px;
    margin: 0 auto
}

#widget-meter .needle,
#widget-meter .needle-center {
    fill: gray
}

footer {
    font-family: roboto, sans-serif
}

footer .footer-logo {
    width: 255px;
    height: 55px;
    display: block
}

.modal {
    text-align: center;
    padding: 0 !important
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 100%
}

@media only screen and (min-width:1200px) {
    .home-testimonial-slider {
        min-width: 700px
    }
}

.nst-testimonial-page .testimonials-slider2 .testimonials-items {
    padding: 0 !important
}

.nst-testimonial-page .testimonials-slider2 .testimonials-items>.row {
    background-color: transparent;
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0
}

.nst-testimonial-page .slick-slide {
    opacity: 0;
    transition: .5s
}

.nst-testimonial-page .slick-slide.slick-active {
    opacity: 1
}

.testimonials-slider2 {
    width: calc(100% - 50px)
}

.testimonials-slider2 .testimonials-items {
    margin-bottom: 5px;
    background-color: transparent;
    padding: 10px 15px
}

.testimonials-slider2 .testimonials-items>.row {
    margin-bottom: 10px;
    background-color: #fff;
    padding: 15px
}

@media only screen and (max-width:1199px) {
    .testimonials-slider2 {
        margin-left: calc(16.66% * 0.5);
        width: 83.33%
    }
}

input:focus,
select:focus {
    box-shadow: none !important
}

.nxt-usr-dashboard .nxt-dashboard-details.recently-joined-listing .nxt-dashboard-details .profile-box .profile-details a.ui-view-profile-btn {
    width: auto !important;
    margin-top: 0 !important
}

.nxt-usr-dashboard .nxt-dashboard-details.recently-joined-listing .interest a.view_contact span.icon-contact:before {
    font-size: .5rem !important
}

.nxt-usr-dashboard.recent-container .container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing {
    margin-right: 0
}

@media only screen and (min-width:1366px) and (max-width:1499px) {
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing {
        width: 75%
    }
}

@media only screen and (max-width:991px) {
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing {
        padding: 0
    }
}

@media only screen and (max-width:991px) {
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing h2 span {
        border-right: none;
        display: block;
        padding: 10px 0
    }
}

@media only screen and (max-width:991px) {
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing h2 span.count {
        display: inline-block;
        padding: 0 10px 0 0
    }
}

.nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing a.ui-view-profile-btn {
    width: auto !important;
    margin-top: 0 !important
}

@media only screen and (max-width:1199px) {
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing a.ui-view-profile-btn {
        float: left
    }
}

@media only screen and (max-width:991px) {
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing .interest {
        width: 100%;
        text-align: left;
        height: auto
    }
}

@media only screen and (max-width:1199px) {
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing .interest a {
        margin-top: 5px
    }
}

@media only screen and (max-width:991px) {
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing .interest a {
        width: auto
    }
}

.nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing ul.inner-details li {
    position: relative;
    padding-left: 30px;
    height: 33px
}

.nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing ul.inner-details li span {
    position: absolute;
    left: 0
}

@media only screen and (max-width:1365px) {
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing {
        width: 75%;
        max-width: 100% !important
    }
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing ul.inner-details {
        column-count: 2
    }
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing ul.inner-details li {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing ul.inner-details {
        column-count: 1
    }
}

@media only screen and (max-width:991px) {
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing {
        width: 100%
    }
}

@media only screen and (max-width:680px) {
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing .figure {
        width: 100%
    }
}

@media only screen and (max-width:991px) {
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing .figure figure img {
        width: 230px;
        height: 300px
    }
}

@media only screen and (max-width:680px) {
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing .figure figure img {
        width: 200px;
        height: 200px;
        margin: auto
    }
}

@media only screen and (max-width:991px) {
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing .profile-details {
        width: calc(100% - 250px) !important
    }
}

@media only screen and (max-width:680px) {
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing .profile-details {
        width: 100% !important
    }
}

@media only screen and (max-width:680px) {
    .nxt-usr-dashboard.recent-container .container .nxt-dashboard-details.recently-joined-listing .profile-details h3 {
        text-align: center;
        padding-top: 15px
    }
}

@media only screen and (max-width:1365px) {
    .nxt-usr-dashboard.recent-container .container .nxt-right-sidebar {
        width: 23% !important;
        max-width: 100% !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .nxt-usr-dashboard.recent-container .container .nxt-right-sidebar .nst-sidebar-item {
        width: 100% !important
    }
}

@media only screen and (max-width:991px) {
    .nxt-usr-dashboard.recent-container .container .nxt-right-sidebar {
        width: 100% !important
    }
}

@media only screen and (max-width:680px) {
    .nxt-usr-dashboard.recent-container .container .nxt-right-sidebar h5 {
        display: block;
        width: 100%;
        text-align: center;
        padding-top: 20px
    }
}

@media only screen and (max-width:991px) {
    .nxt-usr-dashboard.recent-container .container .nxt-right-sidebar .nst-sidebar-item {
        display: block;
        max-width: 100% !important
    }
}

@media only screen and (max-width:991px) {
    .nxt-usr-dashboard.recent-container .container .nxt-right-sidebar .nst-sidebar-item .row.mx-0 {
        display: inline-block;
        width: 31%;
        margin: 0 5px !important
    }
}

@media only screen and (max-width:680px) {
    .nxt-usr-dashboard.recent-container .container .nxt-right-sidebar .nst-sidebar-item .row.mx-0 {
        max-width: 300px !important;
        width: 100%;
        margin: 5px auto !important;
        display: block
    }
}

.nxt-usr-dashboard.recent-container .container .nxt-right-sidebar .nxt-similar-profiles figure img {
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width:1199px) {
    .nxt-usr-dashboard.recent-container .container .nxt-right-sidebar .nxt-similar-profiles figure img {
        height: 210px
    }
}

@media only screen and (max-width:1199px) {
    .nxt-usr-dashboard.recent-container.bottom-icon-div .container .nxt-dashboard-details.recently-joined-listing .interest {
        width: 100%;
        text-align: left
    }
}

@media only screen and (max-width:1199px) {
    .nxt-usr-dashboard.recent-container.bottom-icon-div .container .nxt-dashboard-details.recently-joined-listing .interest a {
        width: auto
    }
}

.full-register-page .mail-section {
    display: none
}

@media only screen and (max-width:575px) {
    .full-register-page .mail-section h2 {
        font-size: 20px !important
    }
}

@media only screen and (max-width:575px) {
    .mail-section {
        padding: 40px 0 !important
    }
    .mail-section h2 {
        font-size: 20px !important
    }
}

.search-icon-box .ui-header-button {
    margin-top: 38px
}

@media only screen and (max-width:991px) {
    .search-icon-box .ui-header-button {
        margin-top: 15px !important
    }
}

.after-line .center-line {
    position: relative
}

.after-line .center-line:before {
    position: absolute;
    width: 30px;
    height: 1px;
    background: #e7e8e8;
    top: 44%;
    transform: translateY(-50%);
    right: -15px;
    content: ""
}

.after-line .center-line:last-child:before {
    content: none
}

.nst-commu-location-page .ui-home-banner {
    width: 100%;
    position: relative;
    display: table
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #f5f5f5;
    border-radius: 10px
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5
}

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #fff;
    background-image: -moz-linear-gradient(180deg, #17CDB6, #17CDB6);
    background-image: -webkit-gradient(180deg, #17CDB6, #17CDB6);
    background-image: -webkit-linear-gradient(180deg, #17CDB6, #17CDB6);
    background-image: -o-linear-gradient(180deg, #17CDB6, #17CDB6);
    background-image: linear-gradient(180deg, #17CDB6, #17CDB6)
}

input[type=checkbox].cstm-check-acc {
    opacity: 0;
    left: 4px;
    z-index: 1000;
    position: relative;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2)
}

input[type=checkbox].cstm-check-acc+span {
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #ac1a1d;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

input[type=checkbox].cstm-check-acc+span.ui-slider-handle {
    background: #ac1a1d;
    width: 13px;
    height: 13px
}

input[type=checkbox]:checked.cstm-check-acc+span:after {
    content: "\e92d";
    font-family: icomoon !important;
    font-size: .4375rem;
    color: #ac1a1d;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 1px;
    font-weight: 700;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.nxt-dashboard-details h2 {
    margin-top: 22px !important
}

.nst-profile-view-page {
    float: left;
    width: 100% !important;
    display: block !important
}

@media only screen and (max-width:991px) {
    .nst-profile-view-page>.container {
        padding-left: 0;
        padding-right: 0
    }
}

.nst-mob-main-menu-btn {
    padding-left: 15px !important
}

.dashboard-upgrade-settings.nst-sidebar-item ul li a {
    display: flex !important
}

.dashboard-upgrade-settings.nst-sidebar-item ul li a span {
    margin-top: auto;
    margin-bottom: auto
}

.dashboard-upgrade-settings.nst-sidebar-item ul li a span:nth-child(2) {
    margin-right: auto
}

.nst-quick-view .nxt-dashboard-details {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: 0 !important
}

.nst-quick-view .nxt-dashboard-details .who-viewed-profiles {
    display: flex;
    flex-wrap: wrap
}

.nst-quick-view .nxt-dashboard-details .items {
    width: 25%;
    margin-bottom: 20px;
    float: left;
    max-width: 300px;
    margin: auto
}

@media only screen and (max-width:767px) {
    .nst-quick-view .nxt-dashboard-details .items {
        width: 50%
    }
}

@media only screen and (max-width:575px) {
    .nst-quick-view .nxt-dashboard-details .items {
        width: 100%
    }
}

@media only screen and (max-width:991px) {
    header .ui-main-nav .navbar-collapse ul.navbar-nav li {
        padding: 5px 25px
    }
    header .ui-main-nav .navbar-collapse li a {
        font-size: 18px
    }
    .nxt-nav-search,
    header .ui-main-nav .navbar-collapse ul.navbar-nav li .ui-header-button {
        width: 300px !important;
        max-width: 100% !important
    }
    .nxt-nav-search input {
        border-radius: 4px !important;
        padding: 25px 15px;
        width: 100%;
        margin-top: 10px;
        font-size: 16px
    }
    header .ui-main-nav .navbar-collapse ul.navbar-nav li .ui-header-button {
        margin-top: 10px;
        padding: 20px 0;
        height: auto !important
    }
    .nxt-nav-search .btn-primary {
        position: absolute;
        right: 10px;
        top: 18px;
        padding: 9px;
        border: none !important;
        border-left-color: #fff
    }
    .nxt-nav-search .btn-primary:before {
        content: none;
        opacity: 0
    }
    .nxt-nav-search .btn-primary .submit-txt {
        font-size: 20px
    }
    header .ui-main-nav .navbar-collapse.collapse ul.navbar-nav li:first-of-type {
        margin-top: auto
    }
    header .ui-main-nav .navbar-collapse.collapse ul.navbar-nav li:last-of-type {
        margin-bottom: auto
    }
}

.nst-img-gallery-page-container {
    padding-top: 50px;
    padding-bottom: 50px
}

.nst-img-gallery-page-container h2 {
    font-size: 1rem !important;
    padding: 0 0 24px;
    margin-bottom: 0;
    margin-top: 0 !important
}

.nst-img-gallery-page-container .nst-img-upload-form input[type=file] {
    height: 38px
}

.nst-img-gallery-page-container .nst-img-upload-form input[type=file]::-webkit-file-upload-button {
    border: 1px solid grey;
    font-size: 0;
    width: 0;
    height: 40px;
    padding: 0;
    margin: 0;
    opacity: 0
}

.nst-img-gallery-page-container .nst-img-upload-form .nst-input-file-upload-btn {
    margin-right: 0;
    margin-left: auto;
    display: block;
    text-align: center;
    width: 100px;
    margin-top: -38px;
    line-height: 38px;
    border-radius: 0 5px 5px 0;
    background-color: #17cdb6 !important;
    color: #fff !important;
    transition: all .5s ease-out !important;
    border: none !important
}

.nst-img-gallery-page-container .nst-img-upload-form .nst-input-file-upload-btn a {
    color: #fff !important;
    transition: all .5s ease-out !important
}

.nst-img-gallery-page-container .nst-img-upload-form .nst-input-file-upload-btn:hover {
    background-color: #ac1a1d !important;
    transition: all .5s ease-out !important;
    border: none !important;
    color: #fff !important
}

.nst-img-gallery-page-container .nst-img-upload-form .nst-input-file-upload-btn:hover a {
    color: #fff !important;
    transition: all .5s ease-out !important
}

.nst-img-gallery-page-container .nst-img-upload-form .nst-input-file-upload-btn:focus,
.nst-img-gallery-page-container .nst-img-upload-form .nst-input-file-upload-btn:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

.nst-img-gallery-page-container .nst-img-upload-form label {
    margin-bottom: 10px;
    font-size: .875rem
}

.nst-img-gallery-page-container .nst-img-upload-form button[type=submit] {
    background-color: #17cdb6 !important;
    color: #fff !important;
    transition: all .5s ease-out !important;
    border: none !important;
    height: 38px;
    margin-left: auto;
    margin-top: 33px;
    max-width: 120px;
    width: 100%
}

.nst-img-gallery-page-container .nst-img-upload-form button[type=submit] a {
    color: #fff !important;
    transition: all .5s ease-out !important
}

.nst-img-gallery-page-container .nst-img-upload-form button[type=submit]:hover {
    background-color: #ac1a1d !important;
    transition: all .5s ease-out !important;
    border: none !important;
    color: #fff !important
}

.nst-img-gallery-page-container .nst-img-upload-form button[type=submit]:hover a {
    color: #fff !important;
    transition: all .5s ease-out !important
}

.nst-img-gallery-page-container .nst-img-upload-form button[type=submit]:focus,
.nst-img-gallery-page-container .nst-img-upload-form button[type=submit]:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

@media only screen and (max-width:991px) {
    .nst-img-gallery-page-container .nst-img-upload-form button[type=submit] {
        margin-top: 10px
    }
}

.nst-img-gallery-page-container .nst-img-gallery-img-item {
    position: relative
}

.nst-img-gallery-page-container .nst-img-gallery-img-item img {
    width: 100%;
    height: 245px;
    object-fit: cover;
    object-position: center;
    margin-bottom: 30px;
    border-radius: 5px
}

.nst-img-gallery-page-container .nst-img-gallery-img-item .nst-gallery-img-del-btn {
    background-color: transparent;
    background-color: transparent !important;
    color: #fff !important;
    transition: all .5s ease-out !important;
    border: none !important;
    top: 6px;
    position: absolute;
    right: 6px;
    font-size: 20px
}

.nst-img-gallery-page-container .nst-img-gallery-img-item .nst-gallery-img-del-btn a {
    color: #fff !important;
    transition: all .5s ease-out !important
}

.nst-img-gallery-page-container .nst-img-gallery-img-item .nst-gallery-img-del-btn:hover {
    background-color: transparent !important;
    transition: all .5s ease-out !important;
    border: none !important;
    color: #17cdb6 !important
}

.nst-img-gallery-page-container .nst-img-gallery-img-item .nst-gallery-img-del-btn:hover a {
    color: #17cdb6 !important;
    transition: all .5s ease-out !important
}

.nst-img-gallery-page-container .nst-img-gallery-img-item .nst-gallery-img-del-btn:focus,
.nst-img-gallery-page-container .nst-img-gallery-img-item .nst-gallery-img-del-btn:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

.user-photo-gallery-page {
    padding-bottom: 0
}

.nst-img-group-block {
    background-color: #fff;
    border-radius: 5px;
    padding: 26px;
    margin-top: 15px
}

#nxtPartnerPreImage .card-body {
    padding-right: 64px !important
}

#nxtPartnerPreImage .card-body .nxt-partner-image-item {
    margin-bottom: 20px
}

#nxtPartnerPreImage .card-body .nxt-partner-image-item a:after {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 5px
}

#nxtPartnerPreImage .card-body .nxt-partner-image-item img {
    max-height: 135px !important;
    max-width: 240px !important;
    object-fit: cover;
    object-position: center;
    border-radius: 5px
}

@media only screen and (max-width:1365px) {
    .nst-notification-user-page .nxt-right-sidebar-link {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 315px !important
    }
}

@media only screen and (max-width:991px) {
    .nst-notification-user-page .nxt-right-sidebar-link {
        padding-left: 0 !important
    }
}

.nxt-profile-preview-link .nxt-profile-preview-link-print-profile {
    max-width: 130px
}

.nxt-profile-preview-link .nxt-profile-preview-link-match-score {
    max-width: 162px
}

.nst-view-contact-btn span.icon-contact {
    border: 2px solid red;
    border-radius: 50%;
    display: inline-flex;
    width: 22px;
    height: 22px;
    font-size: .6875rem !important;
    text-align: center;
    padding: 4px;
    margin: auto;
    margin-right: 10px
}

.nst-view-contact-btn.active span.icon-contact {
    border-color: #17cdb6 !important
}

.nst-view-contact-btn.active span.icon-contact:before {
    color: #17cdb6 !important
}

.nxt-notifi-user-status-area h2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    white-space: nowrap
}

header {
    z-index: 5000000 !important
}

.navbar-toggler.d-block.d-lg-none {
    z-index: 5555555 !important
}

.contact-banner {}

.contact-banner .cstm-contact-banner {
    height: 398px;
    width: 100%;
    background-size: cover !important;
    background-position: 25% center !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative
}

.contact-banner .cstm-contact-banner:after {
    background-color: #000;
    opacity: .3;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute
}

@media only screen and (max-width:767px) {
    .contact-banner .cstm-contact-banner {
        height: 230px
    }
}

.contact-banner .cstm-contact-banner .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.contact-banner .cstm-contact-banner .container .banner-text {
    color: #fff;
    margin: auto 0;
    z-index: 500
}

.contact-banner .cstm-contact-banner .container .banner-text h4 {
    font-size: 1rem;
    font-weight: 400
}

.contact-banner .cstm-contact-banner .container .banner-text h1 {
    font-size: 3.1875rem;
    line-height: 180%;
    font-weight: 700
}

.contact-links>.container>.cus-mx-margin {
    margin: -75px -15px 0
}

.contact-links .cont-link {
    padding: 39px;
    background-size: cover !important;
    border-radius: 5px;
    color: #fff !important;
    width: calc(100% - 10px);
    overflow: hidden;
    display: block;
    margin: 0 auto;
    position: relative
}

@media only screen and (max-width:991px) {
    .contact-links .cont-link {
        padding: 25px
    }
}

.contact-links .cont-link>.row {
    position: relative;
    z-index: 1;
    margin: auto
}

.contact-links .cont-link h3 {
    font-size: 1.6875rem;
    font-weight: 700
}

.contact-links .cont-link h3+span {
    font-size: 1.125rem;
    font-weight: 400
}

.contact-links .cont-link:after {
    content: "";
    background: #ac1a1d;
    opacity: .91;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.contact-links .cont-link-icon {
    font-size: 39px;
    color: #17cdb6;
    padding-top: 17px;
    display: block;
    text-align: right;
    padding-top: 0 !important
}

@media only screen and (max-width:991px) {
    .contact-links .cont-link-icon {
        font-size: 30px
    }
}

@media only screen and (max-width:575px) {
    .contact-links .cont-link-icon {
        padding-bottom: 10px
    }
}

.contact-links .icon-chat {
    font-size: 2.8125rem
}

.address-section {
    padding-bottom: 90px
}

.address-section h5 {
    font-size: 1rem !important;
    color: #17cdb6
}

.address-section h5.con-adrs-head {
    margin: 70px 0 0
}

.address-section .cont-off-address {
    list-style: none;
    margin-top: 27px
}

.address-section .cont-off-address li {
    font-size: 1rem;
    color: #ac1a1d;
    line-height: 28px
}

@media only screen and (min-width:1200px) {
    .address-section .main-address:after {
        content: "";
        background: #acd3ff;
        width: 2px;
        height: 206px;
        position: absolute;
        bottom: 0;
        right: 70px;
        opacity: .15;
        height: calc(100% - 100px);
        top: 50;
        margin: auto 0
    }
}

.address-section .branch-location {
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border: 1px dashed rgba(21, 70, 122, .27);
    border-radius: 5px;
    margin-top: 27px;
    transition: 1s;
    cursor: pointer
}

.address-section .branch-location:hover {
    border: 1px dashed #fff;
    box-shadow: 0 3px 6px #ddd;
    transition: 1s
}

.address-section .branch-location a {
    padding: 20px;
    width: 100%;
    height: 100%
}

.address-section .branch-location p {
    color: #ac1a1d;
    margin: auto 0
}

.address-section .branch-list-item .branch-full-address {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ac1a1d;
    -webkit-transition: .2s .3s ease-in-out;
    -moz-transition: .2s .3s ease-in-out;
    -o-transition: .2s .3s ease-in-out;
    -ms-transition: .2s .3s ease-in-out;
    transition: .2s .3s ease-in-out;
    transition: .2s ease;
    -moz-transition: .2s ease;
    -ms-transition: .2s ease;
    -webkit-transition: .2s ease;
    z-index: 100;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 10px;
    width: 0;
    overflow: hidden;
    border-radius: 5px;
    margin-top: -20px
}

.address-section .branch-list-item .branch-full-address ul {
    margin-top: 0
}

.address-section .branch-list-item .branch-full-address ul li {
    font-size: .875rem;
    color: #fff;
    opacity: 0;
    line-height: 150%
}

.address-section .branch-list-item .branch-list-item {
    -webkit-transition: .3s .3s ease-in-out;
    -moz-transition: .3s .3s ease-in-out;
    -o-transition: .3s .3s ease-in-out;
    -ms-transition: .3s .3s ease-in-out;
    transition: .3s .3s ease-in-out;
    transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -webkit-transition: .3s ease
}

.address-section .branch-list-item:hover .branch-full-address {
    opacity: 1;
    width: 100%;
    -webkit-transition: .3s .3s ease-in-out;
    -moz-transition: .3s .3s ease-in-out;
    -o-transition: .3s .3s ease-in-out;
    -ms-transition: .3s .3s ease-in-out;
    transition: .3s .3s ease-in-out;
    transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -webkit-transition: .3s ease;
    left: 0;
    top: 0;
    margin-top: 0
}

.address-section .branch-list-item:hover .branch-full-address ul li {
    opacity: 1;
    -webkit-transition: .5s .3s ease-in-out;
    -moz-transition: .5s .3s ease-in-out;
    -o-transition: .5s .3s ease-in-out;
    -ms-transition: .5s .3s ease-in-out;
    transition: .5s .3s ease-in-out;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -webkit-transition: .5s ease;
    transition-delay: .3s
}

.address-section .branch-list-item:hover .branch-full-address ul li.link a {
    color: #17cdb6 !important
}

.address-section .branch-list-item:hover .branch-list-item {
    opacity: 0;
    -webkit-transition: .3s .3s ease-in-out;
    -moz-transition: .3s .3s ease-in-out;
    -o-transition: .3s .3s ease-in-out;
    -ms-transition: .3s .3s ease-in-out;
    transition: .3s .3s ease-in-out;
    transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -webkit-transition: .3s ease
}

@media only screen and (min-width:1500px) {
    .address-section .branch-list-item {
        width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

.nxt-contact-address-modal {
    font-family: roboto, sans-serif
}

.nxt-contact-address-modal .modal-dialog {
    max-width: 570px
}

@media only screen and (max-width:600px) {
    .nxt-contact-address-modal .modal-dialog {
        max-width: calc(100% - 30px) !important
    }
}

.nxt-contact-address-modal .modal-dialog .modal-content {
    padding: 32px 36px
}

.nxt-contact-address-modal .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 0
}

.nxt-contact-address-modal .modal-dialog .modal-content .nxt-contact-address-title {
    color: #ac1a1d;
    font-size: 1.75rem
}

.nxt-contact-address-modal .modal-dialog .modal-content .nxt-contact-address-title span {
    color: #17cdb6
}

.nxt-contact-address-modal .modal-dialog .modal-content .modal-body {
    padding-top: 5px
}

.nxt-contact-address-modal .modal-dialog .modal-content .modal-body ul li {
    color: #ac1a1d;
    line-height: 220%
}

.nxt-contact-address-modal .modal-dialog .modal-content .modal-body ul.nxt-contact-address-links {
    margin-top: 10px
}

.nxt-contact-address-modal .modal-dialog .modal-content .modal-body ul.nxt-contact-address-links li {
    display: inline-block;
    float: right
}

.nxt-contact-address-modal .modal-dialog .modal-content .modal-body ul.nxt-contact-address-links li:nth-child(1) {
    border-right: 2px solid #ccc;
    float: left;
    padding-right: 20px
}

.nxt-contact-address-modal .modal-dialog .modal-content .modal-body ul.nxt-contact-address-links li a {
    font-size: 1.0625rem;
    font-weight: 700;
    color: #ac1a1d
}

.nxt-contact-address-modal .modal-dialog .modal-content .modal-body ul.nxt-contact-address-links li a span {
    color: #17cdb6;
    font-size: 1.5625rem;
    bottom: -6px;
    position: relative;
    padding-right: 10px
}

@media only screen and (max-width:575px) {
    .nxt-contact-address-modal .modal-dialog .modal-content .modal-body ul.nxt-contact-address-links li {
        width: 100%;
        border-right: none !important
    }
}

.mail-section {
    background: #f4f4f4;
    padding: 103px 0
}

.mail-section h2 {
    color: #ac1a1d
}

.mail-section h2 span {
    color: #17cdb6
}

.mail-section p {
    color: #ac1a1d
}

.mail-section form {
    margin-top: 35px
}

.mail-section form button,
.mail-section form input,
.mail-section form input:hover,
.mail-section form input:focus,
.mail-section form button:hover,
.mail-section form button:focus,
.mail-section form button:active {
    background: #fff !important;
    border: none;
    box-shadow: none !important;
    height: 60px
}

.mail-section form input {
    padding: 6px 30px
}

.mail-section form input::-webkit-input-placeholder {
    color: rgba(8, 51, 98, .6);
    font-size: .9375rem
}

.mail-section form input::-moz-placeholder {
    color: rgba(8, 51, 98, .6);
    font-size: .9375rem
}

.mail-section form input:-ms-input-placeholder {
    color: rgba(8, 51, 98, .6);
    font-size: .9375rem
}

.mail-section form button {
    padding: 4px 22px 0
}

.mail-section form button .submit-txt {
    color: #17cdb6;
    font-size: 1.25rem
}

.mail-section form button:before {
    content: "";
    left: 0;
    height: 40px;
    width: 1px;
    background: rgba(112, 112, 112, .28);
    position: absolute;
    margin: 10px 0;
    top: 0
}

footer {
    background: #ac1a1d;
    margin-top: auto;
    margin-bottom: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    float: left;
    position: relative
}

footer .footer-contact {
    padding: 30px 0 42px 0;
    background: #052e5c
}

footer .footer-contact .con-link-item {
    margin: 15px 0
}

footer .footer-contact .con-link-item:after {
    content: "";
    background: #acd3ff;
    width: 1px;
    height: 46px;
    right: 0;
    position: absolute;
    opacity: .15
}

footer .footer-contact .con-link-item:last-child:after {
    content: none
}

@media only screen and (max-width:991px) {
    footer .footer-contact .con-link-item a {
        font-size: 1rem !important;
        text-align: left
    }
    footer .footer-contact .con-link-item a span.icon-mail,
    footer .footer-contact .con-link-item a span.icon-chat,
    footer .footer-contact .con-link-item a span.icon-phone {
        font-size: 1.875rem;
        bottom: -5px;
        padding-right: 10px
    }
}

@media only screen and (max-width:767px) {
    footer .footer-contact .con-link-item a {
        width: 180px
    }
    footer .footer-contact .con-link-item a span.icon-mail,
    footer .footer-contact .con-link-item a span.icon-chat,
    footer .footer-contact .con-link-item a span.icon-phone {
        font-size: 1.25rem;
        bottom: -1px
    }
}

footer .footer-contact a,
footer .footer-contact #nxt-chat-for-assistance {
    font-size: 1.125rem;
    background-color: transparent !important;
    color: #acd3ff !important;
    transition: all .5s ease-out !important;
    border: none !important
}

footer .footer-contact a a,
footer .footer-contact #nxt-chat-for-assistance a {
    color: #acd3ff !important;
    transition: all .5s ease-out !important
}

footer .footer-contact a:hover,
footer .footer-contact #nxt-chat-for-assistance:hover {
    background-color: transparent !important;
    transition: all .5s ease-out !important;
    border: none !important;
    color: #fff !important
}

footer .footer-contact a:hover a,
footer .footer-contact #nxt-chat-for-assistance:hover a {
    color: #fff !important;
    transition: all .5s ease-out !important
}

footer .footer-contact a:focus,
footer .footer-contact #nxt-chat-for-assistance:focus,
footer .footer-contact a:active,
footer .footer-contact #nxt-chat-for-assistance:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

footer .footer-contact a span,
footer .footer-contact #nxt-chat-for-assistance span {
    color: #17cdb6;
    font-size: 2.3125rem;
    line-height: 18px;
    bottom: -10px;
    position: relative;
    padding-right: 20px
}

footer .footer-contact a span.icon-chat,
footer .footer-contact #nxt-chat-for-assistance span.icon-chat {
    font-size: 2.625rem
}

footer .footer-main-links {
    padding: 52px 0
}

footer .footer-main-links h5 {
    color: #17cdb6;
    font-size: .9375rem !important;
    font-weight: 400;
    margin-bottom: 10px
}

footer .footer-main-links li a {
    color: #acd3ff;
    font-size: .9375rem !important;
    line-height: 37px;
    background-color: transparent !important;
    color: #acd3ff !important;
    transition: all .5s ease-out !important;
    border: none !important
}

footer .footer-main-links li a a {
    color: #acd3ff !important;
    transition: all .5s ease-out !important
}

footer .footer-main-links li a:hover {
    background-color: transparent !important;
    transition: all .5s ease-out !important;
    border: none !important;
    color: #fff !important
}

footer .footer-main-links li a:hover a {
    color: #fff !important;
    transition: all .5s ease-out !important
}

footer .footer-main-links li a:focus,
footer .footer-main-links li a:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

footer .footer-main-links .social-mda-lik li {
    padding-right: 7px
}

footer .footer-main-links .social-mda-lik li a span {
    font-size: 1.0625rem
}

footer .copyright-section {
    padding: 30px 0;
    position: relative
}

footer .copyright-section:before {
    content: "";
    top: 0;
    width: calc(100% - 80px);
    height: 1px;
    background: #acd3ff;
    opacity: .13;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

footer .copyright-section p,
footer .copyright-section a {
    color: #acd3ff;
    font-size: .9375rem
}

footer .copyright-section .other-link-item {
    padding: 0 27px;
    max-width: 150px;
    position: relative;
    float: left;
    cursor: default !important
}

@media only screen and (max-width:991px) {
    footer .copyright-section .other-link-item {
        margin: auto
    }
}

@media only screen and (max-width:991px) {
    .grid-md-6-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:768px) {
    .grid-md-6-5 {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%
    }
}

@media only screen and (min-width:992px) {
    .grid-lg-6-5 {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%
    }
}

@media only screen and (min-width:1200px) {
    .grid-xl-6-5 {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%
    }
}

.about-us-banner {
    background: #ac1a1d;
    color: #fff;
    position: relative;
    margin-top: 0;
    display: grid;
    width: 100%
}

.about-us-banner h4 {
    font-size: .9375rem;
    font-weight: 400;
    line-height: 12px
}

.about-us-banner h1 {
    margin-bottom: 22px
}

.about-us-banner h1 span {
    color: #17cdb6
}

.about-us-banner .ttle-desptn {
    color: #fff;
    max-width: 552px;
    font-size: 1.0625rem;
    line-height: 30px
}

@media only screen and (max-width:991px) {
    .about-us-banner .ttle-desptn {
        max-width: 100%;
        margin-right: 0
    }
}

@media only screen and (max-width:991px) {
    .about-us-banner .grid-xl-6-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.about-us-banner>.cstm-about-banner {
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: auto 100% !important
}

@media only screen and (min-width:992px) {
    .about-us-banner>.cstm-about-banner {
        background-position: left calc(100vw/2) top !important
    }
}

.about-us-banner>.cstm-about-banner:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #ac1a1d;
    opacity: .9;
    top: 0;
    position: absolute
}

.about-us-banner .banner-main-img {
    position: relative;
    max-width: 765px;
    margin: 50px auto 0 0
}

@media only screen and (min-width:992px) {
    .about-us-banner .banner-main-img {
        margin: 133px auto 0 0
    }
}

@media only screen and (max-width:991px) {
    .about-us-banner .banner-main-img {
        max-width: calc(83.33% - 30px);
        margin: auto;
        margin-top: 30px
    }
}

@media only screen and (max-width:575px) {
    .about-us-banner .banner-main-img {
        max-width: 100%;
        padding: 0 15px
    }
}

.about-us-banner .banner-main-img>img {
    border-radius: 5px 5px 0 0
}

.about-us-banner .banner-main-img .banner-top-icon {
    height: 107px;
    width: 113px;
    right: 57px;
    top: -53px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    border-radius: 5px;
    background-image: -moz-linear-gradient(90deg, #07C798, #24D3D0);
    background-image: -webkit-gradient(90deg, #07C798, #24D3D0);
    background-image: -webkit-linear-gradient(90deg, #07C798, #24D3D0);
    background-image: -o-linear-gradient(90deg, #07C798, #24D3D0);
    background-image: linear-gradient(90deg, #07C798, #24D3D0)
}

@media only screen and (max-width:575px) {
    .about-us-banner .banner-main-img .banner-top-icon {
        height: 66px;
        width: 66px;
        font-size: 8px;
        top: -39px
    }
}

.about-us-banner .banner-main-img .banner-top-icon span {
    color: #fff;
    margin: auto;
    font-size: 4.375rem
}

@media only screen and (max-width:991px) {
    .about-us-banner .grid-lg-6-5 {
        width: 100%
    }
}

.success-stories {
    background: #f4f4f4;
    overflow: hidden;
    position: relative
}

.success-stories .suss-stories-main {
    color: #17cdb6;
    padding: 55px 0
}

@media only screen and (max-width:991px) {
    .success-stories .suss-stories-main {
        padding: 45px 0
    }
}

@media only screen and (max-width:767px) {
    .success-stories .suss-stories-main {
        padding: 30px 0
    }
}

.success-stories .suss-stories-main span.icon-about-ring {
    font-size: 109px
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .success-stories .suss-stories-main span.icon-about-ring {
        font-size: 85px
    }
}

@media only screen and (max-width:991px) {
    .success-stories .suss-stories-main span.icon-about-ring {
        font-size: 95px
    }
}

@media only screen and (max-width:575px) {
    .success-stories .suss-stories-main span.icon-about-ring {
        font-size: 58px;
        display: block;
        text-align: right
    }
}

.success-stories .suss-stories-main p {
    color: #17cdb6;
    font-size: 1.6875rem
}

@media only screen and (max-width:575px) {
    .success-stories .suss-stories-main p {
        font-size: 1.125rem
    }
}

.success-stories .suss-stories-main .stories-totel {
    color: #ac1a1d;
    font-size: 75px;
    line-height: 100%;
    font-weight: 300
}

@media only screen and (max-width:991px) {
    .success-stories .suss-stories-main .stories-totel {
        font-size: 68px
    }
}

@media only screen and (max-width:575px) {
    .success-stories .suss-stories-main .stories-totel {
        font-size: 40px
    }
}

.success-stories .suss-stry-quates {
    background: #17cdb6;
    display: block;
    color: #fff
}

.success-stories .suss-stry-quates>.h-100 {
    padding: 55px 0
}

@media only screen and (max-width:767px) {
    .success-stories .suss-stry-quates>.h-100 {
        padding: 30px 0
    }
}

.success-stories .suss-stry-quates p {
    color: #fff;
    font-size: 1.5rem
}

@media only screen and (max-width:575px) {
    .success-stories .suss-stry-quates p {
        font-size: 1.125rem
    }
}

.success-stories .suss-stry-quates .icon-quote-fill {
    font-size: 3.1875rem;
    opacity: .38
}

@media only screen and (max-width:575px) {
    .success-stories .suss-stry-quates .icon-quote-fill {
        font-size: 2rem
    }
}

.success-stories .suss-stry-quates:before {
    content: "";
    position: absolute;
    right: 0;
    background: #17cdb6;
    width: 50%;
    height: 100%
}

.mission-vission {
    padding: 100px
}

@media only screen and (max-width:991px) {
    .mission-vission {
        width: calc(83.333% - 30px);
        margin: auto;
        padding: 50px 0
    }
}

@media only screen and (max-width:575px) {
    .mission-vission {
        width: calc(100% - 30px);
        padding: 20px 0
    }
}

.mission-vission .our-mission-vission {
    padding: 42px 0
}

@media only screen and (min-width:992px) and (max-width:1300px) {
    .mission-vission .our-mission-vission {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (max-width:575px) {
    .mission-vission .our-mission-vission {
        padding: 20px 0
    }
}

.mission-vission .our-mission-vission h2 {
    color: #ac1a1d
}

.mission-vission .our-mission-vission h2 span {
    color: #17cdb6
}

.mission-vission .our-mission-vission .mission-content {
    color: #ac1a1d;
    line-height: 30px
}

@media only screen and (min-width:992px) and (max-width:1300px) {
    .mission-vission .our-mission-items {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%
    }
}

@media only screen and (min-width:992px) and (max-width:1300px) {
    .mission-vission .our-mission-items {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.mission-vission .sub-mission-item {
    padding: 25px 0
}

@media only screen and (max-width:575px) {
    .mission-vission .sub-mission-item {
        padding: 15px 0
    }
}

.mission-vission .sub-mission-item .mission-item-icon {
    color: #17cdb6;
    font-size: 2.1875rem;
    padding-top: 8px;
    max-width: 60px
}

.mission-vission .sub-mission-item h5 {
    font-size: 1.125rem
}

.mission-vission .sub-mission-item h5,
.mission-vission .sub-mission-item p {
    color: #ac1a1d
}

.reg-head {
    padding-bottom: 30px
}

.reg-head .reg-title-bar {
    width: 100%;
    background: #f4f4f4;
    padding-top: 171px
}

.reg-head .reg-title-bar h1 {
    color: #ac1a1d
}

.reg-head .reg-title-bar h1 span {
    color: #17cdb6
}

.reg-head .reg-title-bar .title-desc {
    color: #ac1a1d;
    font-size: 1.0625rem;
    display: block;
    margin-bottom: 30px
}

.reg-head .reg-title-bar .nav-tabs {
    border: none
}

@media only screen and (max-width:991px) {
    .reg-head .reg-title-bar .nav-tabs {
        max-width: 365px;
        margin: auto
    }
}

.reg-head .reg-title-bar .nav-tabs .nav-link {
    margin: 0 20px;
    font-size: 1.25rem;
    font-weight: 700;
    opacity: .36
}

.reg-head .reg-title-bar .nav-tabs .nav-link.active {
    background: 0 0;
    border-color: transparent;
    border-bottom: 3px solid #17cdb6;
    padding: 10px 4px;
    opacity: 1
}

.reg-head .reg-title-bar .nav-tabs .nav-link:hover,
.reg-head .reg-title-bar .nav-tabs .nav-link:focus {
    border-color: transparent
}

.reg-head .reg-title-bar .nav-tabs .nav-item:nth-child(1) .nav-link {
    margin-left: 0 !important;
    padding-left: 0 !important
}

@media only screen and (max-width:991px) {
    .reg-head .reg-title-bar .nav-tabs .nav-item:nth-child(1) .nav-link {
        margin-left: 20px;
        padding-left: 4px
    }
}

.reg-head .reg-title-bar .nav-tabs li.nav-item:nth-last-child(1) {
    padding-right: 0
}

.reg-head .reg-slider {
    max-width: 544px;
    overflow: hidden;
    margin: -212px 0 0 auto;
    position: relative;
    padding-right: 25px
}

@media only screen and (max-width:991px) {
    .reg-head .reg-slider {
        margin: 40px auto 20px;
        padding-right: 0
    }
}

.reg-head .reg-slider .reg-slider-box {
    border-radius: 5px;
    overflow: hidden
}

.reg-head .reg-slider .slick-slide>div {
    height: 100%
}

.reg-head .reg-slider .slick-slide>div>div {
    height: 100%;
    display: block !important
}

.reg-head .reg-slider .slick-slide>div>div:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    background-image: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    background-image: -webkit-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    background-image: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    background-image: -o-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6))
}

.reg-head .reg-slider .slick-slide>div img {
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .5s .3s ease-in-out;
    -moz-transition: .5s .3s ease-in-out;
    -o-transition: .5s .3s ease-in-out;
    -ms-transition: .5s .3s ease-in-out;
    transition: .5s .3s ease-in-out;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -webkit-transition: .5s ease
}

.reg-head .reg-slider .slick-slide.slick-active img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s .3s ease-in-out;
    -moz-transition: .5s .3s ease-in-out;
    -o-transition: .5s .3s ease-in-out;
    -ms-transition: .5s .3s ease-in-out;
    transition: .5s .3s ease-in-out;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -webkit-transition: .5s ease
}

.reg-head .reg-slider .reg-slider-text {
    position: absolute;
    left: 30px;
    bottom: 30px;
    color: #fff;
    line-height: 135%;
    z-index: 100
}

.reg-head .reg-slider .slick-dots {
    position: absolute;
    bottom: 30px;
    right: 30px
}

.reg-head .reg-slider .slick-dots li {
    display: inline;
    position: relative
}

.reg-head .reg-slider .slick-dots li button {
    color: transparent;
    background: 0 0;
    border: none;
    margin: 0 5px
}

.reg-head .reg-slider .slick-dots li button:after {
    background: #fff;
    content: "";
    height: 6px;
    width: 6px;
    position: absolute;
    margin: 8px;
    left: 0;
    border-radius: 20px
}

.reg-head .reg-slider .slick-dots li.slick-active button:after {
    color: transparent;
    border: none;
    margin: 0 5px;
    background: 0 0;
    border: 2px solid #fff;
    padding: 6px;
    margin: 4px 3px
}

@media only screen and (max-width:991px) {
    .reg-head .tab-content {
        max-width: 540px;
        margin: auto
    }
}

.reg-head .tab-content h5 {
    color: #ac1a1d;
    margin: 34px 0 19px;
    font-weight: 400;
    font-size: 1.0625rem
}

.reg-head .tab-content form {
    margin-bottom: 33px
}

.reg-head .tab-content form .row .form-group {
    padding-right: 0
}

.reg-head .tab-content form .row .form-group:last-child(1) {
    padding-right: 15px
}

.reg-head .tab-content form .form-control {
    height: 40px;
    border-radius: 5px;
    margin-top: 15px
}

.reg-head .tab-content form .form-control:hover,
.reg-head .tab-content form .form-control:active,
.reg-head .tab-content form .form-control:focus {
    outline: none;
    box-shadow: none
}

.reg-head .tab-content form button {
    background: #17cdb6;
    border: none;
    padding: 8px 26px;
    margin: 5px 0;
    -webkit-transition: .5s .3s ease-in-out;
    -moz-transition: .5s .3s ease-in-out;
    -o-transition: .5s .3s ease-in-out;
    -ms-transition: .5s .3s ease-in-out;
    transition: .5s .3s ease-in-out;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -webkit-transition: .5s ease
}

.reg-head .tab-content form button:focus,
.reg-head .tab-content form button:active,
.reg-head .tab-content form button.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.reg-head .tab-content form button:hover {
    background: #ac1a1d;
    -webkit-transition: .5s .3s ease-in-out;
    -moz-transition: .5s .3s ease-in-out;
    -o-transition: .5s .3s ease-in-out;
    -ms-transition: .5s .3s ease-in-out;
    transition: .5s .3s ease-in-out;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -webkit-transition: .5s ease
}

.reg-head .tab-content p {
    color: #ac1a1d
}

.reg-head .tab-content p .sign-in-link {
    color: #17cdb6;
    -webkit-transition: .5s .3s ease-in-out;
    -moz-transition: .5s .3s ease-in-out;
    -o-transition: .5s .3s ease-in-out;
    -ms-transition: .5s .3s ease-in-out;
    transition: .5s .3s ease-in-out;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -webkit-transition: .5s ease
}

.reg-head .tab-content p .sign-in-link:hover {
    color: #ac1a1d;
    -webkit-transition: .5s .3s ease-in-out;
    -moz-transition: .5s .3s ease-in-out;
    -o-transition: .5s .3s ease-in-out;
    -ms-transition: .5s .3s ease-in-out;
    transition: .5s .3s ease-in-out;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -webkit-transition: .5s ease
}

.reg-head input,
.reg-head select {
    margin-top: 15px;
    border-radius: 5px
}

.reg-head input::-webkit-input-placeholder,
.reg-head select::-webkit-input-placeholder {
    color: rgba(8, 51, 98, .2);
    font-size: .9375rem
}

.reg-head input::-moz-placeholder,
.reg-head select::-moz-placeholder {
    color: rgba(8, 51, 98, .2);
    font-size: .9375rem
}

.reg-head input:-ms-input-placeholder,
.reg-head select:-ms-input-placeholder {
    color: rgba(8, 51, 98, .2);
    font-size: .9375rem
}

.reg-head input:hover,
.reg-head select:hover,
.reg-head input:focus,
.reg-head select:focus {
    box-shadow: none;
    background-color: transparent !important
}

.reg-head .selectric-wrapper .selectric .label {
    color: rgba(8, 51, 98, .2)
}

.reg-head .selectric-wrapper.selectric-below .selectric .label {
    color: #ac1a1d
}

.reg-head .selectric-scroll li.disabled {
    display: none
}

.reg-head #mobile-number .selectric-wrapper .selectric .label {
    color: #ac1a1d
}

@media only screen and (min-width:1200px) {
    #mobile-number .select-box {
        width: 110px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 111px;
        flex: 0 0 111px
    }
}

.reg-button {
    background: #17cdb6;
    border: none;
    padding: 8px 26px;
    margin: 5px 0;
    -webkit-transition: .5s .3s ease-in-out;
    -moz-transition: .5s .3s ease-in-out;
    -o-transition: .5s .3s ease-in-out;
    -ms-transition: .5s .3s ease-in-out;
    transition: .5s .3s ease-in-out;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -webkit-transition: .5s ease;
    margin: 10px 0 35px
}

.reg-button:focus,
.reg-button:active,
.reg-button.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.reg-button:hover {
    background: #ac1a1d;
    -webkit-transition: .5s .3s ease-in-out;
    -moz-transition: .5s .3s ease-in-out;
    -o-transition: .5s .3s ease-in-out;
    -ms-transition: .5s .3s ease-in-out;
    transition: .5s .3s ease-in-out;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -webkit-transition: .5s ease
}

.reg-contact {
    padding: 65px 0 95px
}

.reg-contact .con-link-item {
    padding-bottom: 10px
}

@media only screen and (max-width:991px) {
    .reg-contact .con-link-item {
        padding-bottom: 20px
    }
    .reg-contact .con-link-item:after {
        background: #fff !important
    }
}

.reg-contact .con-link-item:after {
    content: "";
    right: 0;
    top: 0;
    background: #f4f4f4;
    position: absolute;
    bottom: 0;
    width: 3px
}

.reg-contact .con-link-item:last-child:after {
    content: none
}

.reg-contact .con-link-item a {
    font-size: 1.125rem;
    font-weight: 700
}

.reg-contact .con-link-item .reg-icon {
    color: #17cdb6;
    font-size: 2.3125rem;
    line-height: 18px;
    bottom: -10px;
    position: relative;
    padding-right: 20px
}

.reg-contact .con-link-item .reg-icon.icon-chat {
    font-size: 2.6875rem
}

.select-box {
    margin: 15px 0 0
}

.select-box .selectric {
    height: 38px
}

.select-box select {
    position: relative;
    z-index: 100;
    background-color: transparent
}

.select-box select:required:invalid {
    color: green
}

.select-box select:required:invalid {
    color: rgba(8, 51, 98, .2);
    font-size: .9375rem
}

.select-box select option[value=""][disabled] {
    display: none
}

.select-box select option {
    color: #000
}

#reg-success h4 {
    font-size: 1.25rem;
    color: #17cdb6;
    margin-top: 50px
}

#reg-success p {
    font-size: 1.0625rem;
    color: #ac1a1d
}

#reg-success a {
    color: #17cdb6;
    font-size: 1rem;
    margin: 25px 0
}

#reg-success button {
    margin-right: 20px
}

.btn.border-btn {
    background-color: transparent;
    color: #17cdb6;
    font-size: .875rem;
    font-weight: 700;
    margin: 10px 0 35px;
    padding: 8px 18px;
    border: 2px solid #17cdb6
}

.btn.border-btn:focus,
.btn.border-btn:active,
.btn.border-btn.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn.border-btn:hover {
    border: 2px solid #ac1a1d;
    color: #ac1a1d;
    -webkit-transition: .5s .3s ease-in-out;
    -moz-transition: .5s .3s ease-in-out;
    -o-transition: .5s .3s ease-in-out;
    -ms-transition: .5s .3s ease-in-out;
    transition: .5s .3s ease-in-out;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -webkit-transition: .5s ease
}

.form-custom-group .input-group-prepend {
    width: calc(100% - 55px)
}

.form-custom-group .input-group-prepend input {
    border-radius: 5px 0 0 5px
}

.form-custom-group #password-show {
    outline: 0 !important;
    margin-top: 15px;
    max-height: 17px;
    border-radius: 0 5px 5px 0;
    border-left: none;
    padding: 18px 13px !important;
    background-color: #fff !important;
    color: #17cdb6
}

.form-custom-date {
    padding: 0 15px;
    width: 50%
}

.form-custom-date .input-group-prepend {
    border-radius: 5px 0 0 5px;
    margin-top: 15px;
    background-color: #fff !important;
    color: #17cdb6
}

.form-custom-date .input-group-prepend input {
    border-left: none
}

.form-custom-date #date-picker-btn {
    padding: 18px 13px;
    border-right: none;
    height: 10px;
    background-color: #fff;
    color: #17cdb6
}

.form-custom-date #date-of-birth {
    border-left: none
}

#sign-in .slick-slide {
    width: 100% !important;
    height: 100% !important
}

#sign-in .sign-banner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    width: 100%;
    position: relative
}

#sign-in .sign-banner .slick-dots {
    position: absolute;
    right: 30px;
    bottom: 30px
}

#sign-in .sign-banner .slick-dots li {
    display: inline-block;
    margin: 0 4px
}

#sign-in .sign-banner .slick-dots li button {
    color: transparent;
    background: 0 0;
    border: none;
    position: relative
}

#sign-in .sign-banner .slick-dots li button:after {
    background: #fff;
    content: "";
    height: 6px;
    width: 6px;
    position: absolute;
    margin: 8px;
    left: 0;
    border-radius: 20px
}

#sign-in .sign-banner .slick-dots li.slick-active button:after {
    color: transparent;
    border: none;
    margin: 0 5px;
    background: 0 0;
    border: 2px solid #fff;
    padding: 6px;
    margin: 4px 3px
}

#sign-in .slick-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    width: 100%
}

#sign-in .slick-list .slick-track {
    width: 100% !important;
    height: 100%
}

#sign-in .slick-slide {
    left: 0 !important;
    top: 0 !important;
    position: absolute !important
}

#sign-in .slick-slide>div,
#sign-in .slick-slide>div>div {
    height: 100% !important
}

.datepicker {
    width: 325px
}

.datepicker table {
    width: 100%;
    font-size: 1rem
}

.datepicker table tr th,
.datepicker table tr td {
    padding: 5px
}

.datepicker table .highlighted.day {
    background: #fff
}

.datepicker table tr td.month.focused.active,
.datepicker table tr td.today.active,
.datepicker table tr td.active.day,
.datepicker table tr td span.month.active,
.datepicker table tr td span.month.focused.active,
.datepicker table tr td span.year.active.focused,
.datepicker table tr td span.year.active,
.datepicker table tr td.today {
    background-color: #17cdb6 !important;
    background-image: none;
    border-radius: 5px
}

.datepicker table tr td.month.focused.active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.active.day:hover,
.datepicker table tr td span.month.active:hover,
.datepicker table tr td span.month.focused.active:hover,
.datepicker table tr td span.year.active.focused:hover,
.datepicker table tr td span.year.active:hover,
.datepicker table tr td.today:hover {
    background-color: #ac1a1d !important
}

.datepicker .datepicker-days table.table-condensed tbody tr td.today.day:hover {
    background-color: #17cdb6 !important;
    color: #fff !important
}

.nxt-nav-search {
    width: 177px;
    margin-bottom: 0 !important
}

@media only screen and (max-width:991px) {
    .nxt-nav-search {
        margin: auto !important
    }
}

.nxt-nav-search input:hover,
.nxt-nav-search input:focus,
.nxt-nav-search input:active {
    border: 1px solid #ced4da;
    border-right: none
}

.nxt-nav-search .btn-primary {
    background-color: #fff;
    color: #17cdb6;
    border: 1px solid #ced4da;
    border-left: none
}

.nxt-nav-search .btn-primary:before {
    content: "";
    height: 24px;
    width: 1px;
    position: absolute;
    left: 0;
    top: 5px;
    background-color: #ced4da
}

.nxt-nav-search .btn-primary:before:hover,
.nxt-nav-search .btn-primary:before:active,
.nxt-nav-search .btn-primary:before:focus {
    background-color: #17cdb6;
    color: #fff
}

.nst-our-services .nest-service-table-wrap {
    overflow-x: auto
}

@media only screen and (max-width:991px) {
    .nst-our-services .nxt-dashboard-details {
        max-width: 100% !important
    }
    .nst-our-services .nxt-right-sidebar {
        width: 100% !important
    }
    .nst-our-services .nxt-right-sidebar .nst-sidebar-item {
        width: 100% !important;
        max-width: calc(50% - 14px) !important
    }
}

.nst-our-services-table {
    font-family: roboto, sans-serif;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    min-width: 752px
}

.nst-our-services-table thead {
    background-color: #ac1a1d
}

.nst-our-services-table thead tr th {
    font-size: .9375rem;
    color: #fff;
    border-color: #1c4777
}

.nst-our-services-table tbody tr td {
    font-size: .9375rem;
    color: #ac1a1d;
    padding: 20px
}

.nst-our-services-table tbody tr td a {
    color: #17cdb6;
    transition: .5s
}

.nst-our-services-table tbody tr td a:hover {
    color: #ac1a1d;
    transition: .5s
}

.nst-dahsboard-headder {
    font-size: 1.375rem;
    color: #ac1a1d
}

.nst-page-load {
    display: block;
    color: #17cdb6;
    font-weight: 700;
    font-size: .875rem;
    margin-top: 23px
}

.ui-paynow .nxt-list-price {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700
}

.ui-paynow .nxt-price-list-tab>div:not(.nxt-packages-headings) .inner-tab {
    -webkit-transition: 1s .3s ease-in-out;
    -moz-transition: 1s .3s ease-in-out;
    -o-transition: 1s .3s ease-in-out;
    -ms-transition: 1s .3s ease-in-out;
    transition: 1s .3s ease-in-out;
    transition: 1s ease;
    -moz-transition: 1s ease;
    -ms-transition: 1s ease;
    -webkit-transition: 1s ease;
    background-color: #fff
}

.ui-paynow .nxt-price-list-tab>div:not(.nxt-packages-headings) .inner-tab:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 500
}

.nxt-packages-head p {
    font-size: .875rem !important;
    color: #fff
}

.nxt-packages-head h2 {
    font-size: 1.25rem;
    color: #fff;
    line-height: 24px;
    margin-top: 6px
}

.nxt-price-list-tab .content {
    padding: 0 !important
}

.nxt-price-list-tab .content .nxt-list-col {
    border-bottom: 1px solid #f4f4f4;
    padding: 4px 10px;
    color: #ac1a1d;
    min-height: 93px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.nxt-price-list-tab .content .nxt-list-col p {
    padding-top: 0;
    line-height: 150%;
    margin: auto 0
}

.nxt-price-list-tab .content .nxt-list-col:nth-last-child(1) {
    border-bottom: none !important
}

.nxt-price-list-tab .price.nxt-offr-price {
    padding: 15px;
    min-height: 80px
}

.nxt-price-list-tab .price.nxt-offr-price .amount p {
    font-weight: 700
}

.nxt-price-list-tab .price.nxt-offr-price .amount h3 {
    font-size: 1.25rem
}

.nxt-price-list-tab .price.nxt-offr-price .amount-submit button {
    padding: 10px 13px
}

.nxt-price-list-tab .nxt-packages-headings {
    padding-right: 0;
    margin-right: -7px;
    max-width: 140px
}

.nxt-price-list-tab .nxt-packages-headings .nxt-packages-heading-list {
    height: 103px
}

.nxt-price-list-tab .nxt-packages-headings .inner-tab {
    box-shadow: none
}

.nxt-price-list-tab .nxt-packages-headings .inner-tab .content .nxt-list-col:nth-child(2n-1) {
    background-color: #ac1a1d20
}

.nxt-price-list-tab .nxt-packages-headings .inner-tab .content .nxt-list-col:nth-child(2n) {
    background-color: #ac1a1d10
}

.nxt-price-list-tab .nxt-free-table {
    max-width: 140px
}

.nxt-register-page-link {
    color: #17cdb6 !important
}

.ft-24 {
    font-size: 1.5rem !important
}

.dropdown-toggle:after {
    content: "\e901";
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    border: none;
    font-size: .5rem;
    padding-left: 6px;
    color: #17cdb6
}

.nxt-notifications {
    position: relative
}

.nxt-notifications .icon-onebell {
    font-size: 1.5rem;
    color: #17cdb6;
    font-weight: 700
}

.nxt-notifications .nxt-notifications-count {
    font-size: .625rem;
    color: #fff;
    background-color: #17cdb6;
    padding: 0 2px;
    position: absolute;
    border-radius: 15px;
    border: 3px solid #fff;
    left: 43px;
    text-align: center;
    min-width: 20px
}

@media only screen and (max-width:991px) {
    .nxt-notifications .nxt-notifications-count {
        margin: auto;
        position: relative;
        left: -11px;
        right: 33px;
        top: -7px;
        bottom: 0
    }
}

@media only screen and (max-width:991px) {
    .nxt-notifications .subnav ul {
        width: 100% !important;
        background-color: rgba(255, 255, 255, .3) !important;
        border: none !important
    }
    .nxt-notifications .subnav:hover {
        background-color: transparent
    }
}

.nxt-usr-dashboard {
    background-color: #f4f4f4;
    padding-bottom: 90px
}

@media only screen and (max-width:1365px) {
    .nxt-usr-dashboard.nst-user-homepage .nxt-right-sidebar {
        padding-top: 25px;
        padding-left: 327px !important;
        width: 100%
    }
    .nxt-usr-dashboard.nst-user-homepage .nxt-right-sidebar .nst-sidebar-item {
        width: calc(50% - 15px) !important
    }
}

@media only screen and (max-width:991px) {
    .nxt-usr-dashboard.nst-user-homepage .nxt-right-sidebar {
        padding-left: 15px !important
    }
}

@media only screen and (max-width:575px) {
    .nxt-usr-dashboard.nst-user-homepage .nxt-right-sidebar .nst-sidebar-item {
        width: 100% !important
    }
}

@media only screen and (max-width:991px) {
    .nxt-usr-dashboard.nst-user-homepage .nxt-left-side-bar {
        display: flex !important
    }
    .nxt-usr-dashboard.nst-user-homepage .nxt-left-side-bar .nst-sidebar-item {
        width: 100%;
        max-width: calc(50% - 10px) !important
    }
    .nxt-usr-dashboard.nst-user-homepage .nxt-left-side-bar .widget-meter {
        margin: auto !important
    }
}

@media only screen and (max-width:575px) {
    .nxt-usr-dashboard.nst-user-homepage .nxt-left-side-bar {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .nxt-usr-dashboard.nst-user-homepage .nxt-left-side-bar .nst-sidebar-item {
        max-width: 100% !important
    }
}

@media only screen and (max-width:991px) {
    .nxt-usr-dashboard.nst-user-homepage .nxt-dashboard-details {
        width: 100%;
        max-width: 100% !important;
        padding-top: 25px
    }
}

.nxt-user-account-profile {
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding: 30px 29px 24px;
    margin: 7px 0;
    border-radius: 5px
}

.nxt-user-account-profile h4 {
    font-size: 1.125rem;
    color: #ac1a1d
}

.nxt-user-account-profile li {
    line-height: 325%;
    font-size: .875rem
}

.nxt-user-account-profile .nxt-profile-settings-link {
    margin: 30px 0 0 0
}

.nxt-user-account-profile .nxt-profile-settings-link li {
    text-align: left;
    color: #ac1a1d
}

.nxt-user-account-profile .nxt-profile-settings-link li span[class*=" icon-"],
.nxt-user-account-profile .nxt-profile-settings-link li span[class^=icon-] {
    margin-right: 20px;
    font-size: 1rem
}

.nxt-user-account-profile figure {
    overflow: hidden;
    max-width: 145px;
    max-height: 145px;
    border-radius: 100px;
    margin: auto
}

.nxt-user-account-profile figure img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    min-height: 145px;
    min-width: 145px
}

.nxt-user-account-profile .nxt-profile-name {
    color: #ac1a1d;
    font-size: 1.5rem;
    margin-top: 21px
}

.nxt-user-account-profile .nxt-profile-id {
    color: #17cdb6;
    font-size: 1.125rem
}

.nxt-user-account-profile .nxt-profile-id .nxt-verified {
    color: #fff;
    background-color: #17cdb6;
    border-radius: 50px;
    font-size: .5625rem;
    padding: 7px 5px;
    position: relative;
    top: -5px
}

.nxt-discover-partner-nav {
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding: 30px 29px 24px;
    margin: 7px 0;
    border-radius: 5px
}

.nxt-discover-partner-nav h4 {
    font-size: 1.125rem;
    color: #ac1a1d
}

.nxt-discover-partner-nav li {
    line-height: 325%;
    font-size: .875rem
}

.nxt-discover-partner-nav h4 {
    text-align: left
}

.nxt-discover-partner-nav ul li a {
    position: relative;
    width: 100%;
    color: #ac1a1d
}

.nxt-discover-partner-nav ul li a:after {
    content: "\e921";
    float: right;
    font-size: .75rem;
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal
}

.nxt-dashboard-content-tabs {
    padding: 26px;
    margin: 8px 0 15px;
    border-radius: 5px;
    background-color: #fff;
    width: 100%
}

.nxt-discover-partner-nav {
    border-radius: 5px;
    overflow: hidden
}

.nxt-discover-partner-nav .nxt-click-header {
    background-image: -moz-linear-gradient(0deg, #00C387, #00CFBD);
    background-image: -webkit-gradient(0deg, #00C387, #00CFBD);
    background-image: -webkit-linear-gradient(0deg, #00C387, #00CFBD);
    background-image: -o-linear-gradient(0deg, #00C387, #00CFBD);
    background-image: linear-gradient(0deg, #00C387, #00CFBD);
    height: 340px;
    padding-top: 45px
}

@media only screen and (max-width:991px) {
    .nxt-discover-partner-nav .nxt-click-header {
        height: 220px;
        padding-top: 25px
    }
}

.nxt-discover-partner-nav .nxt-click-header h4 {
    color: #fff;
    max-width: 266px;
    margin: auto;
    text-align: center;
    line-height: 145%
}

.nxt-discover-partner-nav figure.nxt-mobile-img {
    height: 453px;
    width: auto;
    margin-top: -225px
}

@media only screen and (max-width:991px) {
    .nxt-discover-partner-nav figure.nxt-mobile-img {
        margin-top: -50%;
        height: auto;
        width: 100%
    }
}

.nxt-discover-partner-nav figure.nxt-mobile-img img {
    height: 100%;
    width: auto;
    margin: auto
}

@media only screen and (max-width:991px) {
    .nxt-discover-partner-nav figure.nxt-mobile-img img {
        width: auto;
        max-height: 220px
    }
}

.nxt-discover-partner-nav .nxt-img-block {
    padding: 0 45px
}

.nxt-discover-partner-nav .nxt-img-block h4 {
    font-size: .9375rem;
    text-align: center;
    font-weight: 700;
    margin-top: -20px
}

.nxt-discover-partner-nav .nxt-img-block h4 span {
    color: #17cdb6
}

.nxt-discover-partner-nav .nxt-img-block .privilege-logo {
    height: 95px;
    margin: 10px 0
}

@media only screen and (max-width:991px) {
    .nxt-discover-partner-nav .nxt-img-block .privilege-logo {
        height: 25px
    }
}

.nxt-profile-slider-sidebar {
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding: 30px 29px 24px;
    margin: 7px 0;
    border-radius: 5px;
    padding-bottom: 40px
}

@media only screen and (max-width:1199px) {
    .nxt-profile-slider-sidebar {
        max-width: 100%
    }
}

.nxt-profile-slider-sidebar .nxt-profile-bar-slider figure img {
    max-height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    border-radius: 5px
}

@media only screen and (max-width:1199px) {
    .nxt-profile-slider-sidebar .nxt-profile-bar-slider figure img {
        max-height: 275px
    }
}

.nxt-profile-slider-sidebar .nxt-profile-bar-slider-templine .slick-slide figure img {
    width: 56px;
    height: 57px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.nxt-profile-slider-sidebar h4 {
    font-size: 1.125rem;
    color: #ac1a1d
}

.nxt-profile-slider-sidebar li {
    line-height: 325%;
    font-size: .875rem
}

.nxt-profile-slider-sidebar .nxt-profile-bar-slider-templine {
    margin: 0 -3px
}

.nxt-profile-slider-sidebar .nxt-profile-bar-slider-templine figure {
    padding: 3px;
    border-radius: 5px;
    overflow: hidden
}

.nxt-profile-slider-sidebar .nxt-profile-bar-slider-templine .slick-prev.slick-arrow,
.nxt-profile-slider-sidebar .nxt-profile-bar-slider-templine .slick-next.slick-arrow {
    display: none !important
}

.nxt-profile-slider-sidebar #nxt-sml-profile-slider-prev-arrow {
    float: left
}

@media only screen and (max-width:991px) {
    .nxt-profile-slider-sidebar #nxt-sml-profile-slider-prev-arrow {
        position: absolute;
        left: 40px;
        bottom: 45px
    }
}

@media only screen and (max-width:767px) {
    .nxt-profile-slider-sidebar #nxt-sml-profile-slider-prev-arrow {
        bottom: 30px
    }
}

@media only screen and (max-width:400px) {
    .nxt-profile-slider-sidebar #nxt-sml-profile-slider-prev-arrow {
        position: relative;
        bottom: 0;
        left: 0
    }
}

.nxt-profile-slider-sidebar #nxt-sml-profile-slider-next-arrow {
    float: right
}

@media only screen and (max-width:991px) {
    .nxt-profile-slider-sidebar #nxt-sml-profile-slider-next-arrow {
        position: absolute;
        left: 90px;
        bottom: 45px
    }
}

@media only screen and (max-width:767px) {
    .nxt-profile-slider-sidebar #nxt-sml-profile-slider-next-arrow {
        bottom: 30px
    }
}

@media only screen and (max-width:400px) {
    .nxt-profile-slider-sidebar #nxt-sml-profile-slider-next-arrow {
        position: relative;
        bottom: 0;
        right: 0;
        margin-right: 0;
        margin-left: auto;
        left: auto
    }
}

.nxt-profile-slider-sidebar #nxt-sml-profile-slider-next-arrow,
.nxt-profile-slider-sidebar #nxt-sml-profile-slider-prev-arrow {
    color: #ccc;
    -webkit-transition: .5 .3s ease-in-out;
    -moz-transition: .5 .3s ease-in-out;
    -o-transition: .5 .3s ease-in-out;
    -ms-transition: .5 .3s ease-in-out;
    transition: .5 .3s ease-in-out;
    transition: .5 ease;
    -moz-transition: .5 ease;
    -ms-transition: .5 ease;
    -webkit-transition: .5 ease
}

.nxt-profile-slider-sidebar #nxt-sml-profile-slider-next-arrow:hover,
.nxt-profile-slider-sidebar #nxt-sml-profile-slider-prev-arrow:hover {
    color: #17cdb6;
    -webkit-transition: .5 .3s ease-in-out;
    -moz-transition: .5 .3s ease-in-out;
    -o-transition: .5 .3s ease-in-out;
    -ms-transition: .5 .3s ease-in-out;
    transition: .5 .3s ease-in-out;
    transition: .5 ease;
    -moz-transition: .5 ease;
    -ms-transition: .5 ease;
    -webkit-transition: .5 ease
}

.nxt-profile-slider-sidebar .nxt-primary-img-selection {
    position: absolute;
    right: 15px;
    bottom: 15px
}

.nxt-profile-slider-sidebar .nxt-primary-img-selection p {
    color: #fff;
    font-size: .6875rem
}

.nxt-profile-slider-sidebar .nxt-primary-img-selection p span {
    color: #17cdb6
}

.nxt-profile-status-mainbar h1 {
    color: #ac1a1d
}

@media only screen and (max-width:1399px) {
    .nxt-profile-status-mainbar h1 {
        font-size: 1.5625rem
    }
}

.nxt-profile-status-mainbar h2 {
    color: #17cdb6 !important;
    font-size: 1.125rem !important
}

@media only screen and (max-width:1399px) {
    .nxt-profile-status-mainbar h2 {
        font-size: .9375rem !important
    }
}

.nxt-profile-status-mainbar p {
    color: #ac1a1d;
    font-size: .875rem
}

.nxt-profile-status-mainbar p .nxt-profile-last-seen {
    color: #17cdb6
}

.nxt-profile-main-details .nxt-profile-main-details-listItems {
    column-count: 2
}

@media only screen and (max-width:575px) {
    .nxt-profile-main-details .nxt-profile-main-details-listItems {
        column-count: 1
    }
}

.nxt-profile-main-details .nxt-profile-main-details-listItems li {
    color: #ac1a1d;
    font-size: .875rem;
    line-height: 273%;
    position: relative
}

.nxt-profile-main-details .nxt-profile-main-details-listItems li span {
    margin-right: 18px;
    color: #17cdb6;
    font-size: 1.25rem
}

.nxt-profile-main-details .nxt-profile-main-details-listItems li:nth-child(-n+4):after {
    content: "";
    border-right: 1px dashed #ccc;
    height: 100%;
    position: absolute;
    right: 10px
}

@media only screen and (max-width:575px) {
    .nxt-profile-main-details .nxt-profile-main-details-listItems li:nth-child(-n+4):after {
        border-right: none
    }
}

.nxt-basic-details {
    column-count: 2
}

.nxt-basic-details li:nth-child(-n+6):after {
    content: "";
    border-right: 1px dashed #ccc;
    height: 100%;
    position: absolute;
    right: 10px
}

@media only screen and (max-width:1399px) {
    .nxt-basic-details li:nth-child(-n+6):after {
        border-right: none
    }
}

.nxt-ReligionInfo li:nth-child(-n+2):after,
.nxt-GroomLocation li:nth-child(-n+2):after {
    content: "";
    border-right: 1px dashed #ccc;
    height: 100%;
    position: absolute;
    right: 10px
}

@media only screen and (max-width:1399px) {
    .nxt-ReligionInfo li:nth-child(-n+2):after,
    .nxt-GroomLocation li:nth-child(-n+2):after {
        border-right: none
    }
}

#nxt-profile-accordion .card,
#nxt-profile-edit-accordion .card {
    border: none
}

#nxt-profile-accordion .card .card-header h5,
#nxt-profile-edit-accordion .card .card-header h5 {
    position: relative
}

#nxt-profile-accordion .card .card-header h5:after,
#nxt-profile-edit-accordion .card .card-header h5:after {
    content: "\e930";
    position: absolute;
    color: #ac1a1d;
    opacity: .16;
    right: 0;
    font-family: icomoon !important;
    font-size: .125rem;
    margin-top: 4px
}

#nxt-profile-accordion .card .card-header.collapsed h5:after,
#nxt-profile-edit-accordion .card .card-header.collapsed h5:after {
    content: "\e905";
    font-size: 1rem;
    transition: .2s
}

#nxt-profile-accordion h5,
#nxt-profile-edit-accordion h5 {
    line-height: 100%
}

#nxt-profile-accordion h5 button,
#nxt-profile-edit-accordion h5 button {
    padding: 0;
    font-weight: 700;
    color: #ac1a1d
}

#nxt-profile-accordion h5 button span,
#nxt-profile-edit-accordion h5 button span {
    color: #17cdb6;
    margin-right: 15px;
    font-size: 1.25rem
}

#nxt-profile-accordion h5 button:hover,
#nxt-profile-edit-accordion h5 button:hover,
#nxt-profile-accordion h5 button:focus,
#nxt-profile-edit-accordion h5 button:focus,
#nxt-profile-accordion h5 button:active,
#nxt-profile-edit-accordion h5 button:active {
    text-decoration: none
}

#nxt-profile-accordion .card-header,
#nxt-profile-edit-accordion .card-header {
    padding: 21px 26px
}

#nxt-profile-accordion .card-body,
#nxt-profile-edit-accordion .card-body {
    padding: 0 26px 26px 64px
}

@media only screen and (max-width:767px) {
    #nxt-profile-accordion .card-body,
    #nxt-profile-edit-accordion .card-body {
        padding: 0 26px 26px 65px !important
    }
}

#nxt-profile-accordion .card-body p,
#nxt-profile-edit-accordion .card-body p {
    font-size: .875rem;
    line-height: 188%
}

.nxt-profile-info-list-1col li {
    line-height: 167%;
    position: relative;
    width: 100%;
    display: table
}

.nxt-profile-info-list-1col li span {
    font-size: .875rem;
    position: relative;
    display: block;
    float: left
}

.nxt-profile-info-list-1col li span:nth-child(1) {
    width: 35%
}

@media only screen and (max-width:767px) {
    .nxt-profile-info-list-1col li span:nth-child(1) {
        width: 45%
    }
}

@media only screen and (max-width:500px) {
    .nxt-profile-info-list-1col li span:nth-child(1) {
        width: 100%
    }
}

.nxt-profile-info-list-1col li span:nth-child(2) {
    width: 55%
}

@media only screen and (max-width:500px) {
    .nxt-profile-info-list-1col li span:nth-child(2) {
        width: 100%;
        padding-bottom: 20px
    }
}

@media only screen and (max-width:500px) {
    .nxt-profile-info-list-1col li span {
        display: block;
        width: 100% !important
    }
    .nxt-profile-info-list-1col li span:nth-child(1) {
        font-weight: 700
    }
}

.nxt-profile-info-list {
    column-count: 2
}

.nxt-profile-info-list li {
    line-height: 167%;
    position: relative;
    width: 100%;
    display: table
}

.nxt-profile-info-list li span {
    font-size: .875rem;
    position: relative;
    display: block;
    float: left
}

.nxt-profile-info-list li span:nth-child(1) {
    width: 35%
}

.nxt-profile-info-list li span:nth-child(2) {
    width: 55%
}

@media only screen and (max-width:1399px) {
    .nxt-profile-info-list {
        column-count: 1
    }
}

@media only screen and (max-width:500px) {
    .nxt-profile-info-list li span {
        display: block;
        width: 100% !important
    }
    .nxt-profile-info-list li span:nth-child(1) {
        font-weight: 700
    }
}

#nxtComputerHoroscopeFile table {
    max-width: 250px
}

#nxtComputerHoroscopeFile table td {
    height: 50px
}

@media only screen and (max-width:1399px) {
    #nxtComputerHoroscopeFile table td {
        font-size: .875rem
    }
}

.nxt-profile-preview-link p {
    font-size: .9375rem
}

.nxt-profile-preview-link button {
    font-size: .9375rem;
    color: #fff;
    border-radius: 5px;
    font-weight: 700;
    background-color: #ac1a1d;
    transition: .5s;
    border: none !important
}

.nxt-profile-preview-link button:hover {
    background-color: #17cdb6;
    transition: .5s;
    border: none !important
}

.nxt-profile-preview-link button:focus,
.nxt-profile-preview-link button:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

#nxt-profile-edit-accordion .nxt-usr-form-edit,
#nxt-profile-edit-accordion .nxt-usr-form-edit-open {
    margin-right: 50px;
    float: right;
    font-weight: 700 !important;
    color: #17cdb6;
    background-color: transparent;
    border: none;
    font-size: .9375rem
}

#nxt-profile-edit-accordion .nxt-usr-form-edit:hover,
#nxt-profile-edit-accordion .nxt-usr-form-edit-open:hover {
    color: #ac1a1d;
    transition: 1s
}

#nxt-profile-edit-accordion .nxt-usr-form-edit-area {
    width: 100%
}

#nxt-profile-edit-accordion .card-header {
    padding: 0
}

#nxt-profile-edit-accordion .card-header h5 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

#nxt-profile-edit-accordion .card-header h5 .btn-link {
    padding: 26px;
    width: 100%;
    text-align: left
}

#nxt-profile-edit-accordion .card-header h5 .nxt-usr-form-edit,
#nxt-profile-edit-accordion .card-header h5 .nxt-usr-form-edit-open {
    max-width: 100px;
    padding: 30px
}

#nxt-profile-edit-accordion .card-header h5:after {
    padding: 29px 26px
}

.nxt-profile-edit-area {
    padding: 0 26px 26px 67px;
    display: none
}

.nxt-profile-edit-area h5 {
    color: #ac1a1d;
    font-size: .9375rem;
    margin-bottom: 12px
}

.nxt-profile-edit-area label {
    font-size: .875rem;
    color: #ac1a1d;
    margin-bottom: 9px
}

.nxt-profile-edit-area textarea,
.nxt-profile-edit-area input {
    border-color: rgba(8, 51, 98, .17);
    font-size: .9375rem;
    border-radius: 5px
}

.nxt-profile-edit-area textarea:focus,
.nxt-profile-edit-area input:focus {
    box-shadow: none
}

.nxt-profile-edit-area textarea {
    padding: 18px
}

.nxt-profile-edit-area button {
    margin: 5px 0 0 18px;
    width: 110px;
    text-align: center;
    border-radius: 5px;
    font-weight: 700
}

.nxt-profile-edit-area button.nxt-btn-save {
    color: #fff;
    background-color: #17cdb6
}

.nxt-profile-edit-area button.nxt-btn-cancel {
    border: 1px solid #17cdb6;
    background-color: transparent;
    color: #17cdb6
}

.nxt-profile-edit-area input[type=file]::-webkit-file-upload-button {
    background-color: #17cdb6;
    color: #fff;
    border: none;
    font-size: .9375rem;
    font-weight: 700;
    padding: 10px 30px;
    border-radius: 5px
}

.nxt-profile-edit-area .nxt-horoscopeTable table tr td {
    height: 60px;
    text-align: center;
    font-size: .9375rem;
    vertical-align: middle
}

.nxt-profile-edit-area .nxt-horoscopeTable .selectric {
    height: 24px
}

.nxt-profile-edit-area .nxt-horoscopeTable .selectric span.label {
    line-height: 24px
}

.nxt-collapse-icons {
    height: 100%;
    right: 0;
    width: 70px;
    position: absolute;
    cursor: pointer;
    z-index: 50
}

.bootstrap-tagsinput {
    width: 100%;
    box-shadow: none !important;
    min-height: 40px
}

.bootstrap-tagsinput .label-info {
    background-color: #17cdb6;
    padding: 1px 30px 1px 26px;
    top: 2px;
    position: relative;
    margin-bottom: 5px;
    margin-right: 10px !important;
    display: block;
    width: auto;
    float: left;
    border-radius: 30px;
    font-size: .875rem
}

.bootstrap-tagsinput .label-info span[data-role=remove] {
    position: absolute;
    opacity: .5
}

.bootstrap-tagsinput input {
    position: relative;
    top: 4px
}

.nxt-select-option-tabs span.label {
    padding: 8px 30px 0 5px;
    top: 2px;
    margin-right: 10px !important;
    width: auto;
    color: #b3b9cc;
    float: left;
    border-radius: 30px;
    font-size: .875rem;
    line-height: 24px;
    min-height: 27px;
    display: table
}

.nxt-select-option-tabs span.label.nxt-multiItems {
    background-color: #fff;
    padding: 0;
    border-radius: 10px;
    margin: 0
}

.nxt-select-option-tabs span.label span {
    background-color: #17cdb6;
    padding: 1px 30px 1px 26px;
    position: relative;
    margin-right: 10px !important;
    display: block;
    width: auto;
    color: #fff;
    float: left;
    border-radius: 30px;
    font-size: .875rem;
    margin: 5px
}

.nxt-select-option-tabs span.label span:nth-child(1) {
    display: none
}

#nxt-partner-preferences-edit.nxt-profile-edit-area {
    background-color: #f4f4f4 !important;
    padding: 0 !important
}

#nxt-partner-preferences-edit.nxt-profile-edit-area .nxt-profile-partner-preferences-edit {
    padding: 30px 26px 26px 67px;
    background-color: #fff;
    margin-top: 15px
}

#nxtPartnerPreferences .card-body {
    padding-left: 27px
}

#nxtPartnerPreferences .nxt-PartnerPreferences {
    padding-left: 38px;
    border-left: 1px solid #17cdb6
}

#nxt-partner-preferences-edit .nxt-profile-partner-preferences-edit {
    padding-left: 27px !important;
    position: relative
}

#nxt-partner-preferences-edit .nxt-profile-partner-preferences-edit:after {
    content: "";
    background-color: #17cdb6;
    width: 1px;
    height: calc(100% - 90px);
    position: absolute;
    bottom: 30px
}

#nxt-partner-preferences-edit .nxt-profile-partner-preferences-edit form {
    position: relative;
    padding-left: 37px
}

.nxt-fatherDetails-edit-option:after {
    content: "";
    background-color: #f4f4f4;
    position: absolute;
    width: 1px;
    right: -1px;
    height: calc(100% - 15px);
    top: 0
}

.nxt-right-sidebar-link .dashboard-upgrade-settings {
    width: 100% !important
}

.nxt-notifi-user-status-area h1 {
    position: relative;
    display: inline-block;
    padding-right: 18px;
    line-height: 100%
}

.nxt-notifi-user-status-area .nxt-user-online {
    color: #17cdb6;
    font-size: .875rem
}

.nxt-prev-noti-profile-btn,
.nxt-next-noti-profile-btn {
    height: 27px;
    width: 27px;
    padding-top: 6px;
    background-color: #e7e8e8;
    color: #fff;
    text-align: center;
    font-size: .75rem;
    border-radius: 17px;
    margin: 0 5px
}

.nxt-prev-noti-profile-btn:hover,
.nxt-next-noti-profile-btn:hover {
    background-color: #c5c6c6;
    color: #fff
}

.nxt-ignore-profile-noti-link {
    border-right: 2px solid #e7e8e8;
    padding-right: 20px;
    color: #ac1a1d;
    transition: .5s
}

.nxt-ignore-profile-noti-link:hover {
    color: #17cdb6;
    transition: .5s
}

.nxt-print-profile-link {
    padding-left: 20px;
    color: #ac1a1d;
    transition: .5s
}

.nxt-print-profile-link:hover {
    color: #17cdb6;
    transition: .5s
}

.nxt-chat-now-profile-link {
    color: #17cdb6;
    transition: .5s
}

.nxt-chat-now-profile-link:hover {
    color: #ac1a1d;
    transition: .5s
}

.nxt-profile-preview-link p {
    color: #ac1a1d
}

.nxt-your-profile-matches-bar {
    background-color: #17cdb6;
    color: #fff
}

.nxt-your-profile-matches-bar p {
    color: #fff;
    font-size: .9375rem
}

.nxt-your-profile-matches-bar .interest.position-absolute {
    right: 15px
}

.nxt-your-profile-matches-bar .interest.position-absolute a {
    padding: 4px 15px;
    display: inline-block;
    font-weight: 700
}

.nxt-your-profile-matches-bar .interest.position-absolute a .icon-red-love,
.nxt-your-profile-matches-bar .interest.position-absolute a .icon-tick {
    border: 2px solid #fff;
    border-radius: 50%;
    height: 22px;
    width: 22px;
    font-size: .375rem;
    display: inline-flex;
    position: relative;
    line-height: normal;
    margin-right: 10px;
    top: -2px
}

.nxt-your-profile-matches-bar .interest.position-absolute a .icon-red-love:before,
.nxt-your-profile-matches-bar .interest.position-absolute a .icon-tick:before {
    margin: auto
}

.nxt-your-profile-matches-bar .interest.position-absolute a.active {
    color: #ef4b61
}

.nxt-your-profile-matches-bar .interest.position-absolute a.active .icon-red-love,
.nxt-your-profile-matches-bar .interest.position-absolute a.active .icon-tick {
    border-color: #ef4b61
}

.nxt-similar-profiles {
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    padding-bottom: 20px;
    width: 100%;
    margin-bottom: 15px
}

.nxt-similar-profiles p {
    color: #ac1a1d;
    font-size: 1.125rem
}

.nxt-similar-profiles h4 {
    font-size: 1.125rem;
    color: #ac1a1d;
    line-height: 200%;
    margin-top: 9px
}

.nxt-similar-profiles .nxt-view-request-img-link button {
    background-color: transparent;
    border: none;
    display: inline-block;
    width: 48%;
    margin-top: 17px;
    color: #17cdb6;
    transition: .5s
}

.nxt-similar-profiles .nxt-view-request-img-link button:nth-child(1),
.nxt-similar-profiles .nxt-view-request-img-link button:nth-child(1):focus,
.nxt-similar-profiles .nxt-view-request-img-link button:nth-child(1):active {
    border-right: 2px solid #e7e8e8
}

.nxt-similar-profiles .nxt-view-request-img-link button:focus,
.nxt-similar-profiles .nxt-view-request-img-link button:active {
    border: none;
    background-color: transparent;
    box-shadow: none
}

.nxt-similar-profiles .nxt-view-request-img-link button:hover {
    color: #ac1a1d;
    transition: .5s
}

.nxt-semilar-profile-head {
    font-size: 1.25rem;
    color: #ac1a1d !important;
    margin-bottom: 15px;
    margin-top: 10px
}

#delete-profile h3 {
    line-height: 21px
}

#delete-profile p.alert-tag {
    margin-top: 22px
}

#delete-profile a.submit {
    margin-top: 0
}

#delete-profile .nxt-delect-reson {
    display: none
}

#delete-profile .nxt-delect-reson.active {
    display: block
}

@media only screen and (min-width:992px) {
    .nxt-border-right-lg-dashed {
        border-right: 1px dashed #e7e8e8
    }
}

.nxt-border-button {
    border: 2px solid #17cdb6;
    height: 46px;
    width: 182px;
    background-color: #fff;
    color: #17cdb6;
    font-weight: 700
}

.nxt-border-button:focus {
    box-shadow: none
}

.nxt-faq-page-details {
    padding: 15px
}

.nxt-faq-page-details h1 {
    font-size: 1.375rem;
    color: #ac1a1d;
    margin-bottom: 8px
}

.nxt-faq-page-details h1 span {
    color: #17cdb6
}

.nxt-faq-page-details h6 {
    color: #ac1a1d;
    font-size: 1rem;
    margin-bottom: 8px
}

.nxt-faq-page-details h2 .icon-phone {
    font-size: 1.4375rem;
    color: #17cdb6;
    margin-right: 5px;
    position: relative;
    bottom: -3px
}

.nxt-faq-page-details h2 span {
    font-weight: 400;
    font-size: 1.125rem
}

.nxt-faq-tabs {
    background-color: #fff;
    padding: 20px;
    margin: 15px 0;
    border-radius: 5px
}

.nxt-faq-search input,
.nxt-faq-search:hover,
.nxt-faq-search input:focus {
    border: none;
    box-shadow: none
}

.nxt-faq-search button {
    font-size: .9375rem;
    border-radius: 5px 5px 5px 5px !important;
    background-color: #17cdb6;
    transition: .5s;
    border: none !important;
    padding: 6px 45px
}

.nxt-faq-search button:hover {
    background-color: #ac1a1d;
    transition: .5s;
    border: none !important
}

.nxt-faq-search button:focus,
.nxt-faq-search button:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

.nxt-faq-search button span {
    padding-right: 5px
}

.nxt-faq-search button,
.nxt-faq-search button:hover,
.nxt-faq-search button:focus {
    border: none;
    box-shadow: none
}

.nxt-faqPage-accordion {
    width: 100%
}

.nxt-faqPage-accordion .card {
    border: none
}

.nxt-faqPage-accordion .card .card-header {
    padding: 20px;
    cursor: pointer
}

.nxt-faqPage-accordion .card .card-header.collapsed h5:after {
    content: "\e905";
    font-size: 1rem;
    transition: .2s
}

.nxt-faqPage-accordion .card .card-header h5 {
    line-height: 100% !important;
    font-size: 1.0625rem;
    position: relative
}

.nxt-faqPage-accordion .card .card-header h5:after {
    content: "\e930";
    position: absolute;
    color: #17cdb6;
    right: 0;
    font-family: icomoon !important;
    font-size: .125rem;
    margin-top: 4px
}

.nxt-faqPage-accordion .card .card-header button {
    padding: 0;
    color: #ac1a1d;
    transition: .5s;
    font-size: 1.0625rem;
    line-height: 100%;
    font-weight: 700
}

.nxt-faqPage-accordion .card .card-header button:hover {
    color: #17cdb6;
    transition: .5s
}

.nxt-faqPage-accordion .card .card-header button:hover,
.nxt-faqPage-accordion .card .card-header button:focus,
.nxt-faqPage-accordion .card .card-header button:active {
    text-decoration: none
}

.nxt-faqPage-accordion .card .card-body {
    padding: 0 20px 20px
}

.nxt-faq-list .card {
    margin-top: 0
}

.nxt-faq-list .card .card-header {
    padding: 15px 0;
    border-top: 1px dashed #e7e8e8
}

.nxt-faq-list .card .card-header h5 {
    position: relative
}

.nxt-faq-list .card .card-header h5:after {
    content: none
}

.nxt-faq-list .card .card-header button {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.nxt-faq-list .card .card-header button:after {
    content: "\e901";
    font-family: icomoon !important;
    margin-left: auto;
    font-size: .5rem;
    margin-right: 8px;
    color: #17cdb6
}

.nxt-faq-list .card .card-header button span {
    color: #17cdb6;
    font-size: 1.0625rem;
    font-weight: 700;
    width: 34px;
    line-height: 150%;
    text-align: left;
    padding-right: 5px
}

.nxt-faq-list .card .card-header button p {
    font-size: .875rem
}

.nxt-faq-list .card .card-header.collapsed h5:after {
    content: none
}

.nxt-faq-list .card .card-header.collapsed button:after {
    content: "\e921";
    font-size: .8125rem;
    transition: .2s
}

.nxt-faq-list .card .card-body {
    padding: 0 0 20px;
    line-height: 220%
}

.nxt-faq-list .card .card-body .nxt-faq-answer-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.nxt-faq-list .card .card-body .nxt-faq-answer-list span {
    color: #17cdb6;
    font-size: 1.0625rem;
    font-weight: 700;
    width: 30px;
    line-height: 150%;
    text-align: right;
    padding-right: 5px
}

.nxt-faq-list .card .card-body .nxt-faq-answer-list p {
    font-size: .875rem
}

.nxt-faq-list .card .card-body ul {
    padding-left: 54px
}

.nxt-faq-list .card .card-body ul li {
    font-size: .875rem;
    position: relative
}

.nxt-faq-list .card .card-body ul li:before {
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 10px;
    background-color: #ac1a1d;
    opacity: .32;
    position: absolute;
    margin-left: -15px;
    margin-top: 14px
}

@media only screen and (min-width:1200px) {
    .nxt-grid-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.nxt-community-home-section {
    position: relative;
    width: 100%;
    padding-bottom: 134px
}

.nxt-community-home-section .nxt-community-home-head {
    padding-top: 40px;
    padding-bottom: 35px
}

.nxt-community-home-section .nxt-community-home-head h1 {
    color: #17cdb6
}

.nxt-community-home-section .nxt-community-home-head h1 span {
    color: #ac1a1d
}

.nxt-community-home-section .nxt-community-home-head p {
    color: #ac1a1d;
    font-size: 1.0625rem
}

.nxt-community-home-section .nxt-inner-prof-item .inner-slides {
    box-shadow: 0 3px 5px rgba(16, 35, 62, .17);
    border-radius: 5px
}

.nxt-community-home-section .nxt-inner-prof-item .details {
    padding: 14px 10px 19px 21px;
    margin-bottom: 30px
}

.nxt-community-home-section .nxt-inner-prof-item .details h5 {
    font-size: 1rem;
    color: #ac1a1d;
    line-height: 1.5rem
}

.nxt-community-home-section .nxt-inner-prof-item .details h5 span {
    color: #17cdb6;
    font-size: 1.5rem;
    right: 0
}

.nxt-community-home-section .nxt-inner-prof-item .details span.nxt-profile-education {
    font-style: 12px;
    color: #ac1a1d;
    padding: 4px 0 10px;
    display: block
}

.nxt-community-home-section .nxt-inner-prof-item .details p {
    font-size: .9375rem;
    color: #ac1a1d;
    line-height: 16px;
    transition: .4s;
    font-weight: 700
}

.nxt-community-home-section .nxt-inner-prof-item .details p:before {
    content: "\e905";
    color: #17cdb6;
    font-size: 1rem;
    font-family: icomoon !important;
    position: absolute;
    right: 5px
}

.nxt-community-home-section .nxt-inner-prof-item:hover .details p:before {
    transform: rotate(90deg);
    transition: .4s
}

.nxt-community-profile-load-more {
    border-top: 2px solid #17cdb6;
    border-radius: 0;
    color: #ac1a1d;
    background-color: #fff;
    text-align: center;
    padding: 10px 0;
    margin-top: 14px
}

body.nxt-main-dashboard .mail-section {
    display: none
}

body.nxt-main-dashboard .nxt-usr-dashboard {
    padding-bottom: 103px
}

.ui-home-banner [type=radio]:before {
    content: "";
    height: 18px;
    width: 18px;
    border-radius: 20px;
    border: 2px solid #c5c6c6;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: -1px;
    transition: .5s
}

.ui-home-banner input[type=radio]+.form-check-label {
    padding-left: 8px
}

.ui-home-banner [type=radio]:checked:before {
    content: "";
    background-color: #17cdb6;
    border-color: #17cdb6;
    transition: .5s
}

.ui-home-banner .register .termsandpolicy input[type=checkbox] {
    margin: 1px 10px 1px 2px;
    position: relative
}

.ui-home-banner .register .termsandpolicy input[type=checkbox]:after {
    content: "";
    height: 20px;
    width: 20px;
    border-radius: 25px;
    border: 2px solid #c5c6c6;
    background-color: #fff;
    position: absolute;
    left: -3px;
    top: 0;
    font-family: icomoon !important;
    font-size: .0625rem;
    color: #fff;
    transition: .5s
}

.ui-home-banner .register .termsandpolicy input[type=checkbox]:checked:after {
    content: "\e92d";
    background-color: #17cdb6;
    border-color: #17cdb6;
    font-size: .5rem;
    line-height: 17px;
    text-align: center;
    transition: .5s
}

.nxt-sidebar-sections div:nth-child(1).dashboard-success-stories-settings {
    margin-top: 0
}

#nxt-support-request textarea {
    border-color: #17cdb6
}

#nxt-support-request textarea:hover,
#nxt-support-request textarea:focus {
    outline: none;
    box-shadow: none
}

.nxt-login-form-area {
    min-height: 242px
}

#instructions canvas {
    max-width: 300px !important;
    max-height: 200px !important
}

select.select2-container .select2-selection {
    height: 40px;
    padding: 6px 0
}

.nxt-nav-dropdown .dropdown-toggle:after {
    content: none
}

.nxt-nav-dropdown .subnav {
    width: auto !important
}

.nxt-nav-dropdown .subnav ul.ul-cstm-drop {
    width: 200px !important;
    padding: 20px 0;
    margin-right: -50px;
    right: auto
}

header .ui-main-nav .navbar-collapse li.nxt-nav-dropdown .ul-cstm-drop {
    background-color: #fff !important;
    border: 1px solid #17cdb6
}

header .ui-main-nav .navbar-collapse li.nxt-nav-dropdown .ul-cstm-drop li {
    border-bottom: none;
    transition: .5s;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

header .ui-main-nav .navbar-collapse li.nxt-nav-dropdown .ul-cstm-drop li a {
    margin: 0 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

header .ui-main-nav .navbar-collapse li.nxt-nav-dropdown .ul-cstm-drop li:hover {
    background-color: #17cdb6
}

header .ui-main-nav .navbar-collapse li.nxt-nav-dropdown .ul-cstm-drop li:hover a {
    color: #fff !important
}

header .nst-home-contact-menu {
    left: 0;
    position: absolute;
    background-color: transparent;
    padding-top: 96px;
    top: 0;
    transition: all .3s ease-in-out;
    transition-delay: .3s;
    visibility: visible;
    opacity: 1;
    z-index: 100
}

header .nst-home-contact-menu ul {
    background-color: #fff;
    margin-left: 220px;
    width: 273px;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    padding: 7px 0
}

@media only screen and (max-width:1499px) {
    header .nst-home-contact-menu ul {
        margin-left: 160px
    }
}

@media only screen and (max-width:1300px) {
    header .nst-home-contact-menu ul {
        margin-left: 60px
    }
}

@media only screen and (max-width:991px) {
    header .nst-home-contact-menu ul {
        display: none
    }
}

header .nst-home-contact-menu ul li {
    background-color: #fff !important;
    color: #ac1a1d !important;
    transition: all .5s ease-out !important;
    border: none !important
}

header .nst-home-contact-menu ul li a {
    color: #ac1a1d !important;
    transition: all .5s ease-out !important
}

header .nst-home-contact-menu>ul>li:hover {
    background-color: #fff !important;
    transition: all .5s ease-out !important;
    border: none !important;
    color: #17cdb6 !important
}

header .nst-home-contact-menu>ul>li:hover>a {
    color: #17cdb6 !important;
    transition: all .5s ease-out !important
}

header .nst-home-contact-menu>ul>li ul li:hover>a {
    color: #17cdb6 !important;
    transition: all .5s ease-out !important
}

header .nst-home-contact-menu>ul>li:focus,
header .nst-home-contact-menu>ul>li:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

header .nst-home-contact-menu ul li a {
    font-family: roboto slab, serif;
    font-size: .875rem;
    width: 100%;
    padding: 7px 25px
}

header .nst-home-contact-menu ul li a span {
    padding-right: 6px
}

header .nst-home-contact-menu ul li a span.icon-mail {
    font-size: 12px
}

header .nst-home-contact-menu.menu-hidden {
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    padding-top: 105px;
    pointer-events: none
}

.select2-container--default .select2-selection--single {
    height: 40px;
    border-color: #e7e8e8;
    padding: 5px 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
    content: "\e901";
    font-family: icomoon !important;
    font-size: 7px;
    top: 5px;
    color: #17cdb6;
    position: relative
}

.select2-container--default .select2-selection--single .select2-selection__arrow b[role=presentation] {
    display: none
}

.select2-dropdown {
    font-family: roboto slab, serif;
    font-size: .875rem !important
}

.select2-selection__rendered {
    font-size: .875rem !important
}

.select2-search__field {
    border-color: #e7e8e8;
    border-radius: 5px
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #17cdb6
}

.select2-dropdown ::-webkit-scrollbar {
    width: 8px
}

.select2-dropdown ::-webkit-scrollbar-track {
    background: #fff
}

.select2-dropdown ::-webkit-scrollbar-thumb {
    background: grey;
    opacity: .2;
    transition: .5s
}

.select2-dropdown ::-webkit-scrollbar-thumb:hover {
    background: #ac1a1d;
    opacity: 1
}

.select2.select2-container {
    width: 100% !important
}

.form-inner #home label.error,
.form-group label.error {
    font-size: 9px !important;
    color: red;
    z-index: 5000;
    top: 40px;
    letter-spacing: 0;
    right: 15px
}

.form-inner #home .termsandpolicy label.error {
    top: 20px !important;
    width: 100%;
    text-align: right;
    padding-right: 20px;
    left: 0
}

.login-error-msg-area {
    color: red;
    font-size: .75rem
}

.login-error-msg-area label {
    position: absolute;
    color: red !important
}

.modal.show {
    z-index: 11111111
}

.modal-backdrop {
    z-index: 11111000
}

.user-acception .chat-btn {
    background-color: #17cdb6;
    transition: .5s;
    border: none !important;
    height: 40px;
    width: 150px;
    border-radius: 5px;
    color: #fff !important;
    padding-top: 9px
}

.user-acception .chat-btn:hover {
    background-color: #ac1a1d;
    transition: .5s;
    border: none !important
}

.user-acception .chat-btn:focus,
.user-acception .chat-btn:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

@media only screen and (max-width:1199px) {
    .user-acception {
        padding: 0 5px
    }
}

.nst-acception-btn {
    padding: 15px
}

.nst-acception-btn span:nth-child(1) {
    border: 2px solid red;
    border-radius: 50%;
    display: inline-flex;
    width: 22px;
    height: 22px;
    text-align: center;
    padding: 5.5px 4px;
    margin: auto;
    margin-right: 10px;
    font-size: 8px !important;
    color: red !important
}

.nst-acception-btn span.icon-contact {
    padding-left: 5px
}

.nst-acception-btn span:nth-last-child(1) {
    color: #ac1a1d !important
}

.nst-acception-btn.active span:nth-child(1) {
    background-color: #6ac90b;
    border-color: #6ac90b;
    color: #fff !important
}

.nst-acception-buttons {
    text-align: left !important
}

.nst-acception-buttons a {
    padding: 5px 20px 10px 0
}

.nst-acception-buttons a.active span:nth-child(1) {
    background-color: #6ac90b;
    border-color: #6ac90b;
    color: #fff !important
}

.nst-acception-buttons a span:nth-child(1) {
    border: 2px solid red;
    border-radius: 50%;
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    text-align: center;
    padding: 5px 0;
    margin: auto;
    margin-right: 10px;
    font-size: .625rem !important;
    color: red !important
}

.nst-acception-buttons a span:nth-last-child(1) {
    color: #ac1a1d !important
}

.who-viewed-profiles a,
.partner-preference a {
    padding: 5px 0 0
}

.who-viewed-profiles a.active span:nth-child(1),
.partner-preference a.active span:nth-child(1) {
    background-color: #6ac90b;
    border-color: #6ac90b;
    color: #fff !important
}

.who-viewed-profiles a span:nth-child(1),
.partner-preference a span:nth-child(1) {
    border: 2px solid red;
    border-radius: 50%;
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    text-align: center;
    padding: 5px 0;
    margin: auto;
    margin-right: 10px;
    font-size: .625rem !important;
    color: red !important
}

.who-viewed-profiles a span:nth-last-child(1),
.partner-preference a span:nth-last-child(1) {
    color: #ac1a1d !important
}

#partner-preference .items {
    min-height: 196px !important
}

#partner-preference a {
    padding: 10px 0 10px 0 !important
}

.select2 {
    margin-bottom: 10px
}

.dashboard-filter .select2-selection {
    font-size: 16px !important;
    max-height: 130px;
    overflow: auto
}

.dashboard-filter .select2-selection .select2-selection__choice {
    display: block !important;
    background-color: #17cdb6;
    border: none;
    opacity: 1 !important;
    height: 36px;
    line-height: 25px;
    color: #fff
}

.dashboard-filter .select2-selection .select2-selection__choice .select2-selection__choice__remove {
    color: #fff
}

.dashboard-filter .slider-range p input:nth-last-child(1) {
    margin-left: auto !important
}

.ui-state-default {
    border-radius: 50px !important;
    margin-top: -3px
}

.nst-select-community-form-input:after {
    content: "";
    width: 100%;
    border-bottom: 1px dashed #17cdb6;
    bottom: -30px;
    position: absolute
}

.nst-home-age-search-forms form {
    width: 100%
}

.nst-home-age-search-forms form .select2-container {
    margin-bottom: 0
}

.nst-home-age-search-forms form .input-group-append {
    top: 0;
    border-radius: 0 5px 5px 0;
    overflow: hidden
}

.nst-moving-icons-area:hover p:before {
    animation: icon-bouncing .4s 0s infinite alternate both
}

@keyframes icon-bouncing {
    0% {
        bottom: -27px;
        opacity: 1
    }
    100% {
        bottom: -22px;
        opacity: 3
    }
}

.nxt-community-home-section .nxt-inner-prof-item>a {
    padding: 0 0 30px
}

.nxt-community-home-section .nxt-inner-prof-item>a figure {
    max-height: 269px;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    border-radius: 5px 5px 0 0
}

.nxt-community-home-section .nxt-inner-prof-item>a figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.nxt-community-home-section .nxt-inner-prof-item>a .details {
    margin-bottom: 0
}

.nxt-community-home-section .nxt-inner-prof-item>a,
.nxt-community-home-section .inner-slides {
    width: 100%;
    height: 100%
}

.navbar-nav li {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.navbar-nav li a.nav-link.active,
.navbar-nav li a:hover,
.navbar-nav li.nav-item.nxt-nav-dropdown.active a.dropdown-toggle {
    color: #17cdb6 !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.navbar-nav li a.ui-header-button:hover {
    color: #fff !important
}

@media only screen and (max-width:991px) {
    .navbar-nav li a.ui-header-button:hover {
        background-color: #17cdb6 !important;
        color: #fff !important;
        transition: all .5s ease-out !important;
        border: none !important
    }
    .navbar-nav li a.ui-header-button:hover a {
        color: #fff !important;
        transition: all .5s ease-out !important
    }
    .navbar-nav li a.ui-header-button:hover:hover {
        background-color: #fff !important;
        transition: all .5s ease-out !important;
        border: none !important;
        color: #ac1a1d !important
    }
    .navbar-nav li a.ui-header-button:hover:hover a {
        color: #ac1a1d !important;
        transition: all .5s ease-out !important
    }
    .navbar-nav li a.ui-header-button:hover:focus,
    .navbar-nav li a.ui-header-button:hover:active {
        border: none !important;
        box-shadow: none;
        outline: none
    }
}

.nst-input-connecting-line {
    position: relative
}

.nst-input-connecting-line:before {
    content: "";
    width: 86%;
    height: 1px;
    background-color: #e7e8e8;
    position: absolute;
    bottom: 0;
    top: 25px;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 0
}

.nst-success-modal .nst-success-icon {
    font-size: 85px;
    margin-top: -77px;
    display: block;
    margin-bottom: 7px;
    left: 0;
    right: 0;
    margin: -77px auto 7px;
    color: #17cdb6;
    background-color: #fff;
    width: 83px;
    border-radius: 75px
}

.nst-success-modal .nst-success-icon:before {
    top: -2px;
    position: relative;
    display: block
}

.nst-success-modal .nst-success-button {
    color: #fff;
    margin-top: 35px;
    margin-bottom: 10px
}

.nst-success-modal h3 {
    margin-top: 30px;
    font-weight: 300
}

.select2-selection__rendered .select2-selection__choice {
    background-color: #17cdb6 !important;
    border-color: #17cdb6 !important;
    color: #fff
}

.select2-selection__rendered .select2-selection__choice span {
    color: #fff !important;
    transition: .5s
}

.select2-selection__rendered .select2-selection__choice span:hover {
    color: #ac1a1d
}

.user-img {
    padding: 0
}

.user-img img {
    height: 100% !important
}

.user-img figure {
    overflow: hidden;
    max-height: 170px;
    max-width: 136px
}

@media only screen and (max-width:1199px) {
    .user-img {
        min-width: 150px;
        max-width: 150px
    }
}

.select2-container.select2-container--default.select2-container--open {
    z-index: 50000000
}

.select2-selection.select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #e7e8e8;
    height: 40px;
    max-height: 80px;
    display: table;
    width: 100%
}

#nxt-user-login-form-btn,
#nxt-user-forgot-form-btn {
    background-color: #fff !important;
    color: #ac1a1d !important;
    transition: all .5s ease-out !important;
    border: none !important
}

#nxt-user-login-form-btn a,
#nxt-user-forgot-form-btn a {
    color: #ac1a1d !important;
    transition: all .5s ease-out !important
}

#nxt-user-login-form-btn:hover,
#nxt-user-forgot-form-btn:hover {
    background-color: #fff !important;
    transition: all .5s ease-out !important;
    border: none !important;
    color: #17cdb6 !important
}

#nxt-user-login-form-btn:hover a,
#nxt-user-forgot-form-btn:hover a {
    color: #17cdb6 !important;
    transition: all .5s ease-out !important
}

#nxt-user-login-form-btn:focus,
#nxt-user-forgot-form-btn:focus,
#nxt-user-login-form-btn:active,
#nxt-user-forgot-form-btn:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    line-height: 26px
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-selection__choice__remove {
    margin-right: 6px;
    font-size: 1.25rem
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-selection__choice__remove:hover {
    color: #ac1a1d !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.navbar-toggler .navbar-toggler-icon {
    overflow: hidden
}

.navbar-toggler .navbar-toggler-icon:nth-of-type(2),
.navbar-toggler.collapsed.d-block .navbar-toggler-icon:nth-of-type(2) {
    top: 1px
}

.navbar-toggler .navbar-toggler-icon:nth-of-type(3),
.navbar-toggler.collapsed.d-block .navbar-toggler-icon:nth-of-type(3) {
    top: 2px
}

.navbar-toggler .navbar-toggler-icon,
.navbar-toggler.collapsed.d-block .navbar-toggler-icon {
    position: relative;
    transition: all 500ms ease-in-out
}

.navbar-toggler.btn-close .navbar-toggler-icon:nth-of-type(1),
.navbar-toggler.d-block:not(.collapsed) .navbar-toggler-icon:nth-of-type(1) {
    top: 9px;
    left: 1px;
    transform: rotate(45deg)
}

.navbar-toggler.btn-close .navbar-toggler-icon:nth-of-type(2),
.navbar-toggler.d-block:not(.collapsed) .navbar-toggler-icon:nth-of-type(2) {
    background-color: transparent
}

.navbar-toggler.btn-close .navbar-toggler-icon:nth-of-type(3),
.navbar-toggler.d-block:not(.collapsed) .navbar-toggler-icon:nth-of-type(3) {
    top: -9px;
    left: 1px;
    transform: rotate(-45deg)
}

.details .icon-dob,
.details .icon-caste,
.details .icon-location,
.details .icon-graduation {
    margin-right: 4px;
    bottom: calc(0.125rem * -1);
    position: relative
}

.loader-container {
    min-width: 100vw;
    min-height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 50000000;
    display: none
}

.loader-container.nst-semi-transparent-loader {
    background-color: rgba(255, 255, 255, .5)
}

.loader-container.active {
    display: block
}

.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out
}

.loader {
    font-size: 10px;
    line-height: 232px;
    margin: 20px auto;
    margin-top: calc(50vh - 10px);
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0
}

.loader:before {
    left: -3.5em;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.loader:after {
    left: 3.5em
}

@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em
    }
    40% {
        box-shadow: 0 2.5em 0 0;
        color: #17cdb6
    }
}

@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
        color: #ac1a1d
    }
    40% {
        box-shadow: 0 2.5em 0 0;
        color: #17cdb6
    }
}

.selectric-items {
    height: auto !important;
    max-height: 300px;
    overflow: auto
}

.widget-meter {
    width: 300px;
    max-width: 100%;
    height: 150px;
    overflow: hidden;
    position: relative;
    margin: auto
}

@media only screen and (max-width:991px) {
    .widget-meter {
        margin: 13% 0
    }
}

@media only screen and (max-width:767px) {
    .widget-meter {
        margin-bottom: 0
    }
}

.widget-meter:after,
.widget-meter:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 36%;
    z-index: 100
}

.widget-meter:after {
    right: 0;
    right: 0;
    border-right: 130px solid #fff;
    border-top: 82px solid transparent
}

.widget-meter:before {
    left: 0;
    border-left: 130px solid #fff;
    border-top: 82px solid transparent
}

.widget-meter svg {
    width: 100%;
    height: 140%;
    margin-bottom: -87%
}

.nxt-meter-status {
    margin: 0 0 15px
}

.nxt-meter-status h3 {
    line-height: 140%;
    font-size: 1.25rem;
    color: #ac1a1d;
    margin-top: -4px;
    margin-bottom: 4px
}

.nxt-meter-status p {
    font-size: .9375rem;
    color: #ac1a1d;
    padding: 0 20px;
    line-height: 162%
}

.nxt-meter-status a.dash-btn {
    color: #fff;
    font-size: .9375rem;
    text-align: center;
    padding: 15px;
    display: block;
    margin: 33px 27px 0;
    border-radius: 5px;
    background-color: #17cdb6
}

.nxt-meter-status a.dash-btn:hover {
    color: #fff
}

.nxt-meter-status #nxt-meter-status {
    margin-top: 15px;
    font-size: 2.5rem;
    color: #17cdb6;
    position: relative;
    bottom: -26px
}

.ui-header-button,
.bg-submit,
.profile-details .profile-foot .chat-btn,
.upload-btn-wrapper button {
    height: 40px;
    background-color: #17cdb6;
    transition: .5s;
    border: none !important
}

.ui-header-button:hover,
.bg-submit:hover,
.profile-details .profile-foot .chat-btn:hover,
.upload-btn-wrapper button:hover {
    background-color: #ac1a1d;
    transition: .5s;
    border: none !important
}

.ui-header-button:focus,
.bg-submit:focus,
.profile-details .profile-foot .chat-btn:focus,
.upload-btn-wrapper button:focus,
.ui-header-button:active,
.bg-submit:active,
.profile-details .profile-foot .chat-btn:active,
.upload-btn-wrapper button:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

.nxt-meter-status .dash-btn,
.nxt-dashboard-details .submit,
.xt-dashboard-details .advertise-box .adv-btm-buttons a.bg-submit,
.ui-view-profile-btn,
.upload-btn-wrapper button,
button.nxt-btn-save,
.nst-success-button {
    background-color: #17cdb6;
    transition: .5s;
    border: none !important
}

.nxt-meter-status .dash-btn:hover,
.nxt-dashboard-details .submit:hover,
.xt-dashboard-details .advertise-box .adv-btm-buttons a.bg-submit:hover,
.ui-view-profile-btn:hover,
.upload-btn-wrapper button:hover,
button.nxt-btn-save:hover,
.nst-success-button:hover {
    background-color: #ac1a1d;
    transition: .5s;
    border: none !important
}

.nxt-meter-status .dash-btn:focus,
.nxt-dashboard-details .submit:focus,
.xt-dashboard-details .advertise-box .adv-btm-buttons a.bg-submit:focus,
.ui-view-profile-btn:focus,
.upload-btn-wrapper button:focus,
button.nxt-btn-save:focus,
.nst-success-button:focus,
.nxt-meter-status .dash-btn:active,
.nxt-dashboard-details .submit:active,
.xt-dashboard-details .advertise-box .adv-btm-buttons a.bg-submit:active,
.ui-view-profile-btn:active,
.upload-btn-wrapper button:active,
button.nxt-btn-save:active,
.nst-success-button:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

.dash-btn {
    background-color: #17cdb6 !important;
    color: #fff !important;
    transition: all .5s ease-out !important;
    border: none !important
}

.dash-btn a {
    color: #fff !important;
    transition: all .5s ease-out !important
}

.dash-btn:hover {
    background-color: #ac1a1d !important;
    transition: all .5s ease-out !important;
    border: none !important;
    color: #fff !important
}

.dash-btn:hover a {
    color: #fff !important;
    transition: all .5s ease-out !important
}

.dash-btn:focus,
.dash-btn:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

header .ui-main-nav .ui-cstm-drop-down a.ui-header-upgrade-btn {
    background-color: #17cdb6 !important;
    color: #fff !important;
    transition: all .5s ease-out !important;
    border: none !important
}

header .ui-main-nav .ui-cstm-drop-down a.ui-header-upgrade-btn a {
    color: #fff !important;
    transition: all .5s ease-out !important
}

header .ui-main-nav .ui-cstm-drop-down a.ui-header-upgrade-btn:hover {
    background-color: #fff !important;
    transition: all .5s ease-out !important;
    border: none !important;
    color: #ac1a1d !important
}

header .ui-main-nav .ui-cstm-drop-down a.ui-header-upgrade-btn:hover a {
    color: #ac1a1d !important;
    transition: all .5s ease-out !important
}

header .ui-main-nav .ui-cstm-drop-down a.ui-header-upgrade-btn:focus,
header .ui-main-nav .ui-cstm-drop-down a.ui-header-upgrade-btn:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

.nxt-btn-cancel,
#advertise_request_reset {
    background-color: #fff !important;
    color: #17cdb6 !important;
    transition: all .5s ease-out !important;
    border: none !important;
    border: 1px solid #17cdb6 !important
}

.nxt-btn-cancel a,
#advertise_request_reset a {
    color: #17cdb6 !important;
    transition: all .5s ease-out !important
}

.nxt-btn-cancel:hover,
#advertise_request_reset:hover {
    background-color: #ac1a1d !important;
    transition: all .5s ease-out !important;
    border: none !important;
    color: #fff !important
}

.nxt-btn-cancel:hover a,
#advertise_request_reset:hover a {
    color: #fff !important;
    transition: all .5s ease-out !important
}

.nxt-btn-cancel:focus,
#advertise_request_reset:focus,
.nxt-btn-cancel:active,
#advertise_request_reset:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

.nxt-btn-cancel:hover,
#advertise_request_reset:hover {
    border: 1px solid #ac1a1d !important
}

.upload-btn-wrapper input[type=file]:hover+button {
    background-color: #ac1a1d;
    transition: .5s
}

.nxt-price-list-tab .ui-header-button {
    line-height: 100%
}

.profile-details .profile-foot .chat-btn {
    line-height: 136%
}

.termsandpolicy a[href] {
    color: #17cdb6;
    transition: .5s
}

.termsandpolicy a[href]:hover {
    color: #ac1a1d;
    transition: .5s
}

.ui-view-profile-btn {
    padding: 10px 12px !important;
    height: 40px;
    width: 100%;
    text-align: center;
    color: #fff !important
}

@media only screen and (max-width:1199px) {
    .ui-view-profile-btn {
        padding: 10px 12px !important
    }
}

a.nxt-success-story-view-all {
    color: #fff !important
}

.ui-about-nest .readmore,
.ui-coming-soon .readmore,
.ui-testimonials .readmore {
    position: relative;
    height: 40px;
    animation: borderBtn3b .4s forwards
}

.ui-about-nest .readmore:after,
.ui-coming-soon .readmore:after,
.ui-testimonials .readmore:after,
.ui-about-nest .readmore:before,
.ui-coming-soon .readmore:before,
.ui-testimonials .readmore:before,
.ui-about-nest .readmore span:after,
.ui-coming-soon .readmore span:after,
.ui-testimonials .readmore span:after {
    content: "";
    position: absolute;
    display: block;
    background-color: #17cdb6
}

.ui-about-nest .readmore span:after,
.ui-coming-soon .readmore span:after,
.ui-testimonials .readmore span:after {
    height: 0;
    width: 2px;
    left: 0;
    bottom: 0;
    animation: borderBtn4b .4s forwards
}

.ui-about-nest .readmore:after,
.ui-coming-soon .readmore:after,
.ui-testimonials .readmore:after {
    height: 2px;
    width: 0;
    right: 0;
    bottom: -2px;
    animation: borderBtn1b .4s forwards
}

.ui-about-nest .readmore:before,
.ui-coming-soon .readmore:before,
.ui-testimonials .readmore:before {
    width: 2px;
    height: 0;
    right: 0;
    top: 0;
    animation: borderBtn2b .4s forwards
}

.ui-about-nest .readmore:hover,
.ui-coming-soon .readmore:hover,
.ui-testimonials .readmore:hover {
    animation: borderBtn3 .4s forwards
}

.ui-about-nest .readmore:hover span:after,
.ui-coming-soon .readmore:hover span:after,
.ui-testimonials .readmore:hover span:after {
    animation: borderBtn4 .4s forwards
}

.ui-about-nest .readmore:hover:after,
.ui-coming-soon .readmore:hover:after,
.ui-testimonials .readmore:hover:after {
    animation: borderBtn1 .4s forwards
}

.ui-about-nest .readmore:hover:before,
.ui-coming-soon .readmore:hover:before,
.ui-testimonials .readmore:hover:before {
    animation: borderBtn2 .4s forwards
}

.highlight .readmore,
#search_load_more,
.nxt-community-home-section a.readmore,
a.readmore {
    position: relative;
    height: 40px;
    animation: borderBtn3bCenter .4s forwards
}

.highlight .readmore:after,
#search_load_more:after,
.nxt-community-home-section a.readmore:after,
a.readmore:after,
.highlight .readmore:before,
#search_load_more:before,
.nxt-community-home-section a.readmore:before,
a.readmore:before,
.highlight .readmore span:after,
#search_load_more span:after,
.nxt-community-home-section a.readmore span:after,
a.readmore span:after {
    content: "";
    position: absolute;
    display: block;
    background-color: #17cdb6
}

.highlight .readmore span:after,
#search_load_more span:after,
.nxt-community-home-section a.readmore span:after,
a.readmore span:after {
    height: 0;
    width: 2px;
    left: 0;
    bottom: 0;
    animation: borderBtn4b .4s forwards
}

.highlight .readmore:after,
#search_load_more:after,
.nxt-community-home-section a.readmore:after,
a.readmore:after {
    height: 2px;
    width: 0;
    right: 0;
    bottom: -2px;
    animation: borderBtn1b .4s forwards
}

.highlight .readmore:before,
#search_load_more:before,
.nxt-community-home-section a.readmore:before,
a.readmore:before {
    width: 2px;
    height: 0;
    right: 0;
    top: 0;
    animation: borderBtn2b .4s forwards
}

.highlight .readmore:hover,
#search_load_more:hover,
.nxt-community-home-section a.readmore:hover,
a.readmore:hover {
    animation: borderBtn3Center .4s forwards
}

.highlight .readmore:hover span:after,
#search_load_more:hover span:after,
.nxt-community-home-section a.readmore:hover span:after,
a.readmore:hover span:after {
    animation: borderBtn4 .4s forwards
}

.highlight .readmore:hover:after,
#search_load_more:hover:after,
.nxt-community-home-section a.readmore:hover:after,
a.readmore:hover:after {
    animation: borderBtn1 .4s forwards
}

.highlight .readmore:hover:before,
#search_load_more:hover:before,
.nxt-community-home-section a.readmore:hover:before,
a.readmore:hover:before {
    animation: borderBtn2 .4s forwards
}

@keyframes borderBtn3 {
    0% {
        padding-right: 0
    }
    10% {
        padding-right: 20px;
        padding-left: 0
    }
    100% {
        padding-right: 20px;
        padding-left: 20px
    }
}

@keyframes borderBtn2 {
    0%,
    10% {
        height: 0
    }
    40%,
    100% {
        height: 40px
    }
}

@keyframes borderBtn1 {
    0%,
    40% {
        width: 0
    }
    70%,
    100% {
        width: 100%
    }
}

@keyframes borderBtn4 {
    0%,
    70% {
        height: 0
    }
    100% {
        height: 40px
    }
}

@keyframes borderBtn4b {
    0% {
        height: 40px
    }
    100%,
    40% {
        height: 0
    }
}

@keyframes borderBtn1b {
    0%,
    40% {
        width: 100%
    }
    100%,
    70% {
        width: 0%
    }
}

@keyframes borderBtn2b {
    0%,
    70% {
        height: 40px
    }
    90%,
    100% {
        height: 0
    }
}

@keyframes borderBtn3b {
    0% {
        padding-right: 20px;
        padding-left: 20px
    }
    90% {
        padding-right: 20px;
        padding-left: 0
    }
    100% {
        padding-right: 0;
        padding-left: 0
    }
}

@keyframes borderBtn3Center {
    0% {
        padding-right: 0
    }
    10%,
    100% {
        padding-right: 20px;
        padding-left: 20px
    }
}

@keyframes borderBtn3bCenter {
    0%,
    90% {
        padding-right: 20px;
        padding-left: 20px
    }
    100% {
        padding-right: 0;
        padding-left: 0
    }
}

html {
    font-size: 16px
}

@media only screen and (max-width:1500px) {
    html {
        font-size: calc(0.00478 * (100vw - 991px) + 15px)
    }
}

@media only screen and (max-width:991px) {
    html {
        font-size: calc(0.00235 * (100vw - 100px) + 13px)
    }
}

body,
.ui-inner-content a,
.slick-slide .inner-items a {
    font-size: 16px !important
}

@media only screen and (max-width:1199px) {
    body,
    .ui-inner-content a,
    .slick-slide .inner-items a {
        font-size: 15px !important
    }
}

@media only screen and (max-width:991px) {
    body,
    .ui-inner-content a,
    .slick-slide .inner-items a {
        font-size: 14px !important
    }
}

@media only screen and (min-width:1200px) {
    .offset-right-xl-1 {
        margin-right: 8.333333%
    }
}

@media only screen and (min-width:1200px) {
    .nxt-comming-soon-left {
        max-width: 625px
    }
}

.termsandpolicy label a,
.ui-home-banner .banner-form .form-group label a {
    font-size: 1em !important
}

h1,
h2,
h3,
h4 {
    line-height: 120%;
    margin-bottom: 15px
}

@media only screen and (min-width:1200px) {
    .ui-about-nest {
        padding: 80px 0 118px
    }
}

@media only screen and (max-width:1199px) {
    .ui-nest-special .ui-left-content>div.row {
        padding: 30px 0
    }
    .ui-nest-special .col-lg-5 figure img {
        width: 185px;
        height: auto
    }
    .ui-nest-special .nest-right {
        padding: 45px 10%
    }
    .ui-nest-special .nest-right h4 {
        font-size: 22px;
        margin-bottom: 0
    }
    .highlight {
        padding: 100px 0 45px
    }
    .highlight .high-light-slider .inner-slides {
        min-height: 320px
    }
    .highlight .high-light-slider .inner-slides figure img {
        height: 213px;
        object-position: center 10%
    }
    .ui-choosecommunity {
        padding: 80px 0 70px
    }
    .ui-choosecommunity h2 {
        margin-bottom: 0 !important
    }
    .ui-about-nest {
        padding: 80px 0 40px
    }
    .ui-about-nest .content {
        padding-top: 10px
    }
    .ui-about-nest .content p {
        padding-bottom: 20px
    }
    .ui-about-nest .content .stories-box {
        padding: 20px 15px !important
    }
    .ui-about-nest .content .stories-box span:nth-child(1) {
        font-size: 1.375rem !important;
        padding-right: 0
    }
    .ui-about-nest .content .stories-box span:nth-child(2) {
        font-size: .9375rem !important
    }
    .ui-about-nest .content .stories-box .more {
        width: 33px;
        height: 33px;
        top: 15px !important;
        right: -18px !important;
        font-size: .9375rem !important
    }
    .ui-about-nest .content .stories-box-list>.col-md-4 {
        padding-right: 0 !important
    }
    .ui-testimonials {
        padding: 60px 0
    }
    .ui-testimonials .icon-quote-outline {
        font-size: 3.125rem
    }
    .ui-testimonials h2 {
        margin-top: 30px
    }
    .ui-testimonials .testimonials-slider2 .slick-list {
        min-height: 100px
    }
    .ui-coming-soon {
        padding-top: 70px
    }
    .ui-coming-soon .nest-right {
        padding: 20px 11% 50px
    }
    .ui-coming-soon .nest-right>.row {
        margin-top: 25px
    }
    .ui-coming-soon .nest-right>.row .col-lg-2 {
        padding-right: 0;
        text-align: right
    }
    .ui-coming-soon .nest-right>.row .col-lg-2 span {
        font-size: 1.875rem
    }
    .download-app {
        padding: 80px 0 0
    }
    .download-app .download p {
        margin-bottom: 30px
    }
    .download-app .download>.row:nth-last-child(1) .col-lg-12 {
        margin-bottom: 0 !important
    }
    .download-app .mobile-app img {
        min-height: 650px
    }
    .mail-section {
        padding: 75px 0
    }
    .mail-section .row>.col-lg-4 {
        margin-left: auto !important;
        margin-right: auto !important
    }
}

@media only screen and (max-width:1199px) and only screen and (max-width:575px) {
    .ui-about-nest .content .stories-box-list>.col-md-4 {
        padding-right: 15px !important
    }
}

@media only screen and (max-width:1199px) and only screen and (min-width:768px) {
    .mail-section .row>.col-lg-4 {
        flex: 0 0 50% !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50% !important
    }
}

@media only screen and (max-width:1199px) and only screen and (max-width:767px) {
    .mail-section .row>.col-lg-4 {
        flex: 0 0 83.33% !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33%;
        flex: 0 0 83.33%;
        max-width: 83.33% !important
    }
}

@media only screen and (max-width:991px) {
    header {
        z-index: 5000000 !important
    }
    header .ui-main-nav .navbar-collapse .navbar-nav {
        position: fixed;
        background-color: transparent;
        color: #fff;
        height: 100vh !important;
        top: 0;
        width: 100%;
        margin: 0 !important;
        bottom: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        overflow: hidden
    }
    header .ui-main-nav .navbar-collapse .navbar-nav li {
        margin: 0 auto;
        height: 30px
    }
    header .ui-main-nav .navbar-collapse .navbar-nav li:nth-child(1) {
        margin-top: 5vh
    }
    header .ui-main-nav .navbar-collapse .navbar-nav li:nth-last-child(1) {
        margin-bottom: auto;
        padding-right: 0 !important;
        padding-left: 0 !important;
        width: 100%
    }
    header .ui-main-nav .navbar-collapse .navbar-nav li a {
        color: #fff
    }
    header .ui-main-nav .navbar-collapse ul.navbar-nav {
        background-color: #ac1a1d;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden;
        right: 0;
        padding-right: 0
    }
    header .ui-main-nav .navbar-collapse ul.navbar-nav li {
        opacity: 0;
        transition-delay: .5s;
        transition: .5s;
        width: 100%;
        text-align: center;
        height: auto
    }
    header .ui-main-nav .navbar-collapse ul.navbar-nav li.show-subnav .subnav {
        height: auto;
        display: block
    }
    header .ui-main-nav .navbar-collapse ul.navbar-nav li.show-subnav .subnav ul {
        width: 100%;
        background-color: #ac1a1d
    }
    header .ui-main-nav .navbar-collapse ul.navbar-nav li .subnav {
        position: relative;
        width: 100% !important;
        text-align: center;
        height: 0 !important;
        display: none
    }
    header .ui-main-nav .navbar-collapse.collapsing {
        display: block !important
    }
    header .ui-main-nav .navbar-collapse.collapsing ul.navbar-nav {
        height: 0 !important;
        width: 100vw !important;
        transition: .5s
    }
    header .ui-main-nav .navbar-collapse.collapsing ul.navbar-nav li {
        opacity: 0;
        transition-delay: .5s;
        transition: .5s
    }
    header .ui-main-nav .navbar-collapse.collapse ul.navbar-nav {
        height: 100vh !important;
        width: 100vw !important;
        transition: .5s
    }
    header .ui-main-nav .navbar-collapse.collapse ul.navbar-nav li {
        opacity: 1;
        transition-delay: .5s;
        transition: .5s
    }
    .form-inner {
        height: 590px !important
    }
    .form-inner .inner-top {
        padding-top: 30px
    }
    .form-inner .inner-top p {
        padding-bottom: 15px
    }
    .ui-nest-special {
        margin-top: 330px
    }
    .ui-nest-special .ui-inner-content span {
        font-size: .625rem
    }
    .ui-testimonials .testimonials-slider2 .slick-list {
        min-height: 100px !important
    }
    .ui-coming-soon {
        text-align: center
    }
    .ui-coming-soon .col-lg-2 {
        text-align: center !important
    }
    .ui-coming-soon {
        padding: 30px 0 60px !important
    }
    .nxt-comming-soon-left {
        padding-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    h1,
    h2 {
        font-size: 1.125rem !important
    }
    .ui-testimonials .testimonials-slider2 .slick-list {
        min-height: 100px !important
    }
    header {
        height: 82px !important
    }
    header .ui-main-nav .main-logo,
    header .inner-logo {
        width: 200px;
        height: 42px
    }
}

@media only screen and (max-width:575px) {
    .ui-home-banner .banner-form .register .form-group,
    .ui-home-banner .banner-form .tab-content .tab-pane:last-child .form-group {
        padding-bottom: 10px
    }
    .ui-nest-special {
        margin-top: 425px
    }
    .ui-nest-special .ui-inner-content {
        padding-top: 10px
    }
    .ui-nest-special .ui-left-content {
        padding-bottom: 40px
    }
    header {
        height: 72px !important
    }
    header .ui-main-nav .main-logo,
    header .inner-logo {
        width: 150px;
        height: 32px
    }
    .modal.show:before {
        height: 65px
    }
    .modal-dialog {
        margin-left: 0
    }
}

@media only screen and (max-width:480px) {
    .ui-home-banner .banner-form .inner-top {
        padding: 20px 15px 0
    }
    .ui-home-banner .banner-form .inner-top h3 {
        letter-spacing: 0;
        margin-bottom: 10px
    }
    .ui-home-banner .banner-form .inner-top p {
        padding-bottom: 10px
    }
    .form-inner .inner-bottom {
        padding: 0 0 !important
    }
    .ui-home-banner .banner-form .ui-header-button {
        max-width: calc(33% - 15px);
        margin-right: 15px !important
    }
    .ui-home-banner .banner-form .form-inner {
        min-height: auto;
        height: auto !important
    }
    .ui-nest-special {
        margin-top: 390px
    }
    .testimonials-items .detail h4 {
        font-size: .6875rem
    }
    .ui-testimonials .add-story {
        font-size: 1rem
    }
    .highlight .high-light-slider {
        margin: 0 0 0 auto
    }
}

.nst-sidebar-item {
    margin-bottom: 20px
}

.nst-sidebar-item:nth-last-child(1) {
    margin-bottom: 0
}

@media only screen and (max-width:991px) {
    .user-profile-page .nxt-left-side-bar,
    .user-profile-page-edit .nxt-left-side-bar {
        max-width: 100%;
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px
    }
    .user-profile-page .nxt-profile-slider-sidebar,
    .user-profile-page-edit .nxt-profile-slider-sidebar {
        max-width: 33%;
        width: 100%;
        float: left;
        margin-right: 2px !improtant
    }
    .user-profile-page .nxt-discover-partner-nav,
    .user-profile-page-edit .nxt-discover-partner-nav {
        max-width: 30%;
        width: 100%;
        float: left
    }
}

@media only screen and (max-width:767px) {
    .user-profile-page h2,
    .user-profile-page-edit h2,
    .user-profile-page h3,
    .user-profile-page-edit h3 {
        font-size: 1rem !important
    }
    .user-profile-page .dashboard-success-stories-settings,
    .user-profile-page-edit .dashboard-success-stories-settings {
        display: none
    }
    .user-profile-page .nxt-meter-status.nst-sidebar-item,
    .user-profile-page-edit .nxt-meter-status.nst-sidebar-item,
    .user-profile-page .dashboard-upgrade-settings.nst-sidebar-item,
    .user-profile-page-edit .dashboard-upgrade-settings.nst-sidebar-item {
        width: calc(50% - 15px) !important;
        max-width: 50%
    }
    .user-profile-page .nxt-meter-status.nst-sidebar-item .widget-meter,
    .user-profile-page-edit .nxt-meter-status.nst-sidebar-item .widget-meter,
    .user-profile-page .dashboard-upgrade-settings.nst-sidebar-item .widget-meter,
    .user-profile-page-edit .dashboard-upgrade-settings.nst-sidebar-item .widget-meter {
        margin: 7% auto
    }
    .user-profile-page .nxt-profile-slider-sidebar,
    .user-profile-page-edit .nxt-profile-slider-sidebar {
        padding: 15px;
        padding-bottom: 15px !important
    }
    .user-profile-page .nst-discover-partner.nst-sidebar-item,
    .user-profile-page-edit .nst-discover-partner.nst-sidebar-item {
        padding: 45px 15px
    }
}

@media only screen and (max-width:575px) {
    .user-profile-page .nxt-discover-partner-nav.nst-sidebar-item,
    .user-profile-page-edit .nxt-discover-partner-nav.nst-sidebar-item,
    .user-profile-page .dashboard-upgrade-settings.nst-sidebar-item,
    .user-profile-page-edit .dashboard-upgrade-settings.nst-sidebar-item {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important
    }
}

.dashboard-success-stories-settings {
    border-radius: 5px;
    overflow: hidden
}

@media only screen and (max-width:1365px) {
    .dashboard-success-stories-settings figure img {
        max-height: 322px;
        height: 100%;
        width: 100%;
        -o-object-position: center 30%;
        object-position: center 30%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media only screen and (max-width:1365px) {
    .nxt-meter-status {
        padding-left: 25px !improtant;
        padding-right: 25px !improtant
    }
}

@media only screen and (max-width:1365px) {
    .nxt-left-side-bar {
        margin-left: 15px
    }
}

.nxt-left-side-bar {
    max-width: 300px;
    width: 100%
}

@media only screen and (max-width:991px) {
    .nxt-left-side-bar {
        max-width: calc(100% - 30px) !important;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .nxt-left-side-bar .nst-sidebar-item {
        width: calc(33.33% - 10px);
        margin: 0 auto;
        max-width: 325px;
        margin-bottom: 7px;
        padding-bottom: 15px
    }
    .nxt-left-side-bar .nst-sidebar-item:nth-last-child(1) {
        margin-right: 0
    }
    .nxt-left-side-bar .nst-sidebar-item:nth-child(1) {
        margin-left: 0
    }
}

@media only screen and (max-width:991px) {
    .dashboard-success-stories-settings figure {
        margin-bottom: 15px
    }
    .dashboard-success-stories-settings a.dash-btn {
        margin-top: 25px !important
    }
}

@media only screen and (max-width:991px) {
    .mobile-app-download.nst-sidebar-item {
        display: none
    }
}

.nxt-profile-slider-sidebar.nst-sidebar-item {
    position: relative
}

@media only screen and (max-width:991px) {
    .nxt-profile-slider-sidebar.nst-sidebar-item {
        width: 100%;
        max-width: calc(66.66% - 10px);
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding-bottom: 25px
    }
    .nxt-profile-slider-sidebar.nst-sidebar-item .nxt-profile-bar-slider {
        width: 70%
    }
    .nxt-profile-slider-sidebar.nst-sidebar-item #nxt-sml-profile-slider {
        width: calc(20% - 10px)
    }
}

@media only screen and (max-width:575px) {
    .nxt-profile-slider-sidebar.nst-sidebar-item {
        max-width: 100% !important;
        margin-bottom: 15px
    }
}

@media only screen and (max-width:399px) {
    .nxt-profile-slider-sidebar.nst-sidebar-item {
        display: block
    }
    .nxt-profile-slider-sidebar.nst-sidebar-item #nxt-sml-profile-slider,
    .nxt-profile-slider-sidebar.nst-sidebar-item .nxt-profile-bar-slider {
        width: 100%
    }
}

@media only screen and (max-width:991px) {
    #nxt-sml-profile-slider {
        margin-right: 0;
        margin-left: auto
    }
}

@media only screen and (max-width:1365px) {
    .nxt-right-sidebar {
        width: 100%;
        max-width: 100%
    }
    .nxt-right-sidebar:nth-child(1) {
        margin-right: 0;
        margin-left: auto
    }
    .nxt-right-sidebar:nth-last-child(1) {
        margin-right: auto;
        margin-left: 0
    }
}

@media only screen and (max-width:767px) {
    .nxt-right-sidebar {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:767px) {
    .partner-preference.who-viewed-profiles-area .items,
    .partner-preference.who-shortlisted-profiles-area .items {
        margin-top: 0 !important
    }
    .partner-preference.who-viewed-profiles-area .items figure,
    .partner-preference.who-shortlisted-profiles-area .items figure {
        width: 100% !important;
        padding: 0 20%;
        padding-bottom: 15px
    }
    .partner-preference.who-viewed-profiles-area .items .details,
    .partner-preference.who-shortlisted-profiles-area .items .details {
        width: 100% !important;
        height: auto !important;
        padding-bottom: 5px
    }
    .partner-preference.who-viewed-profiles-area .items .details p,
    .partner-preference.who-shortlisted-profiles-area .items .details p {
        width: 100% !important;
        float: left;
        text-align: center;
        padding-top: 0 !important
    }
    .partner-preference.who-viewed-profiles-area .items .details a,
    .partner-preference.who-shortlisted-profiles-area .items .details a {
        width: 100%;
        text-align: center;
        padding-top: 5px
    }
}

.nst-reg-from-sec {
    min-height: calc(100vh - 90px);
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px;
    color: #ac1a1d
}

.nst-reg-from-sec input {
    border-radius: 5px
}

.nst-reg-from-sec .nst-reg-form-area {
    max-width: 872px;
    width: 100%;
    background-color: #fff;
    margin: auto;
    position: relative;
    display: block;
    border-radius: 5px;
    padding: 0 15px
}

.nst-reg-from-sec .nst-reg-form-area .nxt-side-a {
    background-color: #f8f8f8;
    border-radius: 5px 0 0 5px;
    padding: 60px 35px
}

.nst-reg-from-sec .nst-reg-form-area .nxt-side-a .privilege-logo svg {
    max-width: 205px;
    height: 52px
}

.nst-reg-from-sec .nst-reg-form-area .nxt-side-a .nxt-options {
    margin: 50px 0
}

@media only screen and (max-width:767px) {
    .nst-reg-from-sec .nst-reg-form-area .nxt-side-a .nxt-options {
        text-align: center
    }
}

.nst-reg-from-sec .nst-reg-form-area .nst-icons {
    font-size: 2.1875rem;
    text-align: center;
    padding-top: 11px;
    color: #17cdb6
}

.nst-reg-from-sec .nst-reg-form-area .nst-icons span {
    display: block
}

.nst-reg-from-sec .nst-reg-form-area .details h5 {
    color: #ac1a1d;
    font-size: 1rem
}

.nst-reg-from-sec .nst-reg-form-area .details p {
    font-size: .875rem
}

.nst-reg-from-sec .nst-reg-form-area .nst-cpy-right-text {
    font-size: .75rem;
    color: #ac1a1d;
    opacity: .37
}

@media only screen and (max-width:575px) {
    .nst-reg-from-sec .nst-reg-form-area .register .col-9,
    .nst-reg-from-sec .nst-reg-form-area .register .col-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }
}

.nst-reg-from-sec:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000;
    top: 0;
    left: 0;
    opacity: .78
}

.nst-reg-from-sec .nxt-register-fom-sec {
    padding: 39px 33px
}

.nst-reg-from-sec .nxt-register-fom-sec form input[type=text] {
    height: 40px
}

.nst-reg-from-sec .nxt-register-fom-sec form .form-group:nth-child(3) .col-3 {
    max-width: 25% !important;
    flex: 0 0 25% !important
}

.nst-reg-from-sec .nxt-register-fom-sec form .form-group:nth-child(3) .col-9 {
    max-width: 75% !important;
    flex: 0 0 75% !important
}

.nst-reg-from-sec .nxt-register-fom-sec form .form-group:nth-child(4) .form-row .col-3 {
    max-width: 25% !important;
    flex: 0 0 25% !important
}

@media only screen and (max-width:575px) {
    .nst-reg-from-sec .nxt-register-fom-sec form .form-group.termsandpolicy {
        line-height: 30px
    }
}

@media only screen and (max-width:575px) {
    .nst-reg-from-sec .nxt-register-fom-sec form .form-group:nth-last-child(3) .col-6 {
        max-width: 100% !important;
        flex: 0 0 100% !important
    }
    .nst-reg-from-sec .nxt-register-fom-sec form .form-group:nth-last-child(3) .ui-header-button {
        width: calc(100% - 30px);
        margin: 10px 15px
    }
}

.nst-reg-from-sec .nxt-register-fom-sec h1 {
    font-size: 2rem;
    color: #ac1a1d;
    line-height: 160%
}

.nst-reg-from-sec .nxt-register-fom-sec h1 span {
    color: #17cdb6
}

.nst-reg-from-sec .nxt-register-fom-sec p {
    font-size: 1rem
}

.nst-reg-from-sec .nxt-register-fom-sec .nst-reg-text-link {
    margin-bottom: 35px
}

.nst-reg-from-sec .nxt-register-fom-sec .nst-reg-text-link a {
    color: #17cdb6;
    transition: .5s
}

.nst-reg-from-sec .nxt-register-fom-sec .nst-reg-text-link a:hover {
    color: #ac1a1d;
    transition: .5s
}

.nst-reg-from-sec .nxt-register-fom-sec label {
    font-size: .875rem
}

.nst-reg-from-sec .nxt-register-fom-sec .termsandpolicy label,
.nst-reg-from-sec .nxt-register-fom-sec .termsandpolicy p {
    font-size: .6875rem
}

.nxt-register-fom-sec [type=radio]:before {
    content: "";
    height: 18px;
    width: 18px;
    border-radius: 20px;
    border: 2px solid #c5c6c6;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: -1px;
    transition: .5s
}

.nxt-register-fom-sec input[type=radio]+.form-check-label {
    padding-left: 8px
}

.nxt-register-fom-sec [type=radio]:checked:before {
    content: "";
    background-color: #17cdb6;
    border-color: #17cdb6;
    transition: .5s
}

.nxt-register-fom-sec .termsandpolicy input[type=checkbox] {
    margin: 1px 10px 1px 2px;
    position: relative
}

.nxt-register-fom-sec .termsandpolicy input[type=checkbox]:after {
    content: "";
    height: 20px;
    width: 20px;
    border-radius: 25px;
    border: 2px solid #c5c6c6;
    background-color: #fff;
    position: absolute;
    left: -3px;
    top: -2px;
    font-family: icomoon !important;
    font-size: .0625rem;
    color: #fff;
    transition: .5s
}

.nxt-register-fom-sec .termsandpolicy input[type=checkbox]:checked:after {
    content: "\e92d";
    background-color: #17cdb6;
    border-color: #17cdb6;
    font-size: .5rem;
    line-height: 17px;
    text-align: center;
    transition: .5s
}

.upload-gallery {
    width: 100%;
    height: 60%
}

.log-out-notification {
    max-width: 834px;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important
}

.log-out-notification .who-viewed-profiles .items {
    margin-bottom: 16px
}

.modal-content .button-holder {
    text-align: center;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.modal-content .button-holder .button-container {
    text-align: right
}

.modal-content .button-holder .button-container input.btn {
    margin-top: 10px;
    margin-left: 6px;
    background-color: #17cdb6 !important;
    color: #fff !important;
    transition: all .5s ease-out !important;
    border: none !important;
    border-radius: 5px;
    padding: 5px 20px
}

.modal-content .button-holder .button-container input.btn a {
    color: #fff !important;
    transition: all .5s ease-out !important
}

.modal-content .button-holder .button-container input.btn:hover {
    background-color: #ac1a1d !important;
    transition: all .5s ease-out !important;
    border: none !important;
    color: #fff !important
}

.modal-content .button-holder .button-container input.btn:hover a {
    color: #fff !important;
    transition: all .5s ease-out !important
}

.modal-content .button-holder .button-container input.btn:focus,
.modal-content .button-holder .button-container input.btn:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

.slick-lightbox-close {
    margin-top: 95px
}

.slick-lightbox-close:before {
    font-size: 30px
}

.slick-prev.slick-arrow,
.slick-next.slick-arrow {
    position: absolute;
    margin-top: 0;
    z-index: 500;
    top: 0;
    font-size: 0;
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border: none;
    border-radius: 30px;
    width: 25px;
    height: 25px;
    transition: all .5s ease-out;
    padding-top: 3px
}

.slick-prev.slick-arrow:hover,
.slick-next.slick-arrow:hover {
    color: #fff;
    border-color: #17cdb6 !important;
    border-bottom-color: #17cdb6 !important;
    background-color: #17cdb6
}

.slick-prev.slick-arrow {
    margin-right: 35px
}

.slick-prev.slick-arrow:before {
    content: "\e949";
    font-family: icomoon !important;
    font-size: 10px;
    line-height: 18px
}

.slick-next.slick-arrow:before {
    content: "\e921";
    font-family: icomoon !important;
    font-size: 10px;
    padding-left: 3px;
    padding-top: 5px
}

.slick-lightbox-slick-img {
    -o-object-fit: contain;
    object-fit: contain
}

.nst-lightbox a {
    position: relative
}

.nst-lightbox a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .5s ease-out;
    font-family: icomoon !important;
    font-size: 31px;
    color: transparent;
    padding-top: calc(50% - 12px)
}

.nst-lightbox a:hover:after {
    content: "\e900";
    background-color: rgba(0, 0, 0, .4);
    color: #fff
}

.nxt-price-list-tab {
    background-color: #edf0f2;
    padding-bottom: 43px;
    color: #ac1a1d;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 30px)
}

.nxt-price-list-tab .nst-package-item {
    position: relative
}

.nxt-price-list-tab .nst-package-item .nst-package-details-tab,
.nxt-price-list-tab .nst-package-item .nst-upgrade-price-tab {
    transition: all .5s ease-out
}

.nxt-price-list-tab .nst-package-item.upgrade-item-active .nst-upgrade-price-tab,
.nxt-price-list-tab .nst-package-item:hover .nst-upgrade-price-tab {
    background-color: #ac1a1d
}

.nxt-price-list-tab .nst-package-item.upgrade-item-active .nst-upgrade-price-tab p,
.nxt-price-list-tab .nst-package-item:hover .nst-upgrade-price-tab p {
    color: #fff
}

.nxt-price-list-tab .nst-upgrade-plans-head {
    width: 100%;
    padding: 20px
}

.nxt-price-list-tab .nst-upgrade-plans-head ul {
    width: 100%;
    display: inline-flex
}

.nxt-price-list-tab .nst-upgrade-plans-head ul li {
    margin: auto;
    opacity: .4
}

.nxt-price-list-tab .nst-upgrade-plans-head ul li:nth-child(1) {
    margin-left: 5%
}

.nxt-price-list-tab .nst-upgrade-plans-head ul li:nth-last-child(1) {
    margin-right: 5%
}

.nxt-price-list-tab .nst-upgrade-table-body {
    padding: 0 15px;
    width: 100%;
    font-size: .875rem;
    color: #ac1a1d
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-package-details-tab {
    width: 15.72%;
    padding: 0 23px;
    background-image: -moz-linear-gradient(90deg, #02C48D, #22D6D9);
    background-image: -webkit-gradient(90deg, #02C48D, #22D6D9);
    background-image: -webkit-linear-gradient(90deg, #02C48D, #22D6D9);
    background-image: -o-linear-gradient(90deg, #02C48D, #22D6D9);
    background-image: linear-gradient(90deg, #02C48D, #22D6D9);
    color: #fff
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-package-details-tab p {
    color: #fff;
    font-size: .875rem
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-package-details-tab h3 {
    font-size: 25px;
    margin-bottom: 5px
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-package-details-tab span {
    font-size: 20px;
    font-weight: 700;
    line-height: 196%
}

.nxt-price-list-tab .nst-upgrade-table-body span.icon-tick {
    color: #17cdb6
}

.nxt-price-list-tab .nst-upgrade-table-body span.icon-cross {
    color: #f05319
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-features-tab.nst-features-tab-1 {
    width: 16.32%
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-features-tab.nst-features-tab-2 {
    width: 30.42%
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-features-tab.nst-features-tab-3 {
    width: 21.74%
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-features-tab {
    padding: 10px 25px;
    min-height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-features-tab ul {
    margin: auto;
    line-height: 140%
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-upgrade-price-tab {
    width: 15.78%;
    padding: 0 15px;
    background-color: #fafafa
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-upgrade-price-tab button {
    background-color: #17cdb6 !important;
    color: #fff !important;
    transition: all .5s ease-out !important;
    border: none !important;
    width: 100%;
    max-width: 140px;
    height: 39px;
    border-radius: 5px;
    font-size: 1rem;
    margin-top: 12px
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-upgrade-price-tab button a {
    color: #fff !important;
    transition: all .5s ease-out !important
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-upgrade-price-tab button:hover {
    background-color: #fff !important;
    transition: all .5s ease-out !important;
    border: none !important;
    color: #ac1a1d !important
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-upgrade-price-tab button:hover a {
    color: #ac1a1d !important;
    transition: all .5s ease-out !important
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-upgrade-price-tab button:focus,
.nxt-price-list-tab .nst-upgrade-table-body .nst-upgrade-price-tab button:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-upgrade-price-tab p {
    font-size: .875rem;
    font-weight: 700;
    line-height: 100%
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-upgrade-price-tab p span {
    width: 100%;
    max-width: 140px;
    height: 39px;
    border-radius: 5px;
    font-size: 1.25rem;
    padding-right: 10px
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-package-details-tab,
.nxt-price-list-tab .nst-upgrade-table-body .nst-upgrade-price-tab {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-package-details-tab .nst-package-content,
.nxt-price-list-tab .nst-upgrade-table-body .nst-upgrade-price-tab .nst-package-content {
    margin: auto
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-features-tab ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: .8125rem
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-features-tab ul li:nth-last-child(1) {
    margin-bottom: 0 !important
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-features-tab ul li span {
    font-size: .5625rem;
    padding-right: 11px;
    padding-top: 4px
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-features-tab ul li span.icon-cross {
    padding-right: 14px
}

.nxt-price-list-tab .nst-upgrade-table-body .nst-package-item {
    min-height: 151px;
    margin-bottom: 13px;
    background-color: #fff
}

.nst-package-helps {
    padding-bottom: 71px
}

.nst-package-helps p {
    font-size: 1.125rem;
    color: #ac1a1d;
    font-weight: 700
}

.nst-package-helps p.nst-package-helps-link {
    color: #17cdb6
}

.nst-package-helps p.nst-package-helps-link a {
    font-weight: 700;
    color: #17cdb6;
    transition: .5s
}

.nst-package-helps p.nst-package-helps-link a:hover {
    color: #ac1a1d;
    transition: .5s
}

.nst-sidebar-item .nst-similar-profile-item {
    margin-bottom: 20px
}

.nst-sidebar-item .nst-similar-profile-item .nxt-similar-profiles {
    margin-bottom: 0
}

.nst-sidebar-item .nxt-similar-profiles:nth-last-child(1) {
    margin-bottom: 0
}

#q-pay-barcode .q-pay-parcode-item {
    display: none
}

#q-pay-barcode .q-pay-parcode-item.active {
    display: block
}

#nxt-faqPage-accordion .card-body ul li {
    color: #ac1a1d !important
}

.nst-user-login-dashboard .mail-section {
    display: none
}

.error-page {
    height: 100vh;
    width: 100vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.error-page .mail-section,
.error-page footer {
    display: none
}

.error-page .error-content {
    max-width: 450px;
    max-height: 300px;
    margin: auto;
    text-align: center
}

.error-page .error-content svg {
    width: 163px;
    height: 163px
}

.error-page .error-content .nav-link.ui-header-button {
    width: 177px;
    margin: 30px auto 20px;
    line-height: 25px
}

.error-page .error-content .nav-link.ui-header-button:hover {
    color: #fff
}

.error-page .error-content h1 {
    color: #ac1a1d;
    font-size: 2.875rem;
    margin-top: 1.5625rem;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .error-page .error-content h1 {
        font-size: 2.1875rem !important
    }
}

.error-page .error-content p {
    color: #ac1a1d;
    font-size: 1.0625rem
}

.ui-slider-range.ui-corner-all.ui-widget-header {
    background-color: #17cdb6;
    transition: .5s
}

@media only screen and (max-width:991px) {
    .navbar-nav {
        overflow: auto !important
    }
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .navbar-nav li.nav-item {
        padding-right: 12px !important;
        padding-left: 12px !important
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .navbar-nav li.nav-item a {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

@media only screen and (max-width:991px) {
    .navbar-nav li.nav-item {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .navbar-nav li.nav-item.show-subnav .subnav {
        display: none !important
    }
    .navbar-nav li.nav-item.show-sub-dropdown .nav-link+.subnav {
        display: block !important;
        height: auto !important;
        opacity: 1;
        visibility: visible;
        margin-top: 0 !important;
        padding-bottom: 0 !important
    }
    .navbar-nav li.nav-item.show-sub-dropdown .nav-link+.subnav .ul-cstm-drop {
        border-color: #ac1a1d !important;
        width: 100% !important;
        background-color: rgba(255, 255, 255, .1) !important
    }
    .navbar-nav li.nav-item.show-sub-dropdown .nav-link+.subnav .ul-cstm-drop li:nth-last-child(1) {
        width: 100% !important;
        padding-right: 0 !important
    }
}

.nst-manage-photos {
    width: 100%;
    margin-top: -15px;
    margin-bottom: 15px;
    z-index: 10
}

.nst-manage-photos .nst-manage-photos-btn {
    width: 100%;
    background-color: #17cdb6 !important;
    color: #fff !important;
    transition: all .5s ease-out !important;
    border: none !important
}

.nst-manage-photos .nst-manage-photos-btn a {
    color: #fff !important;
    transition: all .5s ease-out !important
}

.nst-manage-photos .nst-manage-photos-btn:hover {
    background-color: #ac1a1d !important;
    transition: all .5s ease-out !important;
    border: none !important;
    color: #fff !important
}

.nst-manage-photos .nst-manage-photos-btn:hover a {
    color: #fff !important;
    transition: all .5s ease-out !important
}

.nst-manage-photos .nst-manage-photos-btn:focus,
.nst-manage-photos .nst-manage-photos-btn:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

.modal-header button.close,
.nst-modal-close-btn {
    color: #17cdb6 !important;
    background: #efefef !important;
    padding: 2px 10px !important;
    font-size: 33px;
    border-radius: 50%;
    margin-top: 1px;
    opacity: 1;
    cursor: pointer;
    font-weight: 400;
    position: absolute;
    right: 45px;
    top: 30px
}

.icon-ring span.path2 {
    animation-delay: 0s !important;
    -webkit-animation: ringIcon 1.2s infinite;
    animation: ringIcon 1.2s infinite
}

.icon-ring span.path1 {
    animation-delay: .2s !important;
    -webkit-animation: ringIcon 1.2s infinite;
    animation: ringIcon 1.2s infinite
}

.icon-ring span.path3 {
    animation-delay: .4s !important;
    -webkit-animation: ringIcon 1.2s infinite;
    animation: ringIcon 1.2s infinite
}

.icon-ring span.path4 {
    animation-delay: .6s !important;
    -webkit-animation: ringIcon 1.2s infinite;
    animation: ringIcon 1.2s infinite
}

.icon-ring span.path5 {
    animation-delay: .8s !important;
    -webkit-animation: ringIcon 1.2s infinite;
    animation: ringIcon 1.2s infinite
}

.icon-ring span.path6 {
    animation-delay: 1s !important;
    -webkit-animation: ringIcon 1.2s infinite;
    animation: ringIcon 1.2s infinite
}

@keyframes ringIcon {
    0% {
        opacity: 1
    }
    16.6% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.nst-mob-sign-in-btn.ui-header-button {
    background-color: #fff !important;
    color: #17cdb6 !important;
    transition: all .5s ease-out !important;
    border: none !important;
    line-height: 183% !important
}

.nst-mob-sign-in-btn.ui-header-button a {
    color: #17cdb6 !important;
    transition: all .5s ease-out !important
}

.nst-mob-sign-in-btn.ui-header-button:hover {
    background-color: #fff !important;
    transition: all .5s ease-out !important;
    border: none !important;
    color: #ac1a1d !important
}

.nst-mob-sign-in-btn.ui-header-button:hover a {
    color: #ac1a1d !important;
    transition: all .5s ease-out !important
}

.nst-mob-sign-in-btn.ui-header-button:focus,
.nst-mob-sign-in-btn.ui-header-button:active {
    border: none !important;
    box-shadow: none;
    outline: none
}

.widget-meter.meter-status {
    margin-right: auto;
    margin-left: auto
}

#search-filter-btn {
    display: none
}

.nst-large-profile-box {
    display: table
}

.nst-large-profile-box .profiles {
    position: relative
}

.nst-large-profile-box .profiles .figure,
.nst-large-profile-box .profiles .profile-details,
.nst-large-profile-box .profiles .nst-large-result-foot {
    float: left
}

.nst-large-profile-box .profiles .nst-large-result-foot {
    width: calc(100% - 210px)
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-foot a span.icon-red-love:before,
.nxt-usr-dashboard .nxt-dashboard-details .profile-foot a span.icon-contact:before,
.nxt-usr-dashboard .nxt-dashboard-details .profile-foot a span.icon-tick:before {
    font-size: .4rem !important
}

.nxt-usr-dashboard .nxt-dashboard-details .profile-foot a span.icon-contact {
    padding-left: 5px !important;
    padding-top: 6px !important
}

.nxt-usr-dashboard.nst-search-result-page .nxt-dashboard-details.recently-joined-listing {
    max-width: calc(100% - 310px) !important;
    margin-right: 0 !important
}

.user-photo-gallery-page {
    display: table;
    width: 100%
}

.nxt-similar-profiles img {
    height: 260px;
    object-fit: cover;
    object-position: center 25%
}

.nst-faq-page .nxt-faqPage-accordion .btn.btn-link {
    white-space: normal !important;
    text-align: left
}

@media only screen and (max-width:767px) {
    .nst-faq-page h2 {
        float: left;
        margin-top: 10px;
        text-align: left
    }
}

@media only screen and (max-width:1499px) {
    .nxt-usr-dashboard .nxt-dashboard-details .profile-box .profile-details {
        width: calc(100% - 160px) !important
    }
    #basic_search_click,
    #quick_search_click {
        width: 100% !important
    }
    .nxt-usr-dashboard .nxt-dashboard-details .profile-box .profile-details {
        width: calc(100% - 210px) !important
    }
    .nxt-usr-dashboard.user-photo-gallery-page .nxt-dashboard-details {
        max-width: calc(100% - 302px) !important
    }
}

@media only screen and (max-width:1365px) {
    main.nxt-usr-dashboard.nst-d-table {
        display: table
    }
    .nst-search-page .nxt-left-side-bar {
        display: none !important
    }
    .nst-search-page .nxt-dashboard-details {
        width: 72% !important;
        max-width: 72% !important
    }
    .nst-search-page .nxt-right-sidebar {
        width: 28%;
        max-width: 28% !important
    }
    .nst-search-page .nxt-right-sidebar .nst-sidebar-item {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0 !important;
        margin-left: 0 !important
    }
    .nxt-usr-dashboard.nst-search-result-page .nxt-dashboard-details.recently-joined-listing .inner-details {
        column-count: 2
    }
    .nxt-usr-dashboard.nst-search-result-page .nxt-dashboard-details.recently-joined-listing .inner-details li {
        font-size: .8125rem
    }
    .nxt-usr-dashboard.nst-search-result-page .nxt-dashboard-details.recently-joined-listing .inner-details li span {
        font-size: 1rem
    }
    .nst-large-profile-box .profiles .nst-large-result-foot {
        width: 100% !important
    }
    .nxt-usr-dashboard.nst-search-result-page .nxt-dashboard-details.recently-joined-listing {
        max-width: calc(100% - 330px) !important;
        margin-right: 0 !important
    }
    .nst-account-settings-page {
        display: table
    }
    .nst-account-settings-page .nxt-left-side-bar .mobile-app-download {
        display: none
    }
    .nst-account-settings-page .nxt-right-sidebar {
        padding-left: 327px !important
    }
    .nst-account-settings-page .nxt-right-sidebar .nst-sidebar-item {
        width: calc(50% - 18px) !important
    }
    .nst-notification-user-page .dashboard-success-stories-settings {
        display: none
    }
    .nst-notification-user-page .nxt-right-sidebar {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .nst-notification-user-page .nxt-right-sidebar h5 {
        width: 100%;
        padding: 0 16px
    }
    .nst-notification-user-page .nxt-right-sidebar .nst-sidebar-item {
        width: 100% !important
    }
    .nst-notification-user-page .nxt-right-sidebar .nst-sidebar-item div.row {
        width: 33.33% !important;
        float: left;
        padding: 0 8px
    }
    .nxt-usr-dashboard.user-photo-gallery-page .nxt-dashboard-details {
        max-width: calc(100% - 350px) !important;
        padding-right: 0
    }
    .nxt-usr-dashboard.user-photo-gallery-page .nxt-right-sidebar {
        max-width: 350px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .nxt-usr-dashboard.user-photo-gallery-page .nxt-right-sidebar .nst-sidebar-item {
        width: 100% !important;
        max-width: 100%
    }
    .nxt-price-list-tab {
        font-size: .8125rem
    }
    .nxt-price-list-tab .nst-upgrade-table-body .nst-features-tab ul li {
        font-size: .8125rem
    }
    .nst-faq-page .nxt-right-sidebar,
    .advertise-with-us .nxt-right-sidebar {
        max-width: 325px !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .nst-faq-page .nxt-right-sidebar .nst-sidebar-item,
    .advertise-with-us .nxt-right-sidebar .nst-sidebar-item {
        width: 100% !important;
        height: auto !important
    }
    .nst-our-services .nxt-right-sidebar {
        width: 325px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .nst-our-services .nxt-right-sidebar .nst-sidebar-item {
        width: 100% !important;
        height: auto !important
    }
}

@media only screen and (min-width:1200px) {
    .nxt-price-list-tab .nst-package-item {
        flex-wrap: nowrap !important
    }
    .nxt-price-list-tab .nst-package-item .nst-package-details-tab {
        min-height: 151px !important
    }
    .nxt-price-list-tab .nst-package-item .nst-package-details-tab .nst-package-content {
        display: ruby !important
    }
    .nxt-price-list-tab .nst-package-item .nst-features-tab {
        display: table;
        min-height: 151px
    }
    .nxt-price-list-tab .nst-package-item .nst-features-tab>ul {
        display: table-cell;
        vertical-align: middle
    }
    .nxt-price-list-tab .nst-package-item .nst-upgrade-price-tab {
        min-height: 151px !important
    }
    .nxt-price-list-tab .nst-package-item .nst-upgrade-price-tab .nst-package-content {
        text-align: center
    }
    .nxt-price-list-tab .nst-package-item.upgrade-item-active .nst-package-details-tab,
    .nxt-price-list-tab .nst-package-item:hover .nst-package-details-tab {
        width: calc(15.72% + 15px);
        margin-left: -15px;
        border-radius: 5px 0 0 5px;
        padding-left: 38px
    }
    .nxt-price-list-tab .nst-package-item.upgrade-item-active .nst-upgrade-price-tab,
    .nxt-price-list-tab .nst-package-item:hover .nst-upgrade-price-tab {
        margin-right: -15px;
        width: calc(15.78% + 15px);
        border-radius: 0 5px 5px 0;
        padding-right: 30px
    }
}

@media only screen and (max-width:1199px) {
    .ui-header-button {
        height: 36px !important;
        line-height: 20px !important
    }
    .profile-box .profile-foot {
        display: table;
        width: 100%
    }
    .profile-box .profile-foot a.chat-btn {
        float: left
    }
    .profile-box .profile-foot .cont-det {
        width: calc(100% - 173px);
        float: left;
        text-align: right;
        position: relative;
        display: table !important;
        height: 40px
    }
    .profile-box .profile-foot .cont-det a {
        width: 49%;
        padding-right: 0 !important
    }
    .profile-box .profile-foot .cont-det a span:nth-child(2) {
        margin-right: 0
    }
    .profile-box .profile-foot .interest {
        width: calc(100% - 173px);
        text-align: right;
        float: left;
        display: block;
        height: 20px;
        position: relative !important
    }
    .profile-box .profile-foot .interest a {
        width: 49%;
        padding-left: 0 !important
    }
    .profile-box .profile-foot .interest a span:nth-child(2) {
        margin-right: 0
    }
    .profile-box.nst-large-profile-box .profile-foot {
        padding-left: 0 !important
    }
    .profile-box.nst-large-profile-box .profile-foot .interest a {
        width: auto !important;
        padding-left: 15px !important;
        margin-top: 8px
    }
    .profile-details .inner-details {
        column-count: 1
    }
    .nxt-usr-dashboard.nst-search-result-page .nxt-dashboard-details.recently-joined-listing .inner-details {
        column-count: 1
    }
    .nst-upgrade-plans-head {
        display: none
    }
    .nst-upgrade-table-body {
        background-color: #fff
    }
    .nst-upgrade-table-body .nst-package-item {
        margin: 20px 8px !important;
        width: calc(33.33% - 16px);
        float: left;
        position: relative;
        box-shadow: 0 0 8px #eee !important
    }
    .nst-upgrade-table-body .nst-package-item .nst-package-details-tab,
    .nst-upgrade-table-body .nst-package-item .nst-features-tab,
    .nst-upgrade-table-body .nst-package-item .nst-upgrade-price-tab {
        width: 100% !important;
        padding: 15px !important
    }
    .nst-upgrade-table-body .nst-package-item .nst-package-details-tab {
        text-align: center;
        border-radius: 5px 5px 0 0
    }
    .nst-upgrade-table-body .nst-package-item .nst-upgrade-price-tab {
        border-radius: 0 0 0 0
    }
    .nst-upgrade-table-body .nst-package-item .nst-features-tab ul {
        width: 100% !important;
        padding: 0 17px !important
    }
    .nst-upgrade-table-body .nst-package-item .nst-features-tab.nst-features-tab-1 {
        padding-top: 30px !important
    }
    .nst-upgrade-table-body .nst-package-item .nst-features-tab.nst-features-tab-3 {
        padding-bottom: 30px !important
    }
    .nxt-price-list-tab {
        background-color: #fff !important;
        padding-bottom: 0
    }
    .nxt-price-list-tab .nst-package-item {
        transition: all .5s ease-out !important
    }
    .nxt-price-list-tab .nst-package-item.upgrade-item-active,
    .nxt-price-list-tab .nst-package-item:hover {
        box-shadow: 4px 0 35px 1px #e5e5e5 !important;
        transition: all .5s ease-out !important
    }
    .nxt-price-list-tab .nst-package-item.upgrade-item-active .nst-upgrade-price-tab,
    .nxt-price-list-tab .nst-package-item:hover .nst-upgrade-price-tab {
        padding-bottom: 12px;
        padding-top: 12px
    }
    .nxt-grid-xl-5.nxt-inner-prof-item {
        max-width: 275px;
        margin: auto
    }
}

@media only screen and (min-width:992px) {
    .nst-filter-show .nst-filter-overlay {
        display: none !important
    }
    .nst-filter-show .nst-search-filter-area {
        display: block !important
    }
    #search-filter-close-btn {
        display: none
    }
}

@media only screen and (max-width:991px) {
    .nxt-usr-dashboard.user-profile-page .nxt-dashboard-details,
    .nxt-usr-dashboard.user-profile-page-edit .nxt-dashboard-details {
        max-width: 100% !important
    }
    .nxt-dashboard-details.nxt-who-viewed-profile.d-inline-block.align-top {
        width: 100% !important;
        max-width: 100% !important
    }
    .nxt-left-side-bar {
        display: flex !important
    }
    .nxt-left-side-bar .nst-sidebar-item {
        width: calc(50% - 8px);
        min-width: calc(50% - 8px)
    }
    .nxt-left-side-bar .nst-sidebar-item:nth-child(2) {
        margin-left: 15px
    }
    .nxt-user-account-profile .nxt-profile-name {
        margin-top: 36px !important
    }
    .nxt-user-account-profile.nst-sidebar-item figure {
        float: left
    }
    .nxt-user-account-profile.nst-sidebar-item .nxt-profile-settings-link {
        width: 100%;
        margin-top: 50px
    }
    .nxt-user-account-profile.nst-sidebar-item .nxt-profile-settings-link li {
        width: 58%;
        float: left
    }
    .nxt-user-account-profile.nst-sidebar-item .nxt-profile-settings-link li:nth-child(even) {
        width: 42%
    }
    .nxt-user-account-profile.nst-sidebar-item .nxt-profile-settings-link li span {
        margin-right: 5px !important
    }
    .dashboard-success-stories-settings {
        display: none
    }
    main.nxt-usr-dashboard div.nxt-right-sidebar .nst-sidebar-item {
        width: 100% !important;
        max-width: calc(50% - 14px) !important
    }
    main.nxt-usr-dashboard div.nxt-right-sidebar .nst-sidebar-item:nth-child(1) {
        margin: auto !important;
        margin-top: 30px !important
    }
    .nst-search-page .nxt-right-sidebar {
        display: none !important
    }
    .nst-search-page .nxt-dashboard-details {
        width: 100% !important;
        max-width: 100% !important
    }
    .nst-search-result-page .nst-large-profile-box {
        width: 100% !important
    }
    .nxt-usr-dashboard.nst-search-result-page .nxt-dashboard-details.recently-joined-listing {
        max-width: 100% !important;
        margin-right: 0 !important
    }
    .nst-search-result-area {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #search-filter-btn {
        display: block;
        float: right
    }
    #search-filter-btn span {
        padding-right: 0;
        border-right: none
    }
    .nst-search-filter-area {
        max-width: 350px;
        position: absolute;
        width: 100%;
        top: 98px;
        left: 0;
        z-index: 10000000;
        height: calc(100vh - 98px) !important;
        min-height: calc(100vh - 99px) !important;
        overflow-y: auto;
        background: #fff
    }
    .nst-filter-show {
        overflow: hidden
    }
    .nst-filter-show .nst-filter-overlay {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 500000;
        background: #ac1a1d;
        opacity: .5;
        position: absolute
    }
    .nst-search-filter-area {
        display: none
    }
    #search-filter-close-btn {
        width: 100%;
        text-align: right;
        padding: 8px 22px;
        display: block;
        position: sticky;
        top: 0;
        box-shadow: 2px 2px 2px #eee;
        background-color: #fff;
        background-color: #fff !important;
        color: #17cdb6 !important;
        transition: all .5s ease-out !important;
        border: none !important;
        z-index: 50
    }
    #search-filter-close-btn a {
        color: #17cdb6 !important;
        transition: all .5s ease-out !important
    }
    #search-filter-close-btn:hover {
        background-color: #fff !important;
        transition: all .5s ease-out !important;
        border: none !important;
        color: #ac1a1d !important
    }
    #search-filter-close-btn:hover a {
        color: #ac1a1d !important;
        transition: all .5s ease-out !important
    }
    #search-filter-close-btn:focus,
    #search-filter-close-btn:active {
        border: none !important;
        box-shadow: none;
        outline: none
    }
    #search-filter-close-btn span {
        font-size: .625rem
    }
    .nst-account-settings-page .nxt-right-sidebar {
        padding: 9px 8px !important
    }
    .nst-account-settings-page .nxt-right-sidebar .nst-sidebar-item {
        width: calc(50% - 18px) !important
    }
    .nst-account-settings-page .nxt-left-side-bar {
        width: 33%;
        float: left
    }
    .nst-account-settings-page .nxt-left-side-bar .dashboard-categories-settings {
        width: 100%
    }
    .nst-account-settings-page .nxt-dashboard-details {
        float: left;
        width: 65%;
        max-width: 100% !important
    }
    .nxt-usr-dashboard .nxt-dashboard-details .nxt-set-alert input {
        width: 100%
    }
    .nxt-usr-dashboard .log-out-notification {
        width: 100% !important;
        max-width: 100% !important
    }
    .nxt-usr-dashboard .log-out-notification .notification-div {
        padding: 50px !important
    }
    .nst-notification-user-page .nxt-left-side-bar .nst-sidebar-item {
        min-width: 100px !important
    }
    .nst-notification-user-page .nxt-your-profile-matches-bar.nxt-dashboard-content-tabs .col-lg-5.nst-intrest-shortlist-tab {
        height: 30px
    }
    main.nxt-usr-dashboard.nst-notification-user-page .nxt-right-sidebar {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    main.nxt-usr-dashboard.nst-notification-user-page .nxt-right-sidebar h5 {
        width: 100%;
        padding: 0 16px
    }
    main.nxt-usr-dashboard.nst-notification-user-page .nxt-right-sidebar .nst-sidebar-item {
        width: 100% !important;
        max-width: 100% !important
    }
    main.nxt-usr-dashboard.nst-notification-user-page .nxt-right-sidebar .nst-sidebar-item div.row {
        width: 50% !important;
        float: left;
        padding: 0 8px
    }
    .nxt-usr-dashboard.user-photo-gallery-page .nxt-dashboard-details {
        max-width: 100% !important;
        padding-right: 0;
        width: 100% !important
    }
    .nxt-usr-dashboard.user-photo-gallery-page .nxt-dashboard-details .upload-gallery .upload-gallery-header span {
        display: block;
        text-align: center;
        border-right: none
    }
    .nxt-usr-dashboard.user-photo-gallery-page .nxt-dashboard-details .upload-gallery .upload-gallery-header span:first-child:before {
        content: none;
        background-color: #fff
    }
    .nxt-usr-dashboard.user-photo-gallery-page .nxt-dashboard-details .upload-gallery .pictures {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .nxt-usr-dashboard.user-photo-gallery-page .nxt-dashboard-details .upload-gallery .pictures figure,
    .nxt-usr-dashboard.user-photo-gallery-page .nxt-dashboard-details .upload-gallery .pictures .upload-btn-wrapper {
        margin-right: auto;
        margin-left: auto
    }
    .nxt-usr-dashboard.user-photo-gallery-page .nxt-right-sidebar {
        max-width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 8px;
        padding: 0
    }
    .nxt-usr-dashboard.user-photo-gallery-page .nxt-right-sidebar div.nst-sidebar-item {
        width: 100% !important;
        max-width: 100%
    }
    .nxt-usr-dashboard.user-photo-gallery-page .nxt-right-sidebar div.nst-sidebar-item.dashboard-upgrade-settings {
        margin-right: 0 !important;
        max-width: calc(50% - 9px) !important
    }
    .nst-upgrade-table-body .nst-package-item {
        width: calc(50% - 16px)
    }
    .nst-upgrade-table-body .nst-package-item .nst-package-details-tab,
    .nst-upgrade-table-body .nst-package-item .nst-features-tab,
    .nst-upgrade-table-body .nst-package-item .nst-upgrade-price-tab {
        width: 100% !important;
        padding: 15px !important
    }
    .nst-faq-page .nxt-faq-page-details {
        max-width: 100%;
        min-width: 100%
    }
    .advertise-with-us div.nst-advertise-with-us {
        max-width: 100%;
        min-width: 100%
    }
    .advertise-with-us div.nst-advertise-with-us div.nxt-dashboard-details {
        max-width: 100% !important;
        min-width: 100% !important
    }
    .nst-commu-location-page .banner-form {
        position: relative;
        width: 100% !important;
        top: 0 !important;
        transform: translateY(0%) !important;
        transform: translate3d(0px, 0px, 0px) !important;
        margin-top: -310px
    }
    .nxt-community-home-section {
        padding-bottom: 50px
    }
}

@media only screen and (max-width:767px) {
    .partner-preference.who-viewed-profiles-area figure,
    .partner-preference.who-shortlisted-profiles-area figure {
        width: 100%;
        min-height: 170px;
        padding: 0 !important;
        margin: auto;
        margin-bottom: 10px;
        max-width: 170px !important
    }
    .partner-preference.who-viewed-profiles-area figure img,
    .partner-preference.who-shortlisted-profiles-area figure img {
        margin: auto;
        max-width: 170px !important
    }
    .nxt-user-account-profile.nst-sidebar-item figure {
        float: none !important
    }
    .nxt-user-account-profile.nst-sidebar-item .nxt-profile-settings-link {
        margin-top: 0 !important
    }
    .nxt-user-account-profile.nst-sidebar-item .nxt-profile-settings-link li {
        width: 100% !important
    }
    .nxt-user-account-profile.nst-sidebar-item .nxt-profile-name {
        margin-top: 10px !important
    }
    .nxt-discover-partner-nav.nst-discover-partner.nst-sidebar-item {
        padding-top: 70px !important
    }
    .profile-details h3,
    .profile-details a {
        width: 100%;
        margin-bottom: 10px !important;
        position: relative !important
    }
    .profile-details a {
        padding-left: 15px
    }
    .profile-details .inner-details p {
        width: 100% !important
    }
    .nxt-search-partner .nav.nav-tabs li.nav-item {
        padding: 0 !important;
        padding-right: 0 !important;
        width: 33.33%;
        text-align: center
    }
    .nxt-search-partner .nav.nav-tabs li.nav-item a {
        font-size: .875rem
    }
    .nxt-search-partner .card .card-body {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .nst-search-filter-area {
        top: 83px;
        height: calc(100vh - 83px) !important;
        min-height: calc(100vh - 83px) !important
    }
    .dashboard-filter .card .card-body {
        padding: 0 0 0 0 !important
    }
    .nst-account-settings-page .nxt-right-sidebar {
        padding: 9px 8px !important
    }
    .nst-account-settings-page .nxt-right-sidebar .nst-sidebar-item {
        width: calc(50% - 18px) !important
    }
    .nst-account-settings-page .nxt-left-side-bar {
        width: 33%;
        float: left
    }
    .nst-account-settings-page .nxt-left-side-bar .dashboard-categories-settings {
        width: 100%
    }
    .nst-account-settings-page .nxt-dashboard-details {
        float: left;
        width: 64%;
        max-width: 100% !important
    }
    .nst-account-settings-page .dashboard-categories-settings {
        padding: 25px 15px !important
    }
    .nst-faq-page .nxt-faq-page-details .card-body {
        padding: 0 20px 20px !important
    }
}

@media only screen and (max-width:680px) {
    .nst-search-result-page .profile-foot {
        margin-top: 0
    }
    .nst-search-result-page .profile-foot .interest {
        width: 100%;
        min-height: 50px;
        text-align: center;
        padding-top: 15px;
        display: table !important
    }
    .nst-search-result-page .profile-foot .chat-btn {
        float: right !important
    }
    .nxt-usr-dashboard .nxt-dashboard-details.recently-joined-listing figure img {
        height: 150px;
        width: 133px
    }
    .log-out-notification .who-viewed-profiles .items {
        width: 48% !important
    }
}

@media only screen and (max-width:575px) {
    .checked-out-notificaiton .user-img {
        margin: auto
    }
    .checked-out-notificaiton figure {
        margin: auto
    }
    .nst-acception-buttons {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .nst-acception-buttons a {
        margin: auto
    }
    .w-100.text-center.nst-acception-buttons a {
        max-height: 35px
    }
    .w-100.text-center.nst-acception-buttons a span {
        margin-top: 5px
    }
    .ui-header-button.ui-view-profile-btn.mt-4 {
        background-color: #fff !important;
        color: #ac1a1d !important;
        transition: all .5s ease-out !important;
        border: none !important
    }
    .ui-header-button.ui-view-profile-btn.mt-4 a {
        color: #ac1a1d !important;
        transition: all .5s ease-out !important
    }
    .ui-header-button.ui-view-profile-btn.mt-4:hover {
        background-color: #fff !important;
        transition: all .5s ease-out !important;
        border: none !important;
        color: #17cdb6 !important
    }
    .ui-header-button.ui-view-profile-btn.mt-4:hover a {
        color: #17cdb6 !important;
        transition: all .5s ease-out !important
    }
    .ui-header-button.ui-view-profile-btn.mt-4:focus,
    .ui-header-button.ui-view-profile-btn.mt-4:active {
        border: none !important;
        box-shadow: none;
        outline: none
    }
    main.nxt-usr-dashboard div.nxt-right-sidebar .nst-sidebar-item {
        width: 100% !important;
        max-width: 100% !important
    }
    main.nxt-usr-dashboard div.nxt-right-sidebar .nst-sidebar-item:nth-child(1) {
        margin-right: 0
    }
    .nxt-left-side-bar .nst-sidebar-item {
        width: 100% !important
    }
    .nxt-left-side-bar .nst-sidebar-item:nth-child(2) {
        margin-left: 0
    }
    .profile-details h3 span {
        position: relative;
        display: block
    }
    .profile-details h3 span:nth-child(2) {
        font-size: .875rem
    }
    .nxt-left-side-bar .nst-sidebar-item {
        max-width: 100% !important
    }
    .nxt-search-partner .nav.nav-tabs li.nav-item a {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        font-size: .75rem
    }
    .nst-search-filter-area {
        top: 73px;
        height: calc(100vh - 73px) !important;
        min-height: calc(100vh - 73px) !important
    }
    .nst-account-settings-page .nxt-right-sidebar {
        padding: 9px 8px !important
    }
    .nst-account-settings-page .nxt-right-sidebar .nst-sidebar-item {
        width: 100% !important
    }
    .nst-account-settings-page .nxt-left-side-bar {
        width: 100%
    }
    .nst-account-settings-page .nxt-left-side-bar .dashboard-categories-settings {
        width: 100%
    }
    .nst-account-settings-page .nxt-dashboard-details {
        width: 100%;
        max-width: 100% !important
    }
    .nst-account-settings-page .dashboard-categories-settings {
        padding: 25px 15px !important
    }
    main.nxt-usr-dashboard.nst-notification-user-page .nxt-right-sidebar .nst-sidebar-item div.row {
        width: 100% !important;
        float: left;
        padding: 0 8px
    }
    .nxt-usr-dashboard.user-photo-gallery-page .nxt-right-sidebar div.nst-sidebar-item {
        width: 100% !important;
        max-width: 100%;
        margin-right: 0 !important;
        max-width: 100% !important
    }
    .nxt-similar-profiles img {
        height: 260px;
        min-height: 60vw;
        object-fit: cover;
        object-position: center 25%
    }
    .nst-upgrade-table-body .nst-package-item {
        width: 100%
    }
    .nst-upgrade-table-body .nst-package-item .nst-package-details-tab,
    .nst-upgrade-table-body .nst-package-item .nst-features-tab,
    .nst-upgrade-table-body .nst-package-item .nst-upgrade-price-tab {
        width: 100% !important;
        padding: 15px !important
    }
    .testimonials-slider2.slick-vertical .slick-slide {
        height: 500px !important
    }
}

@media only screen and (max-width:500px) {
    .profile-box .figure {
        width: 100%
    }
    .profile-box .figure figure {
        margin: auto;
        display: table;
        margin-bottom: 10px
    }
    .profile-box h3 {
        text-align: center;
        display: flex !important;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
    .profile-box h3 span {
        display: block;
        width: auto;
        float: left;
        position: relative
    }
    .profile-box h3 span:nth-child(1) {
        margin-left: auto;
        margin-right: 0
    }
    .profile-box h3 span:nth-child(2) {
        margin-left: 0;
        margin-right: auto
    }
    .profile-box .cont-det {
        width: 100% !important
    }
    .profile-box .chat-btn {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto !important;
        display: block;
        float: none !important;
        margin-bottom: 8px !important
    }
    .profile-box a {
        text-align: center
    }
    .nxt-usr-dashboard .nxt-dashboard-details .profile-box .profiles .profile-details,
    .profile-box .profile-foot .interest {
        width: 100% !important
    }
    .nxt-who-viewed-profile ul.nav {
        display: block;
        width: 100%;
        position: relative;
        margin-top: 0 !important;
        float: none !important;
        margin-bottom: 17px;
        display: table;
        text-align: right
    }
    .nxt-who-viewed-profile ul.nav li {
        width: auto;
        max-width: 50%;
        display: inline-block
    }
    .nxt-dashboard-details h2 {
        width: 100% !important
    }
}

@media only screen and (max-width:400px) {
    .nxt-usr-dashboard .partner-preference.who-shortlisted-profiles-area .items,
    .nxt-usr-dashboard .partner-preference.who-viewed-profiles-area .items {
        width: 100%;
        margin-left: 0 !important
    }
    .nxt-usr-dashboard .partner-preference.who-shortlisted-profiles-area .items:nth-child(even),
    .nxt-usr-dashboard .partner-preference.who-viewed-profiles-area .items:nth-child(even) {
        margin-left: 0 !important
    }
    .log-out-notification .who-viewed-profiles .items {
        width: 100% !important
    }
}

.custom-responsive-dashboard .nst-our-services-table {
    min-width: 1100px
}

.navbar-nav .input-group-append .button#id_search_submit {
    z-index: 9999
}

.ui-ad-class a {
    display: block
}

@media only screen and (max-width:768px) {
    .ui-ad-class {
        display: none
    }
}

.ui-ad-class-resp {
    display: none
}

.ui-ad-class-resp a {
    display: block
}

@media only screen and (max-width:768px) {
    .ui-ad-class-resp {
        display: block
    }
}

.ui-ad-class-resp-profile {
    display: none
}

.ui-ad-class-resp-profile a {
    display: block
}

@media only screen and (max-width:768px) {
    .ui-ad-class-resp-profile {
        display: block
    }
}

.highlight .slick-slide {
    height: auto
}

@media only screen and (max-width:767px) {
    .testimonials-items figure img {
        height: 200px;
        object-position: top
    }
}

@media only screen and (max-width:640px) {
    .ui-about-nest .content .stories-box-list div.stories-box {
        min-height: 65px !important
    }
}

.address-sec-wrap:before {
    content: "";
    width: 100%;
    display: block;
    height: 1px;
    position: relative;
    background-color: #294e77
}

.footer-contact-list {
    display: flex;
    flex-wrap: wrap
}

.footer-contact-list li {
    width: 100%
}

@media only screen and (min-width:1200px) {
    .footer-contact-list li {
        max-width: 20%;
        flex: 0 0 20%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .footer-contact-list li {
        max-width: 25%;
        flex: 0 0 25%
    }
}

@media only screen and (min-width:500px) and (max-width:991px) {
    .footer-contact-list li {
        max-width: 50%;
        flex: 0 0 50%
    }
}

.dashboard-checked-out .slick-next.slick-disabled,
.dashboard-checked-out .slick-prev.slick-disabled {
    color: gray;
    cursor: no-drop;
    background-color: transparent !important
}

@media only screen and (max-width:640px) {
    .footer-links {
        min-height: 70px !important
    }
}

@media only screen and (max-width:640px) {
    .h-100 {
        height: auto !important
    }
    .ui-about-nest .content .stories-box-list div.stories-box {
        height: auto !important
    }
}

@supports(-webkit-touch-callout:none) {
    @media only screen and (max-width: 640px) {
        .footer-links {
            min-height:70px !important
        }
    }
    @media only screen and (max-width:640px) {
        .ui-about-nest .content .stories-box-list div.stories-box {
            min-height: 65px !important
        }
    }
    @media only screen and (max-width:640px) {
        .h-100 {
            height: auto !important
        }
    }
    .ui-about-nest .content .stories-box-list div.stories-box {
        height: auto !important
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .ui-about-nest .content .stories-box-list div.stories-box {
        height: auto !important
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and only screen and (max-width:640px) {
    .footer-links {
        min-height: 70px !important
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and only screen and (max-width:640px) {
    .ui-about-nest .content .stories-box-list div.stories-box {
        min-height: 65px !important
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and only screen and (max-width:640px) {
    .h-100 {
        height: auto !important
    }
}

@media only screen and (max-width:480px) {
    .ui-nest-special {
        margin-top: 220px !important
    }
    p.w-100.btm-form-p.my-4 {
        padding-top: 10px
    }
}

@media only screen and (max-width:380px) {
    .ui-nest-special {
        margin-top: 260px !important
    }
}

@media only screen and (max-width:326px) {
    .ui-nest-special {
        margin-top: 275px !important
    }
}

@import "https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";
.sec-perfect-match {
    width: 100%;
    height: 100vh;
    background-size: cover !important;
    background-position: 100% center !important;
    position: relative
}

.sec-perfect-match:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100vh;
    background: url(images/bg-gradient.svg);
    background-size: cover;
    background-position: 100% center;
    top: 0;
    left: 0
}

.sec-perfect-match .banner-text {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2;
    font-family: roboto, sans-serif
}

.sec-perfect-match .banner-text h2 {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 23px;
    letter-spacing: 2px
}

.sec-perfect-match .banner-text h6 {
    font-size: 34px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 15px
}

.sec-perfect-match .banner-text p {
    font-size: 20px;
    font-weight: 400;
    color: #00f7af;
    margin: 0
}

.sec-perfect-match .banner-text .info-safe {
    display: inline-flex;
    width: 307px;
    height: 38px;
    border: 1px solid #fff;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    padding: 10px;
    margin: 30px 0 0
}

.sec-perfect-match .banner-text .info-safe img {
    width: 14px;
    margin: 0 7px 0 0
}

.sec-perfect-match .banner-form-area {
    position: absolute;
    bottom: 0;
    z-index: 3;
    width: 100%
}

.sec-perfect-match .banner-form-area p {
    margin: 50px 0;
    color: #fff;
    font-size: 15px;
    font-weight: 400
}

.sec-perfect-match .banner-form-area p a {
    color: #fff;
    text-decoration: underline;
    transition: all .6s ease
}

.sec-perfect-match .banner-form-area p a:hover {
    color: #17cdb6
}

.sec-perfect-match .banner-form-area .radio-green-box {
    background: #0e7652;
    width: 355px;
    height: 51px;
    border-radius: 15px;
    border-bottom-left-radius: 0;
    position: relative;
    top: 11px;
    padding: 11px 30px;
    color: #fff;
    z-index: 2;
    display: flex;
    justify-content: space-between
}

.sec-perfect-match .banner-form-area .radio-green-box .first-label {
    font-size: 15px;
    font-weight: 400;
    margin: 0 23px 0 0
}

.sec-perfect-match .banner-form-area .form-outer-whitebox {
    background: #fff;
    width: 100%;
    height: 116px;
    border-radius: 15px;
    display: flex;
    overflow: hidden;
    position: relative;
    z-index: 3
}

.sec-perfect-match .banner-form-area .form-outer-whitebox .find-btn {
    height: 100%;
    width: 250px;
    font-size: 22px;
    font-weight: 700;
    border: 0;
    color: #fff;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-left: auto;
    background-image: linear-gradient(90deg, #02C48D, #22D6D9);
    transition: all .6s ease
}

.sec-perfect-match .banner-form-area .form-outer-whitebox .find-btn:hover {
    background: #ac1a1d
}

.sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds {
    width: calc(100% - 250px)
}

.sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds input {
    border: 0;
    padding: 0;
    height: auto;
    font-size: 17px;
    font-weight: 400;
    color: #000;
    font-family: roboto, sans-serif
}

.sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds .form-group {
    margin: 0;
    width: 100%
}

.sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds label {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    margin: 0 0 15px
}

.sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds ul {
    display: flex;
    align-items: center;
    height: 100%
}

.sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds ul li {
    height: 100%;
    border-right: 1px solid #d3d3d3;
    display: flex;
    align-items: center;
    padding: 30px
}

.sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds ::placeholder {
    color: #8b8b8b;
    font-size: 17px;
    font-weight: 400;
    font-family: roboto, sans-serif
}

.sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds :-ms-input-placeholder {
    color: #8b8b8b
}

.sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds ::-ms-input-placeholder {
    color: #8b8b8b
}

.sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds .ph-dropdown {
    display: flex
}

.sec-perfect-match .banner-content-wrapper {
    position: relative
}

.custom-ch-wrap label {
    font-size: 15px;
    font-weight: 700
}

.custom-ch-wrap [type=radio]:checked,
.custom-ch-wrap [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.custom-ch-wrap [type=radio]:checked+label,
.custom-ch-wrap [type=radio]:not(:checked)+label {
    position: relative;
    padding: 0 20px 0 25px;
    cursor: pointer;
    line-height: 18px;
    display: inline-block;
    color: #fff
}

.custom-ch-wrap [type=radio]:checked+label:last-child,
.custom-ch-wrap [type=radio]:not(:checked)+label:last-child {
    padding-right: 0
}

.custom-ch-wrap [type=radio]:checked+label:before,
.custom-ch-wrap [type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    border-radius: 100%;
    background: 0 0
}

.custom-ch-wrap [type=radio]:checked+label:after,
.custom-ch-wrap [type=radio]:not(:checked)+label:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #fff;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    transition: all .2s ease
}

.custom-ch-wrap [type=radio]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

.custom-ch-wrap [type=radio]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

@media(max-width:1500px) {
    .sec-perfect-match .banner-form-area p {
        margin: 20px 0
    }
}

@media(max-width:1400px) {
    .sec-perfect-match .banner-text {
        padding: 180px 0 0;
        justify-content: flex-start
    }
    .sec-perfect-match .banner-form-area .form-outer-whitebox {
        height: 95px
    }
    .sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds ul li {
        padding: 10px 30px
    }
    .sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds label {
        font-size: 15px;
        margin: 0 0 5px
    }
    .sec-perfect-match .banner-text h2 {
        font-size: 50px;
        margin: 0 0 10px
    }
    .sec-perfect-match .banner-text .info-safe {
        margin: 15px 0 0
    }
    .sec-perfect-match .banner-text h6 {
        font-size: 25px;
        margin: 0 0 10px
    }
    .sec-perfect-match .banner-text p {
        font-size: 15px
    }
}

@media(max-width:1280px) {
    .sec-perfect-match .banner-text {
        padding: 160px 0 0
    }
}

@media(max-width:1119px) {
    .sec-perfect-match .banner-form-area .form-outer-whitebox .find-btn {
        width: 245px;
        font-size: 15px
    }
    .sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds {
        width: calc(100% - 245px)
    }
    .sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds ul li {
        padding: 30px 15px
    }
    .sec-perfect-match .banner-form-area p {
        margin: 20px 0
    }
    .sec-perfect-match .banner-form-area .form-outer-whitebox {
        height: 100px
    }
    .sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds label {
        font-size: 15px !important
    }
    .sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds .cs-dropdown .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 15px !important
    }
    .sec-perfect-match .banner-form-area .bnr-form-feilds ::placeholder {
        font-size: 15px !important
    }
    .sec-perfect-match {
        background-position: 75% center !important
    }
}

@media(max-width:991px) {
    .sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds {
        width: calc(100% - 144px)
    }
    .sec-perfect-match .banner-form-area .form-outer-whitebox .find-btn {
        width: 144px
    }
    .sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds label {
        font-size: 13px !important;
        margin: 0 0 10px
    }
    .sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds .cs-dropdown .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 14px !important
    }
    .sec-perfect-match .banner-form-area .bnr-form-feilds ::placeholder {
        font-size: 12px !important
    }
    .sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds ul li {
        padding: 30px 10px
    }
}

.mob-sec-perfect-match-wrapper {
    display: none
}

@media(max-width:1199px) {
    .sec-perfect-match {
        display: none
    }
    .mob-sec-perfect-match-wrapper {
        display: block
    }
    .mob-sec-perfect-match {
        width: 100%;
        height: 336px;
        background-size: cover !important;
        position: relative;
        font-family: roboto, sans-serif;
        margin: 72px 0 0;
        overflow: hidden
    }
    .mob-sec-perfect-match:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100vh;
        background: url(../resources/images/bg-gradient.svg);
        background-size: cover;
        background-position: 100% center;
        top: 0;
        left: 0
    }
    .mob-sec-perfect-match .mob-banner-text {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: 100%;
        padding: 0 15px 50px
    }
    .mob-sec-perfect-match .mob-banner-text h2 {
        font-size: 28px !important;
        font-weight: 700;
        color: #fff;
        letter-spacing: 2px;
        margin: 0
    }
    .mob-sec-perfect-match .mob-banner-text p {
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        margin: 0
    }
    .mob-sec-perfect-match .mob-banner-text .pay-btn {
        background: #23c79c;
        font-size: 14px;
        font-weight: 700;
        padding: 5px 10px;
        width: 106px;
        height: 40px;
        text-align: center;
        border: 0;
        color: #fff;
        border-radius: 5px;
        font-family: roboto slab, serif
    }
    .mob-sec-perfect-match .mob-banner-text .mob-btn-wrap {
        display: flex;
        align-items: center;
        margin: 15px 0 0
    }
    .mob-sec-perfect-match .mob-banner-text .mob-btn-wrap .btn-right-text {
        width: auto;
        border-left: 1px solid #707070;
        margin: 0 0 0 15px;
        padding: 0 15px
    }
    .mob-sec-perfect-match .mob-banner-text .mob-btn-wrap .btn-right-text p {
        font-size: 12px
    }
    .mob-form-wrapper {
        background: #e8f3fe
    }
    .mob-form-wrapper .mob-prft-form {
        background: #fff;
        height: auto;
        border-radius: 10px;
        position: relative;
        z-index: 5;
        margin-top: -35px;
        padding: 20px 17px;
        box-shadow: 0 3px 5px rgba(16, 35, 62, .17)
    }
    .mob-form-wrapper .mob-prft-form .radio-head {
        border-bottom: solid 1px #ededed;
        padding: 0 0 12px;
        margin: 0 0 17px
    }
    .mob-form-wrapper .mob-prft-form .radio-head label {
        color: #000 !important;
        font-size: 15px
    }
    .mob-form-wrapper .mob-prft-form .radio-head label.first-label {
        margin: 0 35px 0 0
    }
    .mob-form-wrapper .mob-prft-form .radio-head .custom-ch-wrap [type=radio]:checked+label:before,
    .mob-form-wrapper .mob-prft-form .radio-head .custom-ch-wrap [type=radio]:not(:checked)+label:before {
        border-color: #a7a7a7
    }
    .mob-form-wrapper .mob-prft-form .radio-head .custom-ch-wrap [type=radio]:checked+label:after,
    .mob-form-wrapper .mob-prft-form .radio-head .custom-ch-wrap [type=radio]:not(:checked)+label:after {
        background: #1ccaa8
    }
    .mob-form-wrapper .mob-prft-form .radio-head .custom-ch-wrap [type=radio]:checked+label,
    .mob-form-wrapper .mob-prft-form .radio-head .custom-ch-wrap [type=radio]:not(:checked)+label {
        position: relative;
        padding: 0 20px 0 25px;
        line-height: 17px
    }
    .mob-form-wrapper .mob-prft-form .form-feils-wrap .select2-container--default .select2-selection--single {
        height: 45px;
        border-color: #c9c9c9;
        padding: 5px 0;
        border-radius: 5px;
        display: flex;
        align-items: center
    }
    .mob-form-wrapper .mob-prft-form .form-feils-wrap .select2 {
        margin-bottom: 0
    }
    .mob-form-wrapper .mob-prft-form .form-feils-wrap .select2-selection__rendered {
        font-size: 13px !important
    }
    .mob-form-wrapper .mob-prft-form .form-feils-wrap label {
        font-size: 14px;
        font-weight: 400;
        color: #000;
        margin: 0 0 12px
    }
    .mob-form-wrapper .mob-prft-form .form-feils-wrap .form-control {
        height: 45px;
        border: 1px solid #c9c9c9;
        border-radius: 5px;
        font-size: 13px;
        color: #000
    }
    .mob-form-wrapper .mob-prft-form .form-feils-wrap .form-group {
        margin-bottom: 18px
    }
    .mob-form-wrapper .mob-prft-form .form-feils-wrap .ph-dropdown {
        display: flex
    }
    .mob-form-wrapper .mob-prft-form .form-feils-wrap .ph-dropdown .select2.select2-container {
        width: 73px !important
    }
    .mob-form-wrapper .mob-prft-form .form-feils-wrap .ph-dropdown .form-control {
        margin: 0 0 0 10px;
        width: calc(100% - 83px)
    }
    .mob-form-wrapper .mob-prft-form .form-feils-wrap .mob-rel-and-cast {
        display: flex
    }
    .mob-form-wrapper .mob-prft-form .form-feils-wrap .mob-rel-and-cast .form-group {
        width: 49%
    }
    .mob-form-wrapper .mob-prft-form .form-feils-wrap .mob-rel-and-cast .form-group:first-child {
        margin-right: 10px
    }
    .mob-form-wrapper .mob-prft-form .form-feils-wrap .find-btn {
        height: 45px;
        width: 100%;
        font-size: 18px;
        font-weight: 700;
        border: 0;
        color: #fff;
        align-items: center;
        justify-content: center;
        display: flex;
        background-image: linear-gradient(90deg, #02C48D, #22D6D9);
        transition: all .6s ease;
        border-radius: 5px;
        margin-top: 5px
    }
    .mob-form-wrapper .mob-prft-form .form-feils-wrap .find-btn:hover {
        background: #ac1a1d
    }
    .mob-form-wrapper ::placeholder {
        color: #8b8b8b;
        font-size: 13px;
        font-weight: 400;
        font-family: roboto, sans-serif
    }
    .mob-form-wrapper :-ms-input-placeholder {
        color: #8b8b8b
    }
    .mob-form-wrapper ::-ms-input-placeholder {
        color: #8b8b8b
    }
    .info-safe {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ac1a1d;
        font-size: 14px;
        font-weight: 400;
        padding: 12px 0 0;
        font-family: roboto, sans-serif
    }
    .info-safe img {
        width: 14px;
        margin: 0 7px 0 0
    }
    .mob-ftr-links {
        text-align: center;
        padding: 5px 0 12px
    }
    .mob-ftr-links p {
        font-size: 12px;
        font-weight: 400;
        font-family: roboto, sans-serif
    }
    .mob-ftr-links p a {
        text-decoration: underline
    }
}

@media(max-width:480px) {
    .mob-sec-perfect-match .mob-banner-text {
        padding: 0 0 50px
    }
    .mob-sec-perfect-match .mob-banner-text p {
        font-size: 13px
    }
    .mob-sec-perfect-match .mob-banner-text .mob-btn-wrap .btn-right-text p {
        font-size: 11px
    }
    .mob-sec-perfect-match .mob-banner-text .mob-btn-wrap .btn-right-text {
        padding: 0 0 0 10px;
        margin: 0 0 0 10px
    }
    .mob-form-wrapper .mob-prft-form .radio-head label {
        font-size: 13px
    }
    .mob-form-wrapper .mob-prft-form .radio-head label.first-label {
        margin: 0 10px 0 0
    }
    .mob-form-wrapper .mob-prft-form .radio-head .custom-ch-wrap [type=radio]:checked+label,
    .mob-form-wrapper .mob-prft-form .radio-head .custom-ch-wrap [type=radio]:not(:checked)+label {
        padding: 0 9px 0 22px
    }
}

.sec-perfect-match {
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden
}

.cmp-name {
    flex: 0 0 23%;
    max-width: 23%
}

.cmp-mobile {
    flex: 0 0 27%;
    max-width: 27%
}

.cmp-religion {
    flex: 0 0 18%;
    max-width: 18%
}

.cmp-cast {
    flex: 0 0 18%;
    max-width: 18%
}

.cmp-age {
    flex: 0 0 14%;
    max-width: 14%
}

.cmp-mobile select.form-control {
    width: 100px !important
}

.cmp-mobile .select2-container--default .select2-selection--single {
    width: 100px !important
}

.cmp-mobile .select2.select2-container {
    width: 100px !important
}

.cmp-mobile .cmp-mobile-number {
    background-color: #fff !important;
    border: 1px solid #aaa !important;
    border-radius: 4px !important;
    height: 40px !important;
    border-color: #e7e8e8 !important;
    margin-left: 10px;
    padding-left: 12px !important
}

.cmp-name-field {
    background-color: #fff !important;
    border: 1px solid #aaa !important;
    border-radius: 4px !important;
    height: 40px !important;
    border-color: #e7e8e8 !important;
    padding-left: 12px !important;
    padding-right: 12px !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
    top: 14px !important
}

.sec-perfect-match .form-group,
.mob-form-wrapper .form-group {
    position: relative
}

.sec-perfect-match .banner-form-area label.error,
.mob-form-wrapper .form-group label.error {
    right: inherit !important;
    margin: 0 !important;
    top: 25px;
    color: red !important;
    width: 100px !important;
    left: 0 !important
}

@media(max-width:1450px) {
    .sec-perfect-match .banner-form-area .form-outer-whitebox .bnr-form-feilds {
        width: calc(100% - 185px)
    }
    .sec-perfect-match .banner-form-area .form-outer-whitebox .find-btn {
        width: 185px
    }
    .cmp-mobile select.form-control {
        width: 75px !important
    }
    .cmp-mobile .select2-container--default .select2-selection--single {
        width: 75px !important
    }
    .cmp-mobile .select2.select2-container {
        width: 75px !important
    }
}

@media(min-height:650px) and (max-height:768px) {
    .sec-perfect-match .banner-text {
        justify-content: inherit;
        padding-top: 200px
    }
}

@media(max-width:1300px) {
    .cmp-mobile select.form-control {
        width: 65px !important
    }
    .cmp-mobile .select2-container--default .select2-selection--single {
        width: 65px !important
    }
    .cmp-mobile .select2.select2-container {
        width: 65px !important
    }
}

@media(max-width:1199px) {
    .mob-sec-perfect-match {
        margin-top: 0 !important
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow:after {
        top: 16px !important
    }
    .mob-form-wrapper .form-group label.error {
        top: 19px !important
    }
}

.sec-perfect-match .banner-form-area .form-outer-whitebox {
    overflow: inherit !important
}

.sec-perfect-match .banner-form-area .form-outer-whitebox .find-btn {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

@media(max-width:1199px) {
    .mob-sec-perfect-match-wrapper {
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%
    }
}